/* ==========================================================================
   ZeroDAB — design modern v2 (strat peste tema Quark 2)
   - adaptat pentru AMBELE teme: dark (implicit) + light complet
   - animații portate din pagina de referință: canvas cu unde radio + particule,
     glow ambient pulsant, clipirea punctului de status, linie de gradient la
     hover pe carduri, reveal la scroll
   - mobile-first: layouturi fluide, ținte de atingere mari, fără overflow
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

/* ---------- 1. Tokens — DARK (implicit) ---------- */
:root {
  --zd-bg: #05070C;
  --zd-bg-2: #0A0F1C;
  --zd-surface: rgba(13,19,33,.62);
  --zd-surface-2: rgba(255,255,255,.06);
  --zd-border: rgba(255,255,255,.09);
  --zd-border-2: rgba(255,255,255,.22);
  --zd-text: #F0F4F8;
  --zd-muted: #94A3B8;
  --zd-cyan: #00F2FE;
  --zd-blue: #4FACFE;
  --zd-green: #00FF88;
  --zd-accent: #00F2FE;
  --zd-link: #63C2FF;
  --zd-grad: linear-gradient(135deg, #00F2FE 0%, #4FACFE 100%);
  --zd-grad-text: linear-gradient(135deg, #00F2FE 0%, #4FACFE 100%);
  --zd-on-grad: #04121B;
  --zd-radius: 20px;
  --zd-radius-sm: 14px;
  --zd-font-head: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --zd-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --zd-shadow: 0 20px 40px rgba(0,0,0,.5), 0 0 30px rgba(0,242,254,.08);
  --zd-header-bg: rgba(5,7,12,.72);
  --zd-nav: rgba(255,255,255,.72);
  --zd-nav-strong: #FFFFFF;
  --zd-nav-pill: rgba(255,255,255,.14);
  --zd-nav-pill-fg: #FFFFFF;
  --zd-hero-text: #FFFFFF;
  --zd-hero-sub: #A9B6CC;
  --zd-hero-veil-1: rgba(5,7,12,.62);
  --zd-hero-veil-2: rgba(5,7,12,.28);
  --zd-hero-tile-bg: rgba(255,255,255,.04);
  --zd-hero-tile-bd: rgba(255,255,255,.10);
  --zd-badge-fg: #00FF88;
  --zd-badge-bg: rgba(0,255,136,.10);
  --zd-badge-bd: rgba(0,255,136,.30);
  --zd-chip-bg: rgba(0,255,136,.12);
  --zd-chip-bd: rgba(0,255,136,.32);
  --zd-chip-fg: #00FF88;
  --zd-wave-a: 0,242,254;
  --zd-wave-b: 79,172,254;
  --zd-wave-alpha: .13;
  --zd-particle: 0,242,254;
  --zd-glow-1: rgba(0,242,254,.10);
  --zd-glow-2: rgba(79,172,254,.10);
}

/* ---------- 2. Tokens — LIGHT ---------- */
html[data-theme="light"] {
  --zd-bg: #F1F5FC;
  --zd-bg-2: #FFFFFF;
  --zd-surface: rgba(255,255,255,.85);
  --zd-surface-2: rgba(12,24,45,.05);
  --zd-border: rgba(12,24,45,.10);
  --zd-border-2: rgba(12,24,45,.22);
  --zd-text: #0A1424;
  --zd-muted: #4A5A72;
  --zd-cyan: #0891B2;
  --zd-blue: #0B5FD0;
  --zd-green: #059669;
  --zd-accent: #0E7490;
  --zd-link: #0B5FD0;
  --zd-grad-text: linear-gradient(135deg, #0E7490 0%, #0B5FD0 100%);
  --zd-shadow: 0 20px 40px rgba(12,24,45,.12), 0 0 30px rgba(0,150,220,.08);
  --zd-header-bg: rgba(241,245,252,.85);
  --zd-nav: rgba(10,20,36,.78);
  --zd-nav-strong: #0A1424;
  --zd-nav-pill: rgba(10,20,36,.07);
  --zd-nav-pill-fg: #0A1424;
  --zd-hero-text: #08111F;
  --zd-hero-sub: #46587A;
  --zd-hero-veil-1: rgba(241,245,252,.55);
  --zd-hero-veil-2: rgba(241,245,252,.22);
  --zd-hero-tile-bg: rgba(255,255,255,.78);
  --zd-hero-tile-bd: rgba(12,24,45,.10);
  --zd-badge-fg: #0A7A55;
  --zd-badge-bg: rgba(5,150,105,.10);
  --zd-badge-bd: rgba(5,150,105,.30);
  --zd-chip-bg: rgba(5,150,105,.10);
  --zd-chip-bd: rgba(5,150,105,.28);
  --zd-chip-fg: #076649;
  --zd-wave-a: 11,95,208;
  --zd-wave-b: 8,145,178;
  --zd-wave-alpha: .11;
  --zd-particle: 11,95,208;
  --zd-glow-1: rgba(11,95,208,.10);
  --zd-glow-2: rgba(8,145,178,.10);
}

/* ---------- 3. Global ---------- */
html { scroll-behavior: smooth; }
body {
  font-family: var(--zd-font-body) !important;
  background: var(--zd-bg) !important;
  color: var(--zd-text);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, .zd-h2 { font-family: var(--zd-font-head) !important; letter-spacing: -.02em; color: var(--zd-text); }
p, li { color: var(--zd-muted); }
strong, b { color: var(--zd-text); }
a { color: var(--zd-link); }
::selection { background: rgba(0,242,254,.30); }

/* conținutul stă deasupra canvas-ului animat */
#page-wrapper, #header, footer, .mobile-container { position: relative; z-index: 1; }

/* ---------- 4. Fundal animat (canvas + glow pulsant) ---------- */
#zd-bg-canvas { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
body::before {
  content: ''; position: fixed; left: 50%; top: 50%;
  width: min(900px, 120vw); height: min(900px, 120vw); border-radius: 50%;
  transform: translate(-50%, -50%); z-index: 0; pointer-events: none;
  background: radial-gradient(circle, var(--zd-glow-1) 0%, transparent 70%);
  animation: zd-glow 8s ease-in-out infinite alternate;
}
@keyframes zd-glow {
  0%   { transform: translate(-50%,-50%) scale(.9);  opacity: .55; }
  100% { transform: translate(-50%,-50%) scale(1.2); opacity: .95; }
}
@media (prefers-reduced-motion: reduce) { body::before { animation: none; } }

/* ---------- 5. Header ---------- */
#header.section, header#header {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background: var(--zd-header-bg) !important;
  border-bottom: 1px solid var(--zd-border);
}
#header .navbar { padding: .55rem 0; }
/* tagline lângă logo (umple spațiul liber din header; dispare pe ecrane mici) */
#header .navbar .navbar-section.logo { display: flex; align-items: center; flex: 0 0 auto; width: auto !important; max-width: none !important; overflow: visible !important; }
#header .zd-tagline {
  flex: 0 0 auto;
  font-family: var(--zd-font-head); font-size: .74rem; font-weight: 600;
  letter-spacing: .16em; text-transform: uppercase; color: var(--zd-nav);
  margin-left: 18px; padding-left: 18px; border-left: 1px solid var(--zd-border);
  white-space: nowrap; line-height: 1.2;
}
@media (max-width: 1080px) { #header .zd-tagline { display: none; } }
#header .navbar a { color: var(--zd-nav) !important; }
#header .navbar .dropmenu > ul > li > a {
  font-weight: 500; font-size: .95rem; padding: .5rem .85rem; border-radius: 999px;
  transition: .18s ease;
}
#header .navbar .dropmenu a:hover,
#header .navbar .dropmenu a:focus,
#header .navbar .dropmenu a.active,
#header .navbar .dropmenu > ul > li.active > a,
#header .navbar .dropmenu > ul > li > a.active {
  color: var(--zd-nav-pill-fg) !important;
  background: var(--zd-nav-pill) !important;
  box-shadow: none !important;
}
/* același tratament în meniul mobil (tema îl colorează invers în light) */
dialog a.active, [role="dialog"] a.active, .mobile-container nav a.active {
  color: var(--zd-nav-pill-fg) !important;
  background: var(--zd-nav-pill) !important;
}
#header .navbar-section.actions .button { border: 1px solid var(--zd-border); border-radius: 999px; color: var(--zd-nav) !important; }

/* ---------- 6. Butoane ---------- */
.zd-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
  padding: .95rem 1.6rem; border-radius: 999px; min-height: 48px;
  font-family: var(--zd-font-head); font-weight: 600; font-size: 1rem; line-height: 1;
  text-decoration: none !important; cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}
