/* =====================================================================
   HÍD-RÉTEG: a régi (világos) styles.css + components.css sötét üvegre
   fordítása. Minden aloldal betölti, a kategória-rétegek (kalk.css,
   blog.css, pages.css) ERRE épülnek. Csak közös, általános dolog kerül ide.
   ===================================================================== */

/* ---------- régi tokenek → sötét üveg ---------- */
:root:root, html[data-theme="light"], html[data-theme="dark"] {
  --bg: transparent;
  --bg-2: rgba(255,255,255,.045);
  --bg-3: rgba(255,255,255,.08);
  --fg: #f2f6ee;
  --fg-dim: rgba(232,242,226,.64);
  --fg-faint: rgba(232,242,226,.42);
  --line: rgba(255,255,255,.08);
  --line-2: rgba(255,255,255,.14);
  --pine: #0e1c13;
  --pine-2: #08120c;
  --pine-ink: #f2f6ee;
  --lime: #c6ff3d;
  --lime-soft: #e4ffa6;
  --lime-deep: #a7e619;
  --lime-on: #0b1409;
  --lime-text: #c6ff3d;
  --mint: rgba(198,255,61,.10);
  --glass: rgba(255,255,255,.04);
  --glass-2: rgba(255,255,255,.07);
  --shadow-soft: rgba(0,0,0,.42);
  --shadow-strong: rgba(0,0,0,.62);
  --radius: 26px;
  --radius-lg: 34px;
  --radius-sm: 16px;
  color-scheme: dark;
}
html { background: var(--gl-night) !important; }
body.gl { background: var(--gl-night) !important; color: var(--gl-ink); }
body.gl::after, body.gl::before { display: none !important; }

/* ---------- régi dekor ki ---------- */
body.gl .glow-blob, body.gl .deco-bar, body.gl .sec-ghost, body.gl .footer-wordmark,
body.gl .aurora, body.gl .grain, body.gl .bg-grid-fade, body.gl .cursor, body.gl .cursor-dot { display: none !important; }
body.gl .scroll-progress { background: linear-gradient(90deg, var(--gl-aqua), var(--gl-lime)) !important; box-shadow: 0 0 12px rgba(198,255,61,.6); z-index: 1001; }

/* a lap tartalma az ég és a horizont fölött */
body.gl > main, body.gl > header:not(.gl-nav), body.gl > section, body.gl > article, body.gl > .wrap { position: relative; z-index: 2; }

/* ---------- tipográfia ---------- */
body.gl h1, body.gl h2, body.gl h3, body.gl h4 { color: var(--gl-ink); }
body.gl .display, body.gl .display-md { font-weight: 400; }
body.gl h1, body.gl h2 { font-weight: 400; letter-spacing: -.011em; }
body.gl .dim { color: rgba(242,246,238,.38); }
body.gl .lime, body.gl h1 em, body.gl h2 em { color: var(--gl-lime); font-style: normal; }
body.gl .hl {
  background: none !important; color: var(--gl-lime);
  text-shadow: 0 0 28px rgba(198,255,61,.45);
}
body.gl .tint-w { color: rgba(242,246,238,.26); }
body.gl .tint-w.lit { color: var(--gl-ink); }
body.gl .text-gradient, body.gl .text-gradient-lime {
  background: linear-gradient(180deg, #fff, #d9ffa0) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important;
}
body.gl .eyebrow, body.gl .sec-eyebrow { color: var(--gl-ink-3); font-weight: 500; letter-spacing: .14em; }
body.gl .eyebrow::before, body.gl .sec-eyebrow::before { background: var(--gl-lime); box-shadow: 0 0 12px rgba(198,255,61,.8); border-radius: 2px; }
body.gl .sec-eyebrow b { color: var(--gl-ink); }
body.gl a { text-underline-offset: 3px; }
body.gl strong, body.gl b { color: inherit; }
body.gl hr { border: 0; height: 1px; background: var(--gl-hair); }

/* ---------- gombok: üveg és fehér csepp ---------- */
body.gl .btn { font-weight: 500; letter-spacing: 0; transition: transform .35s var(--gl-spring), box-shadow .3s, background .3s; }
body.gl .btn-lime {
  background: #f4f8f0 !important; color: #0b1409 !important;
  box-shadow: inset 0 1px 0 #fff, 0 12px 32px -12px rgba(198,255,61,.65) !important;
}
body.gl .btn-lime:hover { background: #fff !important; transform: translateY(-1px); }
body.gl .btn-lime .arrow { background: var(--gl-lime); color: #0b1409; }
body.gl .btn-ghost {
  background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03)) !important;
  color: var(--gl-ink) !important; border: 0 !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%); backdrop-filter: blur(16px) saturate(160%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 0 0 1px rgba(255,255,255,.10), 0 12px 30px -16px rgba(0,0,0,.7) !important;
}
body.gl .btn-ghost:hover { background: rgba(255,255,255,.12) !important; }

/* ---------- általános kártya → üveg ---------- */
body.gl .card {
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.015) 50%, rgba(255,255,255,.035)) !important;
  border: 0 !important;
  -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.07), 0 24px 50px -24px rgba(0,0,0,.8) !important;
}

/* ---------- űrlapelemek ---------- */
body.gl input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
body.gl select, body.gl textarea {
  background: rgba(255,255,255,.05) !important; color: var(--gl-ink) !important;
  border: 0 !important; border-radius: 14px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), inset 0 1px 2px rgba(0,0,0,.4) !important;
  transition: box-shadow .25s;
}
body.gl input:not([type="range"]):focus, body.gl select:focus, body.gl textarea:focus {
  outline: none; box-shadow: inset 0 0 0 1.5px rgba(198,255,61,.7), 0 0 0 4px rgba(198,255,61,.12) !important;
}
body.gl select option { background: #0b120d; color: var(--gl-ink); }
body.gl input::placeholder, body.gl textarea::placeholder { color: var(--gl-ink-3); }
body.gl input[type="checkbox"], body.gl input[type="radio"] { accent-color: var(--gl-lime); }
body.gl input[type="range"] { accent-color: var(--gl-lime); }

/* ---------- táblázat ---------- */
body.gl table { border-color: var(--gl-hair); }
body.gl th { color: var(--gl-ink-2); }
body.gl td, body.gl th { border-color: var(--gl-hair) !important; }

/* ---------- a régi mobil-nav és nav-elemek biztosan ki ---------- */
body.gl nav.nav, body.gl .nav-mobile, body.gl .mobile-menu, body.gl .nav-toggle { display: none !important; }

/* ---------- régi mini-lábléc (pu-fnav): az üveg lábléc mindent tartalmaz, amit ez ---------- */
body.gl .pu-fnav { display: none !important; }