/* GENERIRANO - ne uređivati ručno. Izvor: tools/halloween-palette.js
   (node tools/halloween-palette.js). Halloween tjedan, paleta „Krv i kost":
   izravno upisane ljubičaste boje iz ostalih stilova, preslikane pod html.hw-on. */

/* ---- css/loader.css ---- */
html.hw-on #aj-loader {
  --ajl-star: #e0d9cc;
  background: radial-gradient(circle at 50% 42%, var(--body-grad-1, rgba(82, 20, 23, 0.28)) 0%, transparent 62%),
    var(--bg-deep, #090808);
}
html.hw-on .ajl-bar {
  background: var(--border, rgba(118, 30, 34, 0.2));
}
html.hw-on .ajl-bar > i {
  background: linear-gradient(90deg, var(--lavender-soft, #5b171a), var(--lavender, #761e22));
}

/* ---- css/style.css ---- */
html.hw-on .blog-search-wrap::before {
  background: linear-gradient(120deg, rgba(118, 30, 34, 0.55), rgba(118, 30, 34, 0.05) 40%, rgba(118, 30, 34, 0.55));
}
html.hw-on .blog-search-input {
  border: 1px solid rgba(118, 30, 34, 0.22);
}
html.hw-on .blog-search-input:focus {
  border-color: rgba(118, 30, 34, 0.55);
  box-shadow: 0 0 30px rgba(118, 30, 34, 0.18), inset 0 0 18px rgba(118, 30, 34, 0.05);
}
html.hw-on .blog-search-clear {
  background: rgba(118, 30, 34, 0.12);
  border: 1px solid rgba(118, 30, 34, 0.25);
}
@media (hover: hover) {
  html.hw-on .blog-search-clear:hover {
    background: rgba(118, 30, 34, 0.25);
  }
}
html.hw-on .blog-chip {
  background: rgba(118, 30, 34, 0.04);
  border: 1px solid rgba(118, 30, 34, 0.22);
}
@media (hover: hover) {
  html.hw-on .blog-chip:hover {
    border-color: rgba(118, 30, 34, 0.5);
    background: rgba(118, 30, 34, 0.08);
  }
}
html.hw-on .blog-chip.active {
  box-shadow: 0 0 18px rgba(118, 30, 34, 0.4);
}
html.hw-on .blog-chip-count {
  background: rgba(118, 30, 34, 0.18);
}
html.hw-on .blog-chip.active .blog-chip-count {
  background: rgba(9, 8, 8, 0.25);
}
@media (hover: hover) {
  html.hw-on .blog-chip-toggle:hover {
    background: rgba(118, 30, 34, 0.06);
  }
}
html.hw-on .blog-empty-glyph {
  text-shadow: 0 0 18px rgba(118, 30, 34, 0.4);
}
html.hw-on .blog-empty-reset {
  border: 1px solid rgba(118, 30, 34, 0.35);
}
@media (hover: hover) {
  html.hw-on .blog-empty-reset:hover {
    background: rgba(118, 30, 34, 0.1);
  }
}
@media (hover: hover) {
  html.hw-on .service-card:hover {
    border-color: rgba(118, 30, 34, 0.45);
    box-shadow: 0 20px 40px rgba(106, 148, 120, 0.07), 0 10px 20px rgba(118, 30, 34, 0.08);
  }
}
html.hw-on .pricing-row.header {
  background: rgba(82, 20, 23, 0.25);
}
html.hw-on .about-image-float {
  background: linear-gradient(135deg, rgba(118, 30, 34, 0.15), rgba(106,148,120,0.1));
  border: 1px solid rgba(118, 30, 34, 0.3);
  box-shadow: 0 4px 24px rgba(118, 30, 34, 0.08), inset 0 0 30px rgba(118, 30, 34, 0.03);
}
html.hw-on .about-image-float::after {
  border: 1px solid rgba(118, 30, 34, 0.15);
}
html.hw-on .about-image-float:empty::before {
  text-shadow: 0 0 40px rgba(118, 30, 34, 0.4);
}
html.hw-on .form-group input:focus,
html.hw-on .form-group select:focus,
html.hw-on .form-group textarea:focus {
  box-shadow: 0 0 0 3px rgba(118, 30, 34, 0.15);
}
html.hw-on .blog-card::before {
  background: linear-gradient(135deg, rgba(118, 30, 34, 0.5), transparent 35%, transparent 65%, rgba(221, 214, 200, 0.35)) border-box;
}
@media (hover: hover) {
  html.hw-on .blog-card:hover {
    border-color: rgba(118, 30, 34, 0.45);
    box-shadow: 0 18px 40px rgba(21, 19, 19, 0.45), 0 0 50px rgba(118, 30, 34, 0.12);
  }
}
html.hw-on .blog-image {
  text-shadow: 0 0 30px rgba(118, 30, 34, 0.5);
}
@media (hover: hover) {
  html.hw-on .blog-card:hover .blog-image {
    text-shadow: 0 0 45px rgba(118, 30, 34, 0.85), 0 0 90px rgba(118, 30, 34, 0.3);
  }
}
html.hw-on .blog-image::after {
  background: radial-gradient(circle at center, transparent 30%, rgba(9, 8, 8, 0.55));
}
html.hw-on .blog-card-series {
  background: rgba(118, 30, 34, 0.08);
  border: 1px solid rgba(118, 30, 34, 0.28);
}
html.hw-on .post-body a {
  text-decoration-color: rgba(118, 30, 34, 0.4);
}
html.hw-on .post-tag {
  background: rgba(118, 30, 34, 0.08);
  border: 1px solid rgba(118, 30, 34, 0.3);
}
@media (hover: hover) {
  html.hw-on .post-tag:hover {
    background: rgba(118, 30, 34, 0.18);
  }
}
html.hw-on .series-badge {
  background: linear-gradient(135deg, rgba(118, 30, 34, 0.12), rgba(118, 30, 34, 0.03));
  border: 1px solid rgba(118, 30, 34, 0.3);
}
@media (hover: hover) {
  html.hw-on .series-nav-card:hover {
    border-color: rgba(118, 30, 34, 0.5);
  }
}
html.hw-on .series-nav-thumb {
  background: linear-gradient(135deg, rgba(118, 30, 34, 0.18), rgba(118, 30, 34, 0.05));
}
html.hw-on .tag-input-wrap {
  background: rgba(9, 8, 8, 0.7);
}
html.hw-on .tag-chip-pill {
  background: rgba(118, 30, 34, 0.18);
  border: 1px solid rgba(118, 30, 34, 0.35);
}
html.hw-on .post-sources li {
  border-bottom: 1px solid rgba(118, 30, 34, 0.08);
}
html.hw-on .post-sources a {
  text-decoration-color: rgba(118, 30, 34, 0.35);
}
html.hw-on .footer-credit {
  color: rgba(103, 94, 78, 0.45);
}
html.hw-on .cta-section {
  background: radial-gradient(ellipse at center, rgba(82, 20, 23, 0.22), transparent 70%),
    linear-gradient(180deg, transparent, rgba(42, 80, 64, 0.05), transparent);
}
html.hw-on #admin-bar {
  background: linear-gradient(90deg, rgba(16, 15, 15, 0.96), rgba(37, 35, 35, 0.96));
  border-bottom: 1px solid rgba(118, 30, 34, 0.4);
}
html.hw-on .admin-badge {
  background: rgba(118, 30, 34, 0.1);
  border: 1px solid rgba(118, 30, 34, 0.3);
}
html.hw-on .abt {
  border: 1px solid rgba(118, 30, 34, 0.2);
}
@media (hover: hover) {
  html.hw-on .abt:hover {
    background: rgba(118, 30, 34, 0.08);
  }
}
html.hw-on .abt-main {
  background: linear-gradient(135deg, rgba(118, 30, 34, 0.18), rgba(118, 30, 34, 0.08));
}
@media (hover: hover) {
  html.hw-on .abt-main:hover {
    background: linear-gradient(135deg, rgba(118, 30, 34, 0.3), rgba(118, 30, 34, 0.15));
  }
}
html.hw-on .abt-menu {
  background: linear-gradient(160deg, #252222, #141212);
  border: 1px solid rgba(118, 30, 34, 0.4);
}
@media (hover: hover) {
  html.hw-on .abt-menu-item:hover {
    background: rgba(118, 30, 34, 0.1);
  }
}
html.hw-on #admin-login-overlay {
  background: rgba(9, 8, 8, 0.94);
}
html.hw-on #admin-login-box {
  background: linear-gradient(135deg, #252222, #141212);
}
html.hw-on #admin-login-box input {
  background: rgba(9, 8, 8, 0.8);
}
html.hw-on #admin-panel-overlay {
  background: rgba(9, 8, 8, 0.9);
}
html.hw-on #admin-panel {
  background: linear-gradient(160deg, #252222, #141212);
}
html.hw-on .ap-tab-btn.active {
  background: rgba(118, 30, 34, 0.08);
}
html.hw-on .bpi {
  border-bottom: 1px solid rgba(118, 30, 34, 0.07);
}
html.hw-on .bpi.sel {
  background: rgba(118, 30, 34, 0.08);
}
@media (hover: hover) {
  html.hw-on .bpi:hover {
    background: rgba(118, 30, 34, 0.08);
  }
}
html.hw-on .af input,
html.hw-on .af select,
html.hw-on .af textarea {
  background: rgba(9, 8, 8, 0.8);
}
html.hw-on .editor-toolbar {
  background: #161414;
  box-shadow: 0 6px 14px rgba(9, 8, 8, 0.45);
}
html.hw-on #blog-content-ed,
html.hw-on #guide-content-ed {
  background: #110f0f;
}
@media (hover: hover) {
  html.hw-on .emoji-btn:hover {
    background: rgba(118, 30, 34, 0.15);
  }
}
html.hw-on .spi {
  border-bottom: 1px solid rgba(118, 30, 34, 0.07);
}
html.hw-on .spi.sel {
  background: rgba(118, 30, 34, 0.08);
}
@media (hover: hover) {
  html.hw-on .spi:hover {
    background: rgba(118, 30, 34, 0.08);
  }
}
html.hw-on .emoji-picker-grid {
  background: rgba(9, 8, 8, 0.5);
}
@media (hover: hover) {
  html.hw-on .ep-btn:hover {
    background: rgba(118, 30, 34, 0.15);
  }
}
html.hw-on .ep-btn.active {
  background: rgba(118, 30, 34, 0.2);
}
html.hw-on .pr-item input {
  background: rgba(9, 8, 8, 0.7);
}
html.hw-on .tarot-deck-btn.active {
  background: rgba(118, 30, 34, 0.08);
}
html.hw-on .tool-card::before {
  background: radial-gradient(circle at 50% 0%, rgba(118, 30, 34, 0.16), transparent 70%);
}
html.hw-on .acg-grid-label span {
  color: #998d78;
}
html.hw-on .nt-faq-item {
  border-top: 1px solid rgba(118, 30, 34, 0.22);
}
html.hw-on .nt-faq-item:last-child {
  border-bottom: 1px solid rgba(118, 30, 34, 0.22);
}
html.hw-on .nt-guide-card {
  border: 1px solid rgba(118, 30, 34, 0.28);
  background: linear-gradient(160deg, rgba(37, 34, 34, 0.35), rgba(9, 8, 8, 0.25));
}
@media (hover: hover) {
  html.hw-on .nt-guide-card:hover {
    border-color: rgba(118, 30, 34, 0.5);
  }
}
html.hw-on .nt-guide-icon {
  border: 1px solid rgba(118, 30, 34, 0.35);
  background: rgba(118, 30, 34, 0.07);
}
html.hw-on .nt-guide-body {
  border-top: 1px solid rgba(118, 30, 34, 0.22);
}
html.hw-on .nt-guide-collapse {
  border: 1px solid rgba(118, 30, 34, 0.35);
}
@media (hover: hover) {
  html.hw-on .nt-guide-collapse:hover {
    background: rgba(118, 30, 34, 0.12);
  }
}
html.hw-on .home-live-natal-wrap:focus-visible {
  box-shadow: 0 0 0 3px rgba(118, 30, 34, 0.5);
}
html.hw-on .home-live-natal-svg svg {
  filter: drop-shadow(0 0 6px rgba(208, 199, 179, 0));
}
html.hw-on .home-live-natal-wrap.lt-loaded .home-live-natal-svg svg {
  filter: drop-shadow(0 0 5px rgba(208, 199, 179, 0.45));
}
html.hw-on .home-live-natal-cta {
  background: radial-gradient(circle at 50% 45%,
    rgba(29, 27, 27, 0.55) 0%,
    rgba(49, 45, 45, 0.40) 55%,
    rgba(49, 45, 45, 0.06) 88%,
    rgba(49, 45, 45, 0) 100%);
}
html.hw-on .home-live-natal-cta-label {
  color: rgba(224, 217, 204, 0.78);
  text-shadow: 0 0 10px rgba(208, 199, 179, 0.4), 0 0 3px rgba(22, 20, 20, 0.7);
}
html.hw-on .home-live-natal-wrap:focus-visible .home-live-natal-cta {
  background: radial-gradient(circle at 50% 45%,
    rgba(20, 18, 18, 0.96) 0%,
    rgba(37, 35, 35, 0.88) 60%,
    rgba(37, 35, 35, 0.25) 90%,
    rgba(37, 35, 35, 0) 100%);
}
@media (hover: hover) {
  html.hw-on .home-live-natal-cta:hover {
    background: radial-gradient(circle at 50% 45%,
      rgba(20, 18, 18, 0.96) 0%,
      rgba(37, 35, 35, 0.88) 60%,
      rgba(37, 35, 35, 0.25) 90%,
      rgba(37, 35, 35, 0) 100%);
  }
}
html.hw-on .home-live-natal-wrap:focus-visible .home-live-natal-cta-label {
  color: #e0d9cc;
  text-shadow: 0 0 16px rgba(208, 199, 179, 0.8), 0 0 4px rgba(22, 20, 20, 1);
}
@media (hover: hover) {
  html.hw-on .home-live-natal-cta:hover .home-live-natal-cta-label {
    color: #e0d9cc;
    text-shadow: 0 0 16px rgba(208, 199, 179, 0.8), 0 0 4px rgba(22, 20, 20, 1);
  }
}
html.hw-on .home-live-natal-caption {
  color: rgba(208, 199, 179, 0.55);
}
@media (hover: none) {
  html.hw-on .home-live-natal-cta {
    background: radial-gradient(circle at 50% 45%,
      rgba(20, 18, 18, 0.96) 0%,
      rgba(37, 35, 35, 0.88) 60%,
      rgba(37, 35, 35, 0.25) 90%,
      rgba(37, 35, 35, 0) 100%);
  }
  html.hw-on .home-live-natal-cta-label {
    color: #e0d9cc;
    text-shadow: 0 0 16px rgba(208, 199, 179, 0.8), 0 0 4px rgba(22, 20, 20, 1);
  }
}
@media (prefers-reduced-motion: reduce) {
  html.hw-on .home-live-natal-svg svg {
    filter: drop-shadow(0 0 5px rgba(208, 199, 179, 0.45));
  }
}
html.hw-on .nt-cc-conj {
  color: #a69c89;
}
html.hw-on .nt-table td {
  border-bottom: 1px solid rgba(118, 30, 34, 0.08);
}
html.hw-on .nt-seg-btn.active {
  color: #1c1a1a;
}
html.hw-on .nt-person-num {
  color: #1c1a1a;
}
html.hw-on .nt-tab.active {
  color: #1c1a1a;
}
html.hw-on .nt-aspgrid td {
  border: 1px solid rgba(118, 30, 34, 0.14);
}
html.hw-on .nt-ag-diag {
  background: rgba(118, 30, 34, 0.10);
}
html.hw-on .nt-dom-bar {
  background: rgba(118, 30, 34, 0.12);
}
html.hw-on .cc-overlay {
  background: rgba(9, 8, 8, 0.78);
}
html.hw-on .cc-group-desc code {
  background: rgba(118, 30, 34, 0.1);
}
html.hw-on .cc-slider {
  background: rgba(91, 23, 26, 0.25);
}