.zd-btn-primary { background: var(--zd-grad); color: var(--zd-on-grad) !important; box-shadow: 0 14px 34px -12px rgba(0,242,254,.55); }
.zd-btn-primary:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 18px 44px -12px rgba(0,242,254,.75); }
.zd-btn-ghost { border: 1px solid var(--zd-border-2); color: var(--zd-text) !important; background: var(--zd-surface-2); }
.zd-btn-ghost:hover { transform: translateY(-2px); border-color: var(--zd-cyan); }
.zd-hero .zd-btn-ghost { color: var(--zd-hero-text) !important; background: var(--zd-hero-tile-bg); border-color: var(--zd-hero-tile-bd); }

/* ---------- 7. Utilitare ---------- */
.zd-wrap { max-width: 1140px; margin: 0 auto; padding: 0 22px; }
.zd-grad-text { background: var(--zd-grad-text); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.zd-reveal { opacity: 0; transform: translateY(26px); transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
.zd-reveal.in-view { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .zd-reveal { opacity: 1 !important; transform: none !important; } }

/* ---------- 8. HERO ---------- */
.zd-hero {
  position: relative; width: 100vw; margin-left: calc(50% - 50vw);
  padding: 78px 22px 84px;
  background:
    radial-gradient(1000px 480px at 50% -6%, var(--zd-glow-1), transparent 62%),
    radial-gradient(720px 400px at 88% 14%, var(--zd-glow-2), transparent 60%),
    linear-gradient(180deg, var(--zd-hero-veil-1) 0%, var(--zd-hero-veil-2) 60%, transparent 100%);
  overflow: hidden; isolation: isolate;
}
.zd-hero-inner { position: relative; z-index: 2; max-width: 940px; margin: 0 auto; text-align: center; }
.zd-hero h1 { font-size: clamp(2.1rem, 5.6vw, 4.1rem); line-height: 1.07; font-weight: 700; margin: 22px 0 20px; color: var(--zd-hero-text); }
.zd-hero .zd-sub { font-size: clamp(1rem, 1.6vw, 1.2rem); line-height: 1.65; color: var(--zd-hero-sub); max-width: 760px; margin: 0 auto 32px; }
.zd-hero .zd-cta { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.zd-badge {
  display: inline-flex; align-items: center; gap: .6rem;
  padding: .5rem 1.1rem; border-radius: 999px;
  border: 1px solid var(--zd-badge-bd); background: var(--zd-badge-bg); color: var(--zd-badge-fg);
  font-size: .8rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
}
.zd-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--zd-green); box-shadow: 0 0 10px var(--zd-green); animation: zd-blink 1.5s infinite; }
@keyframes zd-blink { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .3; transform: scale(.8); } }
@media (prefers-reduced-motion: reduce) { .zd-dot { animation: none; } }
.zd-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 50px; }
.zd-stat {
  padding: 20px 16px; border-radius: var(--zd-radius-sm);
  border: 1px solid var(--zd-hero-tile-bd); background: var(--zd-hero-tile-bg);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.zd-stat strong { display: block; font-family: var(--zd-font-head); font-size: 1.55rem; background: var(--zd-grad-text); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.zd-stat span { font-size: .82rem; color: var(--zd-hero-sub); }

/* ---------- 9. Secțiuni ---------- */
.zd-section { width: 100vw; margin-left: calc(50% - 50vw); padding: 80px 22px; }
.zd-section + .zd-section { padding-top: 0; }
.zd-section-inner { max-width: 1140px; margin: 0 auto; }
.zd-kicker { font-family: var(--zd-font-head); font-size: .78rem; letter-spacing: .18em; text-transform: uppercase; color: var(--zd-accent); margin-bottom: 10px; }
.zd-h2 { font-size: clamp(1.6rem, 3.4vw, 2.4rem); line-height: 1.16; margin: 0 0 14px; }
.zd-lead { font-size: 1.05rem; line-height: 1.7; max-width: 720px; }

/* ---------- 10. Carduri (cu linia de gradient la hover) ---------- */
.zd-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 22px; margin-top: 38px; }
.zd-card {
  position: relative; display: block; overflow: hidden;
  padding: 30px 28px 26px; border-radius: var(--zd-radius);
  border: 1px solid var(--zd-border); background: var(--zd-surface);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  text-decoration: none !important; color: var(--zd-text);
  transition: transform .3s cubic-bezier(.4,0,.2,1), border-color .3s ease, box-shadow .3s ease;
}
.zd-card::before {
  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px;
  background: linear-gradient(90deg, transparent, var(--zd-cyan), transparent);
  opacity: 0; transition: opacity .3s ease;
}
.zd-card:hover { transform: translateY(-8px); border-color: var(--zd-cyan); box-shadow: var(--zd-shadow); }
.zd-card:hover::before { opacity: 1; }
.zd-card h3 { font-size: 1.4rem; margin: 18px 0 10px; }
.zd-card p { font-size: .97rem; line-height: 1.65; margin: 0 0 18px; }
.zd-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 56px; height: 56px; border-radius: 14px; font-size: 1.3rem;
  background: var(--zd-grad); color: var(--zd-on-grad);
  box-shadow: 0 0 24px rgba(0,242,254,.28);
}
.zd-more { font-family: var(--zd-font-head); font-weight: 600; color: var(--zd-link); display: inline-flex; align-items: center; gap: .5rem; }
.zd-card:hover .zd-more { gap: .85rem; }
.zd-chip {
  display: inline-block; padding: .28rem .7rem; border-radius: 999px; margin-left: .6rem; vertical-align: middle;
  font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  background: var(--zd-chip-bg); color: var(--zd-chip-fg); border: 1px solid var(--zd-chip-bd);
}

