/* Svetlý / tmavý režim webu ROOWAX (vzor: test.hr.roowax.eu).
   Tmavý je predvolený (značka), svetlý sa zapína tlačidlom v lište (assets/rezim.js), voľba v localStorage 'rx-rezim'.
   Stránky používajú premenné --bg/--panel/--text/--muted/--green/--teal/--blue (vo vlastnom :root) a priehľadné
   odtiene --wNN (biela s alfou NN %) a --bNN (pozadie s alfou NN %) – tie nahradili natvrdo zapísané rgba() hodnoty
   (nástroj _podklady/nastroje/rezim_premenne.py). Tu sú ich predvolené (tmavé) hodnoty a svetlé prepísanie. */
:root{
  --w03:rgba(255,255,255,.03);--w04:rgba(255,255,255,.04);--w05:rgba(255,255,255,.05);--w06:rgba(255,255,255,.06);
  --w07:rgba(255,255,255,.07);--w08:rgba(255,255,255,.08);--w10:rgba(255,255,255,.1);--w12:rgba(255,255,255,.12);
  --w14:rgba(255,255,255,.14);--w15:rgba(255,255,255,.15);--w16:rgba(255,255,255,.16);--w18:rgba(255,255,255,.18);
  --w22:rgba(255,255,255,.22);--w25:rgba(255,255,255,.25);--w28:rgba(255,255,255,.28);--w30:rgba(255,255,255,.3);
  --w40:rgba(255,255,255,.4);
  --b00:rgba(14,17,19,0);--b45:rgba(14,17,19,.45);--b72:rgba(14,17,19,.72);--b78:rgba(14,17,19,.78);--b80:rgba(14,17,19,.8);
  --b82:rgba(14,17,19,.82);--b85:rgba(14,17,19,.85);--b86:rgba(14,17,19,.86);--b92:rgba(14,17,19,.92);--b94:rgba(14,17,19,.94);
  --b96:rgba(14,17,19,.96);--b97:rgba(14,17,19,.97);
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#f3f5f7;--panel:#ffffff;--text:#141a1e;--muted:#5b6971;
  --green:#2f9d39;--teal:#149a87;--blue:#2d7dcf;--t2:#3c474e;
  --w03:rgba(0,0,0,.03);--w04:rgba(0,0,0,.04);--w05:rgba(0,0,0,.05);--w06:rgba(0,0,0,.06);
  --w07:rgba(0,0,0,.07);--w08:rgba(0,0,0,.08);--w10:rgba(0,0,0,.1);--w12:rgba(0,0,0,.12);
  --w14:rgba(0,0,0,.14);--w15:rgba(0,0,0,.15);--w16:rgba(0,0,0,.16);--w18:rgba(0,0,0,.18);
  --w22:rgba(0,0,0,.22);--w25:rgba(0,0,0,.25);--w28:rgba(0,0,0,.28);--w30:rgba(0,0,0,.3);
  --w40:rgba(0,0,0,.4);
  --b00:rgba(243,245,247,0);--b45:rgba(243,245,247,.45);--b72:rgba(243,245,247,.72);--b78:rgba(243,245,247,.78);--b80:rgba(243,245,247,.8);
  --b82:rgba(243,245,247,.82);--b85:rgba(243,245,247,.85);--b86:rgba(243,245,247,.86);--b92:rgba(243,245,247,.92);--b94:rgba(243,245,247,.94);
  --b96:rgba(243,245,247,.96);--b97:rgba(243,245,247,.97);
  color-scheme:light;
}
/* „tmavé ostrovy“ – fotky v hero a AI asistent ostávajú tmavé aj vo svetlom režime (biely text na fotke) */
:root[data-theme="light"] :is(.hero-wrap,.hero,.ra-okno){
  --bg:#0e1113;--panel:#15191c;--text:#f4f6f7;--muted:#9aa4ab;--green:#43b649;--teal:#25bfa8;--blue:#3e8ede;--t2:#cdd5da;
  --w03:rgba(255,255,255,.03);--w04:rgba(255,255,255,.04);--w05:rgba(255,255,255,.05);--w06:rgba(255,255,255,.06);
  --w07:rgba(255,255,255,.07);--w08:rgba(255,255,255,.08);--w10:rgba(255,255,255,.1);--w12:rgba(255,255,255,.12);
  --w14:rgba(255,255,255,.14);--w15:rgba(255,255,255,.15);--w16:rgba(255,255,255,.16);--w18:rgba(255,255,255,.18);
  --w22:rgba(255,255,255,.22);--w25:rgba(255,255,255,.25);--w28:rgba(255,255,255,.28);--w30:rgba(255,255,255,.3);
  --w40:rgba(255,255,255,.4);
  --b00:rgba(14,17,19,0);--b45:rgba(14,17,19,.45);--b72:rgba(14,17,19,.72);--b78:rgba(14,17,19,.78);--b80:rgba(14,17,19,.8);
  --b82:rgba(14,17,19,.82);--b85:rgba(14,17,19,.85);--b86:rgba(14,17,19,.86);--b92:rgba(14,17,19,.92);--b94:rgba(14,17,19,.94);
  --b96:rgba(14,17,19,.96);--b97:rgba(14,17,19,.97);
  color:var(--text);color-scheme:dark;
}
/* striedané pásy sekcií (prechody.js) – svetlý tyrkysový nádych namiesto tmavého */
:root[data-theme="light"] .rx-pas{background:radial-gradient(ellipse 70% 220px at 50% 0,rgba(20,154,135,.12),transparent 70%),linear-gradient(180deg,#e4f1ef,#edf3f4)!important;border-top-color:rgba(20,154,135,.3);border-bottom-color:rgba(20,154,135,.2)}
:root[data-theme="light"] .rx-pas + .rx-predel::after,:root[data-theme="light"] .rx-predel.na-pase::after{box-shadow:0 0 0 5px #e4f1ef,0 0 22px rgba(20,154,135,.6)}
:root[data-theme="light"] .rx-predel::after{box-shadow:0 0 0 5px var(--bg),0 0 22px rgba(20,154,135,.6)}

/* drobnosti s natvrdo zapísanou svetlou farbou */
:root[data-theme="light"] .hero-claim p{text-shadow:none}
:root[data-theme="light"] .hero-claim .druhy{color:var(--muted)}

/* biely nápis loga → čierny; farebný znak ostáva */
:root[data-theme="light"] img[src*="logo-biele"]{filter:invert(1)}
/* tlačidlo v lište (vkladá rezim.js) */
.rx-rezim{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--w22);background:none;color:var(--text);
  cursor:pointer;display:grid;place-items:center;font-size:17px;line-height:1;padding:0;font-family:system-ui,sans-serif}
.rx-rezim:hover{border-color:var(--teal)}
.rx-rezim::before{content:"☀"}
:root[data-theme="light"] .rx-rezim::before{content:"☾"}
@media(max-width:960px){.rx-rezim{width:32px;height:32px;font-size:15px}}
/* mobil: tlačidlo navyše sa musí zmestiť do lišty vedľa loga, konzultácie a menu */
@media(max-width:480px){
  header .logo{gap:6px!important}
  header .logo img{height:22px!important}
  header .logo img.znak{height:28px!important}
  header nav{gap:6px!important}
  header .cta{padding:7px 10px!important;font-size:.78rem!important}
  .rx-rezim{width:28px;height:28px;font-size:13px}
}
/* ® pri logu v lište – registrovaná ochranná známka č. 266868 (ÚPV SR); súbor loga ostáva originál */
header .logo{text-decoration:none}
header .logo::after{content:"®";align-self:flex-start;margin:1px 0 0 -6px;font:600 12px/1 'Inter',system-ui,sans-serif;color:var(--text);opacity:.9}
@media(max-width:480px){header .logo::after{font-size:10px;margin-left:-4px}header .logo{margin-right:5px}}