/* ---- css/nav-drawer.css ---- */
html.hw-on .nd-overlay {
  background: rgba(9, 8, 8, 0.42);
}
@media (hover: hover) {
  html.hw-on .nd-theme:hover {
    background: rgba(118, 30, 34, 0.08);
  }
}

/* ---- css/home-slides.css ---- */
html.hw-on .hs-menu-card {
  background: radial-gradient(ellipse at 50% 12%, rgba(118, 30, 34, 0.16), transparent 62%),
    linear-gradient(165deg, #272424, #141212);
}
html.hw-on .hs-menu-card::after {
  border: 1px solid rgba(118, 30, 34, 0.28);
}
html.hw-on .hs-dots button.hs-on {
  box-shadow: 0 0 12px rgba(118, 30, 34, 0.6);
}

/* ---- tarot/tarot.css ---- */
html.hw-on .vtar-spread-chip.active {
  background: rgba(118, 30, 34, 0.14);
}
@media (hover: hover) {
  html.hw-on .vtar-btn:hover {
    color: #1c1a1a;
  }
}
html.hw-on .vtar-deck-count {
  color: #1c1a1a;
}
@media (hover: hover) {
  html.hw-on .vtar-mini-btn:hover {
    background: rgba(118, 30, 34, 0.08);
  }
}
@media (hover: hover) {
  html.hw-on .vtar-mini-btn-accent:hover {
    color: #1c1a1a;
  }
}
html.hw-on .vtar-table {
  background: radial-gradient(ellipse at 50% 34%, rgba(118, 30, 34, 0.14) 0%, transparent 62%),
    radial-gradient(ellipse at 50% 60%, var(--bg-light) 0%, var(--bg-deep) 100%);
  box-shadow: inset 0 0 80px rgba(0,0,0,0.5), inset 0 0 0 1px rgba(118, 30, 34, 0.06), var(--shadow-glow);
}
html.hw-on .vtar-drawbar-used.vtar-drop-hover {
  color: #1c1a1a;
}
html.hw-on .vtar-back-lenormand .vtar-card-front {
  background: #191717;
}
html.hw-on .vtar-back-lenormand .vtar-card-front::after {
  box-shadow: inset 0 0 0 2px rgba(224, 217, 204, 0.9), inset 0 0 0 3.5px rgba(118, 30, 34, 0.4);
}
html.hw-on #vtar-focus-card.vtar-len-focus {
  background-color: #191717;
}
html.hw-on .vtar-len-top {
  color: #211e1e;
  border-bottom: 1px solid rgba(37, 35, 35, 0.35);
}
html.hw-on .vtar-len-num {
  color: #0f0e0e;
}
html.hw-on .vtar-len-desc {
  color: #292626;
}
@media (hover: hover) {
  html.hw-on .vtar-card-discard-btn:hover {
    color: #1c1a1a;
  }
}
html.hw-on .vtar-focus {
  background: rgba(9, 8, 8, 0.9);
}
html.hw-on .vtar-focus-m-active {
  background: rgba(118, 30, 34, 0.12);
  box-shadow: 0 0 22px rgba(118, 30, 34, 0.28);
}
html.hw-on .vtar-yn-mozda {
  background: rgba(118, 30, 34, 0.14);
}
html.hw-on .vtar-legend-num {
  background: rgba(118, 30, 34, 0.18);
}
@media (max-width: 760px) {
  html.hw-on .vtar-mobile-dropzone {
    background: linear-gradient(180deg, rgba(118, 30, 34, 0.16), rgba(118, 30, 34, 0.28));
  }
  html.hw-on .vtar-mobile-dropzone.vtar-drop-hover {
    background: linear-gradient(180deg, rgba(118, 30, 34, 0.34), rgba(118, 30, 34, 0.5));
  }
}