/* ---------- 11. Avantaje ---------- */
.zd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 18px; margin-top: 36px; }
.zd-feature {
  padding: 24px 22px; border-radius: var(--zd-radius-sm);
  border: 1px solid var(--zd-border); background: var(--zd-surface);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  transition: transform .3s ease, border-color .3s ease, background .3s ease;
}
.zd-feature:hover { transform: translateY(-6px); border-color: var(--zd-border-2); }
.zd-feature i { font-size: 1.15rem; background: var(--zd-grad-text); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.zd-feature h4 { font-size: 1.05rem; margin: 12px 0 8px; }
.zd-feature p { font-size: .92rem; line-height: 1.6; margin: 0; }

/* ---------- 12. Bandă CTA ---------- */
.zd-band { width: 100vw; margin-left: calc(50% - 50vw); padding: 0 22px 88px; }
.zd-band-inner {
  max-width: 1140px; margin: 0 auto; text-align: center; padding: 60px 30px;
  border-radius: 28px; border: 1px solid var(--zd-border-2);
  background:
    radial-gradient(700px 260px at 50% 0%, var(--zd-glow-1), transparent 70%),
    var(--zd-surface);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.zd-band h2 { font-size: clamp(1.5rem, 3vw, 2.1rem); margin: 0 0 12px; }
.zd-band p { max-width: 620px; margin: 0 auto 26px; }

/* ---------- 13. Imagini / capturi ---------- */
/* aceeași ramă ca la carduri (border, rază, fundal, blur) */
.zd-shot, .zd-shot-frame, .zd-media, .zd-split-media .zd-shot-frame {
  border-radius: var(--zd-radius);
  border: 1px solid var(--zd-border);
  background: var(--zd-surface);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
.zd-shot { display: block; width: 100%; }
/* capturi mai compacte — nu mai domină pagina */
.zd-shot-frame { max-width: 780px; margin: 2em auto; padding: 12px; }
.zd-shot-frame img { display: block; width: 100%; border-radius: var(--zd-radius-sm); }
article img { border-radius: var(--zd-radius-sm); }
article p > img { max-width: min(680px, 100%); margin: 1.6em auto; }
/* imaginile care se pot mări: cursor dedicat + feedback subtil */
article p > img, .zd-shot-frame img { cursor: zoom-in; transition: transform .25s ease; }
article p > img:hover, .zd-shot-frame img:hover { transform: scale(1.015); }

/* zoom flotant: se deschide PESTE pagină, nu modifică formatul textului (zero reflow) */
#zd-zoom {
  position: fixed; inset: 0; z-index: 9999;
  display: grid; place-items: center; padding: 3vh 3vw;
  background: rgba(4,7,14,.72);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .22s ease, visibility .22s ease;
}
html[data-theme="light"] #zd-zoom { background: rgba(226,234,248,.78); }
#zd-zoom.zd-open { opacity: 1; visibility: visible; }
#zd-zoom img {
  max-width: min(1180px, 94vw); max-height: 86vh; width: auto; height: auto;
  border-radius: 16px; border: 1px solid var(--zd-border-2);
  box-shadow: 0 30px 90px rgba(0,0,0,.6);
}
@media (max-width: 720px) { #zd-zoom img { max-width: 96vw; max-height: 78vh; } }
@media (prefers-reduced-motion: reduce) { article p > img, .zd-shot-frame img { transition: none; } article p > img:hover, .zd-shot-frame img:hover { transform: none; } }

/* ---------- 14. Articol (pagini de produs) ---------- */
article h2 { margin-top: 2.3em; }
article h3 { margin-top: 1.8em; }
article ul li, article ol li { margin: .45em 0; line-height: 1.65; }
article table { width: 100%; border-collapse: collapse; font-size: .94rem; margin: 1.4em 0; table-layout: fixed; }
article table th { text-align: left; background: var(--zd-surface-2); color: var(--zd-text); font-family: var(--zd-font-head); }
article table th, article table td { padding: .7em .9em; border-bottom: 1px solid var(--zd-border); vertical-align: top; }
/* coloane echilibrate: eticheta mai îngustă, valorile egale între ele */
article table th:first-child, article table td:first-child { width: 27%; }
article table th:nth-child(n+2), article table td:nth-child(n+2) { width: 36.5%; }
/* pe mobil: fiecare rând devine un card (fără derulare orizontală) */
@media (max-width: 720px) {
  article table, article table tbody, article table tr, article table td { display: block; width: auto !important; }
  article table { table-layout: auto; min-width: 0; overflow: visible; margin: 1.2em 0; }
  article table thead { display: none; }
  article table tr {
    border: 1px solid var(--zd-border); border-radius: var(--zd-radius-sm);
    background: var(--zd-surface-2); padding: 14px 16px; margin: 0 0 12px;
  }
  article table td { border: 0; padding: 0; }
  article table td:first-child {
    font-family: var(--zd-font-head); font-weight: 600; font-size: 1rem; color: var(--zd-text);
    padding-bottom: 9px; margin-bottom: 4px; border-bottom: 1px solid var(--zd-border);
  }
  article table td[data-label]::before {
    content: attr(data-label); display: block;
    font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
    color: var(--zd-accent); margin: 12px 0 3px;
  }
}
article hr { border: 0; border-top: 1px solid var(--zd-border); margin: 2.6em 0; }
article blockquote { border-left: 3px solid var(--zd-cyan); background: var(--zd-surface); padding: 1em 1.2em; border-radius: 0 14px 14px 0; }

/* ---------- 15. Meniu mobil (overlay) + footer ---------- */
.mobile-container .overlay { background: var(--zd-bg) !important; }
.mobile-container .overlay-menu a { color: var(--zd-text) !important; }
.mobile-container .overlay-menu a:hover, .mobile-container .overlay-menu a.active { color: var(--zd-accent) !important; }
.mobile-container .button_container span, .mobile-menu .button_container span { background-color: var(--zd-text) !important; }
footer, #footer { border-top: 1px solid var(--zd-border); }
footer p, footer a { font-size: .9rem; color: var(--zd-muted); }
footer a:hover { color: var(--zd-text); }

/* ---------- 16. MOBIL (de la început) ---------- */
@media (max-width: 900px) {
  .zd-hero { padding-top: 52px; padding-bottom: 56px; }
  .zd-section { padding: 60px 20px; }
  .zd-band { padding-bottom: 64px; }
  .zd-band-inner { padding: 44px 22px; border-radius: 22px; }
}
@media (max-width: 720px) {
  .zd-hero, .zd-section, .zd-band { padding-left: 18px; padding-right: 18px; }
  .zd-hero h1 { font-size: clamp(1.85rem, 8vw, 2.6rem); }
  .zd-stats { grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 34px; }
  .zd-stat { padding: 15px 12px; }
  .zd-stat strong { font-size: 1.25rem; }
  .zd-stat span { font-size: .76rem; }
  .zd-cta { flex-direction: column; align-items: stretch; }
  .zd-cta .zd-btn { width: 100%; }
  .zd-cards, .zd-grid { grid-template-columns: 1fr; }
  .zd-card, .zd-feature { padding: 22px 18px; }
  .zd-h2 { font-size: 1.5rem; }
  .zd-lead { font-size: .98rem; }
  #header .navbar-section.logo img.zd-logo { height: 34px; }
  .zd-btn { padding: .9rem 1.3rem; }
}
@media (max-width: 420px) {
  .zd-cta .zd-btn { white-space: nowrap; padding: .8rem 1.1rem; font-size: .95rem; }
  .zd-badge { font-size: .7rem; letter-spacing: .08em; padding: .5rem .85rem; }
  .zd-hero h1 { font-size: clamp(1.7rem, 7.6vw, 2.3rem); }
}
@media (max-width: 380px) {
  .zd-stats { grid-template-columns: 1fr; }
  .zd-badge { font-size: .66rem; letter-spacing: .06em; }
}

/* ecrane înalte / retina: canvas-ul rămâne fluid */
@media (min-width: 1400px) { .zd-hero-inner { max-width: 1040px; } }

/* ---------- 17. Comutarea temei: buton + rotire ---------- */
#header [data-theme-toggle] {
  display: inline-flex !important; align-items: center; justify-content: center;
  width: 42px; height: 42px; border-radius: 50%;
  border: 1px solid var(--zd-border) !important;
  background: var(--zd-surface-2) !important;
  color: var(--zd-text) !important;
  cursor: pointer; transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
#header [data-theme-toggle] i, #header [data-theme-toggle] svg, #header [data-theme-toggle] span { color: inherit !important; background: transparent !important; fill: currentColor !important; }
#header [data-theme-toggle]:hover { border-color: var(--zd-cyan) !important; transform: rotate(22deg); }
.mobile-container [data-theme-toggle] { color: var(--zd-text) !important; border-color: var(--zd-border) !important; }

@keyframes zd-toggle-spin { from { transform: rotate(-360deg) scale(.9); } to { transform: rotate(0deg) scale(1); } }
html.zd-swapping [data-theme-toggle] { animation: zd-toggle-spin .65s cubic-bezier(.2,.7,.2,1); }
@media (prefers-reduced-motion: reduce) { html.zd-swapping [data-theme-toggle] { animation: none; } }

/* paginile cu hero: fără spații/reziduuri de la temă (dungă sub header) */
body:has(.zd-hero) main#start,
body:has(.zd-hero) main#start > .section,
body:has(.zd-hero) #page-wrapper,
body:has(.zd-hero) #body-wrapper { padding: 0 !important; margin: 0 !important; background: transparent !important; }
/* ATENȚIE: containerul temei trebuie să rămână CENTRAT — hero-ul folosește
   `margin-left: calc(50% - 50vw)`, care presupune un părinte centrat.
   Dacă containerul e lipit în stânga, hero-ul iese din ecran la stânga
   și lasă un gol în dreapta (simptom: „totul e aliniat în stânga"). */
body:has(.zd-hero) #body-wrapper > .container {
  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: transparent !important;
}
/* ATENȚIE: NU reseta `margin` pe article — tema îl centrează cu margin:auto, iar
   secțiunile full-bleed (`margin-left: calc(50% - 50vw)`) presupun un părinte centrat.
   Fără asta, tot conținutul se lipește în stânga. Se resetează doar padding-ul. */
body:has(.zd-section) article { padding: 0 !important; background: transparent !important; }

/* ---------- 18. Produs: card lat + chips + FAQ ---------- */
.zd-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 16px; }
.zd-chips .zd-chip { margin-left: 0; }
.zd-card-wide { grid-column: 1 / -1; display: grid; grid-template-columns: 1.08fr .92fr; gap: 32px; align-items: center; }
.zd-card-wide h3 { margin-top: 16px; }
.zd-card-wide ul { margin: 4px 0 18px; padding-left: 1.1rem; }
.zd-card-wide ul li { font-size: .95rem; line-height: 1.6; color: var(--zd-muted); }
.zd-media { border-radius: var(--zd-radius); border: 1px solid var(--zd-border); overflow: hidden; background: var(--zd-surface); }
.zd-media img { display: block; width: 100%; height: auto; }
@media (max-width: 900px) { .zd-card-wide { grid-template-columns: 1fr; gap: 22px; } }

