/* sakartvelo.ai — dark-mode finishing layer for integrated user pages, September 2026. */

/* Shared legacy families: site-unity-families historically forced white cards. */
html[data-theme='dark'] body.sak-unity.sak-route,
html[data-theme='dark'] body.sak-unity.sak-thematic,
html[data-theme='dark'] body.sak-unity.sak-legal,
html[data-theme='dark'] body.sak-unity.sak-news-index{
  --bg:#071d31!important;--card:#102b45!important;--ink:#eef5fa!important;
  --muted:#a8bfd2!important;--line:rgba(255,255,255,.11)!important;
  background:#071d31!important;color:#eef5fa!important;
}
html[data-theme='dark'] body.sak-unity.sak-route main,
html[data-theme='dark'] body.sak-unity.sak-thematic main,
html[data-theme='dark'] body.sak-unity.sak-legal main{color:#eef5fa!important}
html[data-theme='dark'] body.sak-unity.sak-route h1,
html[data-theme='dark'] body.sak-unity.sak-thematic h1,
html[data-theme='dark'] body.sak-unity.sak-legal h1,
html[data-theme='dark'] body.sak-unity.sak-legal h2,
html[data-theme='dark'] body.sak-unity.sak-news-index #pageTitle{color:#eef5fa!important}
html[data-theme='dark'] body.sak-unity.sak-route .intro,
html[data-theme='dark'] body.sak-unity.sak-route .highlights li,
html[data-theme='dark'] body.sak-unity.sak-thematic .place .desc,
html[data-theme='dark'] body.sak-unity.sak-legal p,
html[data-theme='dark'] body.sak-unity.sak-legal li{color:#d8e6f0!important}
html[data-theme='dark'] body.sak-unity.sak-route .highlights,
html[data-theme='dark'] body.sak-unity.sak-thematic .place,
html[data-theme='dark'] body.sak-unity.sak-thematic .disclaimer,
html[data-theme='dark'] body.sak-unity.sak-legal .card,
html[data-theme='dark'] body.sak-unity.sak-legal main{
  background:#102b45!important;border-color:rgba(255,255,255,.11)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
}
html[data-theme='dark'] body.sak-unity.sak-thematic .place .name{color:#eef5fa!important}
html[data-theme='dark'] body.sak-unity.sak-thematic .place .loc,
html[data-theme='dark'] body.sak-unity.sak-thematic .back{color:#73c8ef!important}
html[data-theme='dark'] body.sak-unity.sak-thematic .disclaimer,
html[data-theme='dark'] body.sak-unity.sak-legal .updated,
html[data-theme='dark'] body.sak-unity.sak-legal .fine-print{color:#a8bfd2!important}
html[data-theme='dark'] body.sak-unity.sak-route .langItem,
html[data-theme='dark'] body.sak-unity.sak-thematic .langItem{background:#102b45!important;color:#eef5fa!important;border-color:rgba(255,255,255,.12)!important}
html[data-theme='dark'] body.sak-unity.sak-route #langSheet,
html[data-theme='dark'] body.sak-unity.sak-thematic #langSheet{background:#071d31!important;border-color:rgba(255,255,255,.12)!important}

/* Planner: selected states must not become white-on-cream in dark mode. */
html[data-theme='dark'] body.sak-unity.sak-planner .cat-card:hover,
html[data-theme='dark'] body.sak-unity.sak-planner .cat-card.selected,
html[data-theme='dark'] body.sak-unity.sak-planner .opt-btn:hover,
html[data-theme='dark'] body.sak-unity.sak-planner .opt-btn.selected,
html[data-theme='dark'] body.sak-unity.sak-planner .lang-btn:hover,
html[data-theme='dark'] body.sak-unity.sak-planner .lang-btn.selected{
  background:#2a2417!important;border-color:#d8b34a!important;color:#f4eee7!important;
}
html[data-theme='dark'] body.sak-unity.sak-planner .cat-card.selected .cat-title,
html[data-theme='dark'] body.sak-unity.sak-planner .lang-btn.selected .lang-name{color:#f4eee7!important}
html[data-theme='dark'] body.sak-unity.sak-planner .warning{background:#2b2412!important;border-color:#8b6d12!important;color:#f5d983!important}
html[data-theme='dark'] body.sak-unity.sak-planner .warning.red{background:#2c1418!important;border-color:#7c2833!important;color:#ffb8c0!important}

/* Radar status surfaces. */
html[data-theme='dark'] body.sak-unity.sak-radar .tip{background:#2b2412!important;border-color:#8b6d12!important;color:#f5d983!important}
html[data-theme='dark'] body.sak-unity.sak-radar .errbox{background:#2c1418!important;border-color:#7c2833!important;color:#ffb8c0!important}

/* Map: controls already use variables; make popup consistent with dark theme too. */
html[data-theme='dark'] body .maplibregl-popup-content{background:#102b45!important;color:#eef5fa!important}
html[data-theme='dark'] body .maplibregl-popup-tip{border-top-color:#102b45!important;border-bottom-color:#102b45!important}
html[data-theme='dark'] body .maplibregl-popup-content .pop p{color:#b7cada!important}

/* Form controls across integrated pages. */
html[data-theme='dark'] body.sak-unity input,
html[data-theme='dark'] body.sak-unity select,
html[data-theme='dark'] body.sak-unity textarea{color-scheme:dark}

/* -------------------------------------------------------------------------
   DARK CONTRAST LOCK — 17 Sep 2026
   The shared redesign contains a few late !important light surfaces.  In dark
   mode they could stay white while inheriting light text.  Keep surface and
   text contrast paired everywhere instead of fixing individual cards only.
   ------------------------------------------------------------------------- */
html[data-theme='dark'] body.sak-unity{
  --sak-bg:#071d31!important;
  --sak-surface:#102b45!important;
  --sak-surface-2:#153047!important;
  --sak-text:#eef5fa!important;
  --sak-muted:#a8bfd2!important;
  --sak-line:rgba(255,255,255,.12)!important;
  --sak-shadow:0 10px 28px rgba(0,0,0,.24)!important;
  background:#071d31!important;
  color:#eef5fa!important;
}
html[data-theme='dark'] body.sak-unity h1,
html[data-theme='dark'] body.sak-unity h2,
html[data-theme='dark'] body.sak-unity h3,
html[data-theme='dark'] body.sak-unity .cat-title,
html[data-theme='dark'] body.sak-unity .result-title,
html[data-theme='dark'] body.sak-unity .place-item .pn{
  color:#eef5fa!important;
}
html[data-theme='dark'] body.sak-unity .subtitle,
html[data-theme='dark'] body.sak-unity .cat-desc,
html[data-theme='dark'] body.sak-unity .place-item .pd{
  color:#a8bfd2!important;
}
html[data-theme='dark'] body.sak-unity .card,
html[data-theme='dark'] body.sak-unity .result-card,
html[data-theme='dark'] body.sak-unity .tip-card,
html[data-theme='dark'] body.sak-unity .cat-card,
html[data-theme='dark'] body.sak-unity .lang-btn,
html[data-theme='dark'] body.sak-unity .opt-btn,
html[data-theme='dark'] body.sak-unity #funFactBox,
html[data-theme='dark'] body.sak-unity.sak-radar #screenStart{
  background:#102b45!important;
  color:#eef5fa!important;
  border-color:rgba(255,255,255,.12)!important;
}
html[data-theme='dark'] body.sak-unity .opt-btn,
html[data-theme='dark'] body.sak-unity .name-input{
  background:#153047!important;
  color:#eef5fa!important;
  border-color:rgba(255,255,255,.13)!important;
}
html[data-theme='dark'] body.sak-unity .btn.outline{
  background:#153047!important;color:#eef5fa!important;border-color:rgba(255,255,255,.14)!important;
}
html[data-theme='dark'] body.sak-unity footer{
  background:#0d263c!important;color:#a8bfd2!important;border-color:rgba(255,255,255,.10)!important;
}
html[data-theme='dark'] body.sak-unity footer a{color:#73c8ef!important}

/* GEO/content cards: site-unity's light palette used !important, so pair it here. */
html[data-theme='dark'] body.sak-unity.sak-content{
  --bg:#071d31!important;--c:#102b45!important;--c2:#153047!important;
  --ink:#eef5fa!important;--mu:#a8bfd2!important;--ln:rgba(255,255,255,.11)!important;
}
html[data-theme='dark'] body.sak-unity.sak-content .bc,
html[data-theme='dark'] body.sak-unity.sak-content .hero,
html[data-theme='dark'] body.sak-unity.sak-content .sec,
html[data-theme='dark'] body.sak-unity.sak-content .tag,
html[data-theme='dark'] body.sak-unity.sak-content .bc2,
html[data-theme='dark'] body.sak-unity.sak-content .ti,
html[data-theme='dark'] body.sak-unity.sak-content .pc{
  background:#102b45!important;border-color:rgba(255,255,255,.11)!important;color:#eef5fa!important;
}
html[data-theme='dark'] body.sak-unity.sak-content .bc2,
html[data-theme='dark'] body.sak-unity.sak-content .ti,
html[data-theme='dark'] body.sak-unity.sak-content .pc{background:#153047!important}
html[data-theme='dark'] body.sak-unity.sak-content .hero h1,
html[data-theme='dark'] body.sak-unity.sak-content .st,
html[data-theme='dark'] body.sak-unity.sak-content .fi-n,
html[data-theme='dark'] body.sak-unity.sak-content .bt,
html[data-theme='dark'] body.sak-unity.sak-content .pn{color:#eef5fa!important}
html[data-theme='dark'] body.sak-unity.sak-content .hs,
html[data-theme='dark'] body.sak-unity.sak-content .tag,
html[data-theme='dark'] body.sak-unity.sak-content .fi-d,
html[data-theme='dark'] body.sak-unity.sak-content .bsu,
html[data-theme='dark'] body.sak-unity.sak-content .ps{color:#a8bfd2!important}

/* Editorial/news reading surfaces. */
html[data-theme='dark'] body.sak-unity.sak-article{
  --paper:#102b45!important;--ink:#eef5fa!important;--muted:#a8bfd2!important;
  --bg:#071d31!important;--line:rgba(255,255,255,.11)!important;
}
html[data-theme='dark'] body.sak-unity.sak-article .section,
html[data-theme='dark'] body.sak-unity.sak-article .related{background:#071d31!important;color:#eef5fa!important}
html[data-theme='dark'] body.sak-unity.sak-article .intro,
html[data-theme='dark'] body.sak-unity.sak-article .block p{color:#d8e6f0!important}
html[data-theme='dark'] body.sak-unity.sak-article .block h2{color:#eef5fa!important}
html[data-theme='dark'] body.sak-unity.sak-article .related{background:#102b45!important;border-color:rgba(255,255,255,.11)!important}

/* Homepage: fix all light utility/priority surfaces, not only the cards seen in one screenshot. */
html[data-theme='dark'] body .hp-priority-card,
html[data-theme='dark'] body .hp-map-cta,
html[data-theme='dark'] body .hp-mini-card,
html[data-theme='dark'] body .hp-radar-action,
html[data-theme='dark'] body .hp-menu-sheet a{
  background:#153047!important;
  color:#eef7ff!important;
  border-color:#294c65!important;
}
html[data-theme='dark'] body .hp-priority-card strong,
html[data-theme='dark'] body .hp-mini-card strong,
html[data-theme='dark'] body .hp-map-cta strong,
html[data-theme='dark'] body .hp-menu-sheet>strong{color:#eef7ff!important}
html[data-theme='dark'] body .hp-priority-card small,
html[data-theme='dark'] body .hp-mini-card small,
html[data-theme='dark'] body .hp-map-cta small,
html[data-theme='dark'] body .hp-head p,
html[data-theme='dark'] body .hp-social-title span,
html[data-theme='dark'] body .chacha-accuracy{color:#abc0d1!important}
html[data-theme='dark'] body .hp-map-cta b,
html[data-theme='dark'] body .hp-head>a{color:#65c7ff!important}
html[data-theme='dark'] body .hp-law-card h3{color:#eef7ff!important}
html[data-theme='dark'] body .hp-law-card p{color:#abc0d1!important}
html[data-theme='dark'] body .hp-radar-card{background:#102638!important;color:#eef7ff!important;border-color:#24465f!important}
html[data-theme='dark'] body .hp-radar-head h2{color:#eef7ff!important}
html[data-theme='dark'] body .hp-radar-head p{color:#abc0d1!important}
html[data-theme='dark'] body .hp-menu-sheet{background:linear-gradient(180deg,#102638,#0d1d2b)!important}

/* This metro card is rebuilt by a late homepage runtime with a white fade. Override
   it with the same real photo and a dark fade so its text stays legible. */
html[data-theme='dark'] body.hp-canonical-two-column #hpPriority .hp-priority-3{
  background-image:linear-gradient(180deg,rgba(5,28,49,.03) 0 54px,rgba(5,28,49,.18) 64px,#153047 82px),url('/assets/photos/tools/tbilisi-metro-train-interior-1200.webp')!important;
  background-color:#153047!important;
}
@media(max-width:600px){
  html[data-theme='dark'] body.hp-canonical-two-column #hpPriority .hp-priority-3{
    background-image:linear-gradient(180deg,rgba(5,28,49,.03) 0 40px,rgba(5,28,49,.18) 50px,#153047 62px),url('/assets/photos/tools/tbilisi-metro-train-interior-1200.webp')!important;
  }
}

/* Homepage modal/tool text must follow its dark cards instead of retaining light-theme gray. */
html[data-theme='dark'] body .modal p,
html[data-theme='dark'] body .modal li,
html[data-theme='dark'] body .modal label{color:#c6d8e6!important}
html[data-theme='dark'] body .modal .card,
html[data-theme='dark'] body .modal .result,
html[data-theme='dark'] body .modal .tool-card,
html[data-theme='dark'] body .modal section,
html[data-theme='dark'] body .modal article{background:#153047!important;color:#eef7ff!important;border-color:#294c65!important}

/* Preview hostname rebind marker: 2026-09-15T11:58 Europe/Madrid. */