/* =====================================================================
   2steps.gr – 2steps-ui.css (02/11/2026)
   NightMode (σκούρο), κουμπιά A−/A+ (μέγεθος γραμμάτων).
   Φορτώνεται μετά το 2steps.css. Το σκούρο ενεργοποιείται από το
   <html data-theme="dark"> (το βάζει το index.aspx / js/2steps-ui.js).
   ===================================================================== */

/* ---------- Κουμπιά κεφαλίδας ---------- */
.tz{font-size:15px;font-weight:800;letter-spacing:-.5px;line-height:1}
.tz small{font-size:12px;font-weight:700;margin-left:1px}
.ibtn:disabled{opacity:.35;cursor:default}
.ibtn:disabled:hover{border-color:var(--line2);color:var(--ink)}
.ibtn[aria-pressed="true"]{border-color:var(--acc);color:var(--acc)}

/* ---------- Μέγεθος γραμμάτων (A− / A+) ---------- */
/* Το --tz (0.9 … 1.5) μεγαλώνει / μικραίνει τα κείμενα. Η φωτογραφία δεν αλλάζει. */
.notes,.lintro,.hlead,.links,.info,.lcats,.hrnd-t,.pnc .t,.stbl,.card .t,.card .m{zoom:var(--tz,1)}

/* ---------- NightMode ---------- */
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#1C1D20; --ink:#ECEDEF; --ink0:#FFFFFF; --text:#C6C8CD; --mute:#9A9EA6;
  --line:#34363B; --line2:#464950; --soft:#26282C;
  --acc:#D4FF3A; --acc-d:#E6FF85; --acc-s:#2D3312; --red:#FF6B5E;
  --cap-bg:rgba(12,20,70,.72); --on-acc:#14150F;
}
/* κουμπιά και πεδία */
html[data-theme="dark"] .pill,html[data-theme="dark"] button.pill{background:var(--soft);color:var(--ink);border-color:var(--line2)}
html[data-theme="dark"] .pill:hover{border-color:var(--acc);color:var(--acc)}
html[data-theme="dark"] .pill.dark,html[data-theme="dark"] button.pill.dark{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
html[data-theme="dark"] .pill.dark:hover,html[data-theme="dark"] button.pill.dark:hover{background:#fff;border-color:#fff;color:var(--on-acc)}
html[data-theme="dark"] .sbar input,html[data-theme="dark"] .sform input,html[data-theme="dark"] .sform select{background:var(--soft);color:var(--ink);border-color:var(--line2)}
html[data-theme="dark"] .sbar .sclose,html[data-theme="dark"] .chip,html[data-theme="dark"] .vw-tb,html[data-theme="dark"] .pages button,html[data-theme="dark"] .tile-l a,html[data-theme="dark"] .tile-more{background:var(--soft);color:var(--ink);border-color:var(--line2)}
html[data-theme="dark"] .chip:hover,html[data-theme="dark"] .vw-tb:hover,html[data-theme="dark"] .pages button:hover,html[data-theme="dark"] .pages a:hover,html[data-theme="dark"] .tile-l a:hover,html[data-theme="dark"] .tile-more:hover{color:var(--acc);border-color:var(--acc)}
html[data-theme="dark"] .vw-tb{border:0}
html[data-theme="dark"] .vw-tb[aria-pressed="true"],html[data-theme="dark"] .chip[aria-pressed="true"],html[data-theme="dark"] .pages [aria-current]{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
html[data-theme="dark"] .tag:hover{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
html[data-theme="dark"] .tag{color:var(--acc)}
/* φωτογραφία και εργαλεία πάνω της */
html[data-theme="dark"] .vw-nav{color:#15171A}
html[data-theme="dark"] .vw-nav:hover{color:var(--acc-d)}
html[data-theme="dark"] .vw-lock{color:#15171A}
html[data-theme="dark"] .vw-toast{background:#000;color:#fff}
html[data-theme="dark"] .vw-crop span{color:var(--on-acc)}
html[data-theme="dark"] .vw-crop{box-shadow:0 0 0 2000px rgba(0,0,0,.65)}
/* πλαίσιο αγοράς (λάιμ φόντο, σκούρα γράμματα) */
html[data-theme="dark"] .buy{color:var(--on-acc)}
html[data-theme="dark"] .buy input{background:#fff;color:#14150F}
html[data-theme="dark"] .buy button{background:#14150F;color:var(--acc)}
html[data-theme="dark"] .buy button:hover{background:#000}
html[data-theme="dark"] .buy button.undo{background:transparent;border-color:var(--on-acc);color:var(--on-acc)}
html[data-theme="dark"] .buy button.undo:hover{background:var(--on-acc);color:var(--acc)}
html[data-theme="dark"] .buy :focus-visible{outline-color:var(--on-acc)}
/* ζάρι, προηγούμενο / επόμενο, γενικά */
html[data-theme="dark"] .hdice{color:var(--on-acc)}
html[data-theme="dark"] .hdice:hover{background:#fff;color:var(--on-acc)}
html[data-theme="dark"] .pnc a.nx{background:#000;color:#fff}
html[data-theme="dark"] .pnc a.nx:hover .t{color:#fff}
html[data-theme="dark"] .skip{background:#000;color:#fff}
html[data-theme="dark"] .mpanel{background:rgba(0,0,0,.6)}
html[data-theme="dark"] .notice.err{background:#3A1814;color:#FFB4AB}
html[data-theme="dark"] .ad-ph{background:repeating-linear-gradient(45deg,#26282C 0 10px,#2E3035 10px 20px);border-color:var(--line2)}
html[data-theme="dark"] .card .img,html[data-theme="dark"] .tile-ph,html[data-theme="dark"] .stbl .th img,html[data-theme="dark"] .pnc .th{background:#2E3035}