.zd-faq {
  border: 1px solid var(--zd-border); border-radius: var(--zd-radius-sm);
  background: var(--zd-surface); margin: 12px 0; overflow: hidden;
  transition: border-color .25s ease;
}
.zd-faq:hover { border-color: var(--zd-border-2); }
.zd-faq summary {
  cursor: pointer; padding: 16px 20px; list-style: none;
  font-family: var(--zd-font-head); font-weight: 600; color: var(--zd-text);
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
}
.zd-faq summary::-webkit-details-marker { display: none; }
.zd-faq summary::after { content: '\f078'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: .78rem; color: var(--zd-accent); transition: transform .25s ease; }
.zd-faq[open] summary::after { transform: rotate(180deg); }
.zd-faq[open] summary { color: var(--zd-accent); }
.zd-faq p { margin: 0; padding: 0 20px 18px; font-size: .96rem; line-height: 1.7; }

/* ---------- 19. Bloc text + captură, alternat stânga/dreapta ---------- */
.zd-split { display: grid; grid-template-columns: 1.05fr .95fr; gap: 44px; align-items: center; margin: 2em 0 3em; }
.zd-split-text > p:first-child { margin-top: 0; }
.zd-split-text ul { margin: .7em 0 0; padding-left: 1.15rem; }
.zd-split-text ul li { font-size: .95rem; line-height: 1.6; margin: .35em 0; }
.zd-split-media { max-width: 470px; margin: 0 auto; }
.zd-split-media .zd-shot-frame { max-width: none; margin: 0; }
.zd-split-media .zd-caption { text-align: center; font-size: .84rem; color: var(--zd-muted); margin: 12px 0 0; }
.zd-split--reverse .zd-split-media { order: -1; }
@media (max-width: 900px) {
  .zd-split { grid-template-columns: 1fr; gap: 24px; margin: 1.5em 0 2.4em; }
  .zd-split--reverse .zd-split-media { order: 0; }
  .zd-split-media { max-width: 100%; }
  .zd-split-media .zd-caption { margin-top: 10px; }
}

/* ---------- 21. Schema fluxului (SVG inline) ---------- */
.zd-schema { max-width: none !important; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.zd-schema svg { display: block; width: 100%; min-width: 720px; height: auto; }
.zd-schema::-webkit-scrollbar { height: 8px; }
.zd-schema::-webkit-scrollbar-thumb { background: var(--zd-border-2); border-radius: 8px; }
/* stilurile schemei stau AICI, nu în <style> intern: tema forțează fill pe svg */
.zd-schema .zs-zone { fill: none !important; stroke: var(--zd-border-2) !important; stroke-dasharray: 6 7; }
.zd-schema .zs-box { fill: var(--zd-surface-2) !important; stroke: var(--zd-border-2) !important; }
.zd-schema .zs-tx { fill: var(--zd-surface) !important; stroke: var(--zd-cyan) !important; stroke-width: 1.6; }
.zd-schema .zs-rx { fill: var(--zd-surface) !important; stroke: var(--zd-green) !important; stroke-width: 1.6; }
.zd-schema .zs-t1 { fill: var(--zd-text) !important; font: 600 15px 'Space Grotesk', Inter, sans-serif; }
.zd-schema .zs-t2 { fill: var(--zd-muted) !important; font: 400 12px Inter, sans-serif; }
.zd-schema .zs-lbl { fill: var(--zd-muted) !important; font: 600 11px Inter, sans-serif; letter-spacing: .09em; }
.zd-schema .zs-txc { fill: var(--zd-cyan) !important; font: 700 17px 'Space Grotesk', Inter, sans-serif; }
.zd-schema .zs-rxc { fill: var(--zd-green) !important; font: 700 17px 'Space Grotesk', Inter, sans-serif; }
.zd-schema .zs-flow { stroke: var(--zd-cyan) !important; stroke-width: 3; fill: none !important; }
.zd-schema .zs-tel { stroke: var(--zd-muted) !important; stroke-width: 1.4; stroke-dasharray: 5 6; fill: none !important; }
.zd-schema .zs-arrowhead { fill: var(--zd-cyan) !important; }
.zd-schema .zs-t4 { fill: var(--zd-text) !important; font: 600 12.5px 'Space Grotesk', Inter, sans-serif; }
.zd-schema .zs-t3 { fill: var(--zd-muted) !important; font: 400 10px Inter, sans-serif; }
.zd-schema .zs-step { stroke: var(--zd-cyan) !important; stroke-width: 2; fill: none !important; }
.zd-schema .zs-tagbg { fill: var(--zd-surface) !important; }
.zd-schema .zs-ok { fill: var(--zd-surface) !important; stroke: var(--zd-green) !important; stroke-width: 1.6; }
.zd-schema .zs-warn { fill: var(--zd-surface) !important; stroke: #F0A020 !important; stroke-width: 1.6; }
.zd-schema .zs-err { fill: var(--zd-surface) !important; stroke: #F06262 !important; stroke-width: 1.6; }

/* mobil: diagrama încape integral; la tap devine mare și derulabilă */
@media (max-width: 900px) {
  .zd-schema { position: relative; }
  .zd-schema svg { min-width: 0 !important; width: 100% !important; }
  .zd-schema.zd-mare { overflow-x: auto; }
  .zd-schema.zd-mare svg { width: auto !important; min-width: 1000px !important; }
  .zd-schema::after {
    content: 'Atinge pentru mărire'; pointer-events: none;
    position: absolute; right: 10px; bottom: 8px;
    font-size: .68rem; font-weight: 600; letter-spacing: .04em;
    color: var(--zd-muted); background: var(--zd-surface);
    border: 1px solid var(--zd-border); border-radius: 999px; padding: 3px 9px;
  }
  .zd-schema.zd-mare::after { content: 'Atinge pentru a micșora'; }
  /* varianta engleză (zerodab.com are lang="en") */
  html:lang(en) .zd-schema::after { content: 'Tap to zoom in'; }
  html:lang(en) .zd-schema.zd-mare::after { content: 'Tap to zoom out'; }
}

/* butonul de meniu rămâne DEASUPRA overlay-ului mobil — altfel nu poți închide meniul */
.button_container { position: relative !important; z-index: 90 !important; }
.mobile-menu .overlay, .overlay { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }

/* ---------- 22. Cerințe ca „specs”: carduri cu iconițe, pe grid ---------- */
article table.zd-specs { display: block; table-layout: auto; min-width: 0; overflow: visible; border: 0; margin: 1.7em 0; }
article table.zd-specs thead { display: none; }
article table.zd-specs tbody { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(330px, 100%), 1fr)); gap: 14px; align-items: start; }
article table.zd-specs tr {
  display: block; padding: 16px 18px 14px;
  border: 1px solid var(--zd-border); border-radius: var(--zd-radius-sm);
  background: var(--zd-surface);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  transition: border-color .25s ease, transform .25s ease;
}
article table.zd-specs tr:hover { border-color: var(--zd-border-2); transform: translateY(-2px); }
article table.zd-specs td { display: block; border: 0; padding: 0; width: auto !important; white-space: normal; }
article table.zd-specs td:first-child {
  display: flex; align-items: center; gap: 10px;
  font-family: var(--zd-font-head); font-weight: 600; font-size: 1rem; color: var(--zd-text);
  padding: 0 0 12px; margin: 0 0 10px; border-bottom: 1px solid var(--zd-border);
}
article table.zd-specs td:first-child i { font-size: .95rem; color: var(--zd-accent); }
article table.zd-specs td[data-label] { display: grid; grid-template-columns: 96px 1fr; gap: 10px; align-items: baseline; font-size: .93rem; line-height: 1.55; color: var(--zd-muted); padding: 5px 0; }
article table.zd-specs td[data-label]::before {
  content: attr(data-label);
  font-size: .64rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: var(--zd-accent); white-space: nowrap;
}
@media (max-width: 480px) {
  article table.zd-specs td[data-label] { grid-template-columns: 1fr; gap: 1px; }
}
article table.zd-specs td[data-label="Recomandat"]::before,
article table.zd-specs td[data-label="Recommended"]::before { color: var(--zd-green); }

/* ---------- 20. Footer propriu ---------- */
#footer, #footer.section { padding: 46px 22px 28px !important; margin: 0 !important; border: 0 !important; border-top: 1px solid var(--zd-border) !important; background: transparent !important; }
.zd-footer-top { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 26px; max-width: 1140px; margin: 0 auto; }
.zd-footer-brand { display: flex; flex-direction: column; gap: 7px; }
.zd-footer-logo { font-family: var(--zd-font-head); font-size: 1.4rem; font-weight: 700; letter-spacing: -.02em; color: var(--zd-text); text-decoration: none; }
.zd-footer-logo span { background: var(--zd-grad-text); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.zd-footer-tag { font-size: .78rem; color: var(--zd-muted); margin: 0; letter-spacing: .09em; text-transform: uppercase; }
.zd-footer-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; }
.zd-footer-nav a { font-size: .93rem; color: var(--zd-muted) !important; text-decoration: none !important; transition: color .2s ease; }
.zd-footer-nav a:hover { color: var(--zd-text) !important; }
.zd-footer-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; max-width: 1140px; margin: 28px auto 0; padding-top: 18px; border-top: 1px solid var(--zd-border); }
.zd-footer-bottom p { margin: 0; font-size: .82rem; color: var(--zd-muted); }
.zd-footer-bottom a { color: var(--zd-link) !important; text-decoration: none; }
.zd-footer-bottom a:hover { text-decoration: underline; }
@media (max-width: 720px) {
  .zd-footer-top { flex-direction: column; gap: 20px; }
  .zd-footer-nav { gap: 8px 18px; }
  .zd-footer-bottom { flex-direction: column; align-items: flex-start; gap: 6px; margin-top: 22px; }
}

/* ---------- 23. Pagina de contact + formular (plugin Form) ---------- */
/* layout pe două coloane: formular (stânga) + informații utile (dreapta) */
.zd-contact { display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(0, 1fr); gap: 34px; align-items: start; }
.zd-contact-main .zd-lead { margin: 0 0 24px; max-width: 640px; }
.zd-contact-side { display: grid; gap: 14px; }
.zd-info {
  display: flex; gap: 14px; padding: 18px 20px;
  border: 1px solid var(--zd-border); border-radius: var(--zd-radius-sm);
  background: var(--zd-surface);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  transition: border-color .25s ease, transform .25s ease;
}
.zd-info:hover { border-color: var(--zd-border-2); transform: translateY(-2px); }
.zd-info-ic {
  flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px;
  display: grid; place-items: center; font-size: .95rem;
  background: var(--zd-surface-2); border: 1px solid var(--zd-border); color: var(--zd-accent);
}
.zd-info h3 { margin: 2px 0 5px; font-size: .98rem; }
.zd-info p { margin: 0; font-size: .88rem; line-height: 1.55; color: var(--zd-muted); }
.zd-info a { color: var(--zd-link); }
@media (max-width: 1000px) { .zd-contact { grid-template-columns: 1fr; gap: 30px; } }

.zd-form {
  margin-top: 0;
  padding: 32px 32px 28px;
  border: 1px solid var(--zd-border);
  border-radius: var(--zd-radius);
  background: var(--zd-surface);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  box-shadow: var(--zd-shadow);
}
.zd-form .form-wrapper { margin: 0; }
/* perechi de câmpuri scurte pe două coloane; mesajul, bifa și butonul pe toată lățimea */
.zd-form form { display: grid; grid-template-columns: 1fr 1fr; column-gap: 18px; align-items: start; }
.zd-form .form-field:has(textarea),
.zd-form .form-field:has(input[type="checkbox"]),
.zd-form .button-wrapper,
.zd-form .buttons { grid-column: 1 / -1; }
@media (max-width: 620px) { .zd-form form { grid-template-columns: 1fr; } }
.zd-form .form-field { margin: 0 0 20px; }
.zd-form .form-field:last-of-type { margin-bottom: 0; }
.zd-form label,
.zd-form .form-label {
  display: block; margin: 0 0 8px;
  font-family: var(--zd-font-head); font-weight: 600; font-size: .9rem;
  letter-spacing: .01em; color: var(--zd-text);
}
.zd-form .required { color: var(--zd-cyan); margin-left: 2px; }
.zd-form .form-data,
.zd-form .form-input-wrapper,
.zd-form .form-textarea-wrapper,
.zd-form .form-select-wrapper { width: 100%; }

/* câmpuri (text, email, textarea, select) */
.zd-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not(.form-honeybear),
.zd-form textarea,
.zd-form select {
  display: block; width: 100%; max-width: 100%; box-sizing: border-box;
  height: auto; padding: 13px 15px; margin: 0;
  font-family: var(--zd-font-body); font-size: .98rem; line-height: 1.5; color: var(--zd-text);
  background-color: var(--zd-surface-2) !important;
  border: 1px solid var(--zd-border) !important;
  border-radius: var(--zd-radius-sm) !important;
  box-shadow: none !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.zd-form textarea { min-height: 150px; resize: vertical; }
.zd-form input::placeholder,
.zd-form textarea::placeholder { color: var(--zd-muted); opacity: .75; }
.zd-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):focus,
.zd-form textarea:focus,
.zd-form select:focus {
  outline: none !important;
  border-color: var(--zd-cyan) !important;
  box-shadow: 0 0 0 3px rgba(79,172,254,.20) !important;
}
/* erori per câmp */
.zd-form .form-message { margin: 8px 0 0; font-size: .86rem; color: #E5533D; }
.zd-form .has-errors input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.zd-form .has-errors textarea { border-color: #E5533D !important; }
.zd-form .form-errors, .zd-form .form-errors p { margin: 0; font-size: .88rem; color: #E5533D; }

/* bifa GDPR */
.zd-form .form-field input[type="checkbox"] {
  flex: 0 0 auto; width: 18px; height: 18px; margin: 2px 10px 0 0;
  accent-color: var(--zd-cyan); cursor: pointer;
}
.zd-form .form-input-wrapper:has(input[type="checkbox"]) { display: flex; align-items: flex-start; }
.zd-form label.inline {
  display: inline; margin: 0; font-family: var(--zd-font-body);
  font-weight: 400; font-size: .9rem; line-height: 1.55; color: var(--zd-muted); cursor: pointer;
}

/* butonul de trimitere */
.zd-form .buttons, .zd-form .button-wrapper { margin: 26px 0 0; }
.zd-form .buttons button, .zd-form .button-wrapper button,
.zd-form button[type="submit"], .zd-form input[type="submit"] {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  width: auto !important; max-width: 100%;
  padding: .95rem 1.6rem; border: 0; border-radius: 999px; cursor: pointer;
  font-family: var(--zd-font-head); font-weight: 700; font-size: 1rem; line-height: 1;
  background: var(--zd-grad) !important; color: var(--zd-on-grad) !important;
  box-shadow: 0 14px 34px -12px rgba(0,242,254,.55);
  transition: transform .2s ease, box-shadow .2s ease;
}
.zd-form .buttons button:hover, .zd-form .button-wrapper button:hover,
.zd-form button[type="submit"]:hover, .zd-form input[type="submit"]:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 18px 44px -12px rgba(0,242,254,.75);
}

/* mesajul de succes / eroare de deasupra formularului */
.zd-form .toast {
  margin: 0 0 22px; padding: 13px 18px;
  border: 1px solid var(--zd-border); border-radius: var(--zd-radius-sm);
  font-size: .95rem; font-weight: 600; color: var(--zd-text);
  background: var(--zd-surface-2);
}
.zd-form .toast.toast-success { background: rgba(0,255,136,.12); border-color: rgba(0,255,136,.35); }
.zd-form .toast.toast-error { background: rgba(229,83,61,.12); border-color: rgba(229,83,61,.40); }

@media (max-width: 600px) {
  .zd-form { padding: 24px 20px 22px; }
  .zd-form .buttons button, .zd-form button[type="submit"], .zd-form input[type="submit"] { width: 100% !important; }
}

/* ---------- 24. Portofoliu de produse (carduri generate automat) ---------- */
.zd-prods { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); gap: 20px; margin-top: 26px; }
.zd-prod {
  display: flex; flex-direction: column;
  padding: 26px 24px 24px; border-radius: var(--zd-radius-sm);
  border: 1px solid var(--zd-border); background: var(--zd-surface);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  text-decoration: none !important; color: var(--zd-text);
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.zd-prod:hover { transform: translateY(-6px); border-color: var(--zd-cyan); box-shadow: var(--zd-shadow); }
.zd-prod-ic {
  display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 16px;
  border-radius: 14px; font-size: 1.15rem;
  background: var(--zd-grad); color: var(--zd-on-grad);
  box-shadow: 0 0 22px rgba(0,242,254,.24);
}
.zd-prod h3 { font-size: 1.1rem; line-height: 1.32; margin: 0 0 10px; }
.zd-prod p { font-size: .92rem; line-height: 1.62; margin: 0 0 18px; }
.zd-prod ul { margin: 0 0 18px; padding-left: 1.05rem; }
.zd-prod ul li { font-size: .88rem; line-height: 1.5; color: var(--zd-muted); margin: 0 0 5px; }
.zd-prod ul li:last-child { margin-bottom: 0; }
.zd-prod .zd-more { margin-top: auto; font-size: .95rem; }
.zd-all { margin: 26px 0 0; }
.zd-all .zd-more { font-size: 1rem; }
.zd-soon {
  display: flex; gap: 16px; align-items: flex-start; margin-top: 30px;
  padding: 22px 24px; border: 1px dashed var(--zd-border-2); border-radius: var(--zd-radius-sm);
}
.zd-soon > i { flex: 0 0 auto; margin-top: 3px; font-size: 1.05rem; color: var(--zd-accent); }
.zd-soon h3 { margin: 0 0 6px; font-size: 1.02rem; }
.zd-soon p { margin: 0; font-size: .9rem; line-height: 1.6; color: var(--zd-muted); }
@media (max-width: 600px) { .zd-soon { flex-direction: column; gap: 10px; } }

/* ---------- 25. Comutator de limbă (RO / EN) ---------- */
/* ⚠ Blades (CSS-ul de bază al temei) aplică pe orice <a> din <nav>: flex:1 1 auto, iar
   pe <div>: margin-bottom — linkurile se lățeau, iar pastila cădea mai sus decât meniul.
   Le anulăm explicit mai jos. */
.zd-lang {
  display: inline-flex; align-items: center; justify-content: center; gap: 2px;
  flex: 0 0 auto; align-self: center;
  width: max-content;
  height: 42px; padding: 3px; margin: 0;
  border: 1px solid var(--zd-border); border-radius: 999px;
  background: var(--zd-surface-2);
  transition: border-color .25s ease;
}
/* Blades aplică `display:flex` pe div-urile din nav → pastila s-ar întinde pe toată
   lățimea liberă; o ținem la lățimea conținutului */
#header .zd-lang { width: max-content; margin: 0 !important; }
.zd-lang:hover { border-color: var(--zd-border-2); }
.zd-lang a {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto;
  min-width: 42px; height: 100%; padding: 0 11px; border-radius: 999px;
  font-family: var(--zd-font-head); font-weight: 600; font-size: .78rem;
  letter-spacing: .07em; text-decoration: none !important;
  transition: color .18s ease, background .18s ease;
}
#header .zd-lang a { flex: 0 0 auto; }
/* în header colorăm noi linkurile (regula temei pentru .navbar a e mai specifică) */
#header .zd-lang a { color: var(--zd-muted) !important; }
#header .zd-lang a:hover, #header .zd-lang a:focus-visible { color: var(--zd-text) !important; }
.zd-lang a.is-active { background: var(--zd-grad); color: var(--zd-on-grad) !important; }
/* în meniul mobil, varianta etichetată (Română / English), pe rândul ei, sub butonul de temă */
.mobile-container .zd-lang { display: flex; width: max-content; height: 44px; padding: 4px; margin: .85rem 0 0 !important; }
.mobile-container .zd-lang a { height: 100%; min-width: 104px; font-size: .9rem; letter-spacing: 0; color: var(--zd-muted) !important; }
.mobile-container .zd-lang a.is-active { color: var(--zd-on-grad) !important; }
@media (max-width: 460px) {
  .zd-lang { height: 38px; padding: 2px; }
  .zd-lang a { min-width: 34px; padding: 0 8px; font-size: .72rem; }
}