/* TEMA PUBLICĂ 2026 — dark = look-ul existent al site-ului (neatins); light = suprascrieri aditive sub html.hv-light */
:root {
  --pub-bg0: #f5f7f9;
  --pub-bg1: #fafbfc;
  --pub-panel: #ffffff;
  --pub-ink: #1d2733;
  --pub-ink2: #4f5b68;
  --pub-ink3: #7f8b99;
  --pub-hair: rgba(23,32,43,.10);
  --pub-hair-strong: #d6dce4;
  --pub-accent: #1f7fb0;
  --pub-accent-hover: #186a95;
  --pub-amber: #b36a14;
  --pub-amber-hover: #9c5c10;
}

/* ---- butoanele injectate în nav (temă + login) — culori fixe, nav-ul e închis în ambele teme ---- */
header#header .hv-nav-li { display: flex; align-items: center; }
header#header .hv-theme-btn {
  width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center;
  margin: 0 4px; padding: 0; position: relative; align-self: center; flex: 0 0 auto;
  border: 1px solid rgba(255,255,255,.16); border-radius: 8px;
  background: transparent; color: #e8e4d9; cursor: pointer;
  transition: border-color 150ms ease, color 150ms ease;
}
header#header .hv-theme-btn:hover { border-color: #7aaad4; color: #7aaad4; }
header#header .hv-theme-btn svg { width: 17px; height: 17px; }
header#header .hv-theme-btn .hv-i-moon { display: none; }
html.hv-light header#header .hv-theme-btn .hv-i-sun { display: none; }
html.hv-light header#header .hv-theme-btn .hv-i-moon { display: block; }
header#header .hv-theme-btn[data-mode="auto"]::after {
  content: 'A'; position: absolute; right: -4px; top: -4px;
  width: 14px; height: 14px; border-radius: 50%;
  background: #7aaad4; color: #0e0d0b;
  font-size: 9px; font-weight: 700; line-height: 14px; text-align: center;
}
header#header a.hv-login-btn {
  display: inline-flex !important; align-items: center !important; align-self: center;
  margin: 0 4px !important; padding: 8px 14px !important; height: auto !important;
  border: 1px solid rgba(255,255,255,.16) !important; border-radius: 8px !important;
  color: #e8e4d9 !important;
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  font-size: 14px !important; font-weight: 600 !important; letter-spacing: .01em !important;
  text-transform: none !important; line-height: 1.2 !important; white-space: nowrap;
  background: transparent !important; text-decoration: none !important;
  transition: border-color 150ms ease, color 150ms ease;
}
header#header a.hv-login-btn:hover, header#header a.hv-login-btn:focus {
  border-color: #7aaad4 !important; color: #7aaad4 !important; text-decoration: none !important; background: transparent !important;
}

/* [cc 2026-09-30] fără butonul Autentificare, meniul de pe telefon lasă loc sub CONTACT */
@media (max-width: 1250px) { header#header .navbar-right { padding-bottom: 14px; } }

/* ---- pe tema deschisă nav-ul rămâne închis (semnătura „rail") ---- */
html.hv-light header#header .navbar.intro { background: rgba(16, 20, 28, .92); }

/* ---- baza deschisă, comună tuturor paginilor publice ---- */
html.hv-light body { background: var(--pub-bg0) !important; color: var(--pub-ink) !important; }
html.hv-light .fixed-bg { background: var(--pub-bg0) !important; background-image: none !important; }
html.hv-light ::selection { background: var(--pub-accent); color: #fff; }
html.hv-light .breadcrumb, html.hv-light .breadcrumb a, html.hv-light .breadcrumb li { background: transparent !important; color: var(--pub-ink2) !important; }
html.hv-light footer { background: #e9edf2 !important; color: var(--pub-ink2) !important; }
html.hv-light footer, html.hv-light footer p, html.hv-light footer li, html.hv-light footer span, html.hv-light footer h4, html.hv-light footer h5 { color: var(--pub-ink2) !important; }
html.hv-light footer a { color: var(--pub-accent) !important; }
/* podeaua generică de lizibilitate pe light — regulile specifice de mai jos o pot bate (vin mai târziu în fișier) */
html.hv-light .page-content h1, html.hv-light .page-content h2, html.hv-light .page-content h3,
html.hv-light .page-content h4, html.hv-light .page-content h5, html.hv-light .page-content h6 { color: var(--pub-ink) !important; text-shadow: none !important; }
html.hv-light .page-content p, html.hv-light .page-content li { color: var(--pub-ink2); }

/* ---- prima pagină (page-index): secțiunea legacy .screen-about + copiii ei ---- */
html.hv-light .screen-about { background-color: var(--pub-bg0) !important; background-image: none !important; }
html.hv-light .about-heading, html.hv-light .about-heading span { color: var(--pub-ink) !important; text-shadow: none !important; }
html.hv-light .network-headline span { color: var(--pub-ink2) !important; }
html.hv-light .network-headline img { filter: invert(.82); }
html.hv-light .screen-about .network-vertical path, html.hv-light .screen-about .network-lines path,
html.hv-light .screen-about .network-vertical line, html.hv-light .screen-about .network-lines line { stroke: rgba(31,127,176,.55) !important; }
html.hv-light .screen-about .network-vertical circle, html.hv-light .screen-about .network-lines circle { fill: var(--pub-accent) !important; }
html.hv-light .feature-pill { background: var(--pub-panel) !important; border: 1px solid var(--pub-hair-strong) !important; box-shadow: 0 8px 24px rgba(30,45,60,.08) !important; }
html.hv-light .feature-pill h4, html.hv-light .feature-pill h4 span { color: var(--pub-ink) !important; text-shadow: none !important; }
html.hv-light .feature-card img { filter: invert(.78); opacity: 1 !important; }
html.hv-light .bottom-highlight { background: var(--pub-panel) !important; border: 1px solid var(--pub-hair-strong) !important; }
html.hv-light .bottom-highlight .about-description { color: var(--pub-ink2) !important; }
html.hv-light .bottom-highlight .about-description strong { color: var(--pub-ink) !important; }

/* cifre */
html.hv-light .screen3title, html.hv-light .s3title, html.hv-light .s3subtitle { color: var(--pub-ink) !important; text-shadow: none !important; }
html.hv-light .s3subtitle, html.hv-light .s3-intro p { color: var(--pub-ink2) !important; }
html.hv-light .s3-intro p span, html.hv-light .s3-intro p strong { color: var(--pub-accent) !important; text-shadow: none !important; }
html.hv-light .benefit-card { background: var(--pub-panel) !important; border: 1px solid var(--pub-hair-strong) !important; }
html.hv-light .benefit-card:hover { border-color: var(--pub-accent) !important; background: var(--pub-panel) !important; }
html.hv-light .benefit-card h3 { color: var(--pub-accent) !important; text-shadow: none !important; }
html.hv-light .benefit-card ul li span { color: var(--pub-ink2) !important; }
html.hv-light .benefit-card ul li strong { color: var(--pub-ink) !important; }
html.hv-light .benefit-card .subtotal { color: var(--pub-accent) !important; border-top-color: var(--pub-hair) !important; }
html.hv-light .benefit-card.highlight { border-color: rgba(179,106,20,.55) !important; }
html.hv-light .benefit-card.highlight .subtotal { color: var(--pub-amber) !important; }
html.hv-light .grand-total { color: var(--pub-ink) !important; }
html.hv-light .grand-total span { color: var(--pub-accent) !important; }
html.hv-light .grand-headline { color: var(--pub-ink2) !important; }

/* sliderul de departamente */
html.hv-light .s4-title h2 { color: var(--pub-ink) !important; text-shadow: none !important; }
html.hv-light .dept-card { background: var(--pub-panel) !important; border: 1px solid var(--pub-hair-strong) !important; box-shadow: 0 10px 30px rgba(30,45,60,.08) !important; }
html.hv-light .dept-card h3 { color: var(--pub-accent) !important; text-shadow: none !important; }
html.hv-light .dept-card ul li { color: var(--pub-ink2) !important; }
html.hv-light .dept-card img { border-color: var(--pub-hair-strong) !important; }
html.hv-light .card-more .more-link { color: var(--pub-accent) !important; }
html.hv-light .slider-menu span { color: var(--pub-ink3) !important; border-color: var(--pub-hair-strong) !important; }
html.hv-light .slider-menu span:hover, html.hv-light .slider-menu span.active { color: var(--pub-accent) !important; border-color: var(--pub-accent) !important; }
html.hv-light .nav-btn { color: var(--pub-ink) !important; border-color: var(--pub-hair-strong) !important; background: var(--pub-panel) !important; }
html.hv-light .nav-btn:hover { border-color: var(--pub-accent) !important; color: var(--pub-accent) !important; }

/* s5 + rândurile de detaliu pe departamente */
html.hv-light .s5-left h2, html.hv-light .s5-title, html.hv-light .s5-right-content h3 { color: var(--pub-ink) !important; text-shadow: none !important; }
html.hv-light .s5-description { color: var(--pub-ink2) !important; }
html.hv-light .btn.btn-danger { border-color: var(--pub-hair-strong) !important; color: var(--pub-ink) !important; background: transparent !important; }
html.hv-light .btn.btn-danger:hover { border-color: var(--pub-accent) !important; color: var(--pub-accent) !important; }
html.hv-light .row[id] .list-item h5 { color: var(--pub-ink2) !important; }
html.hv-light .row[id] .list-item h5 strong { color: var(--pub-ink) !important; }
html.hv-light .screen-about h3 { color: var(--pub-accent) !important; text-shadow: none !important; }
html.hv-light .screen-about h2 { color: var(--pub-ink) !important; text-shadow: none !important; }
html.hv-light .s5-pill { background: var(--pub-panel) !important; background-image: none !important; border: 1px solid var(--pub-hair-strong) !important; box-shadow: 0 12px 32px rgba(30,45,60,.08) !important; }
html.hv-light .s5-pill, html.hv-light .s5-pill p, html.hv-light .s5-description { color: var(--pub-ink2) !important; }
html.hv-light .s5-pill h2, html.hv-light .s5-pill h3, html.hv-light .s5-pill h4 { color: var(--pub-ink) !important; }
html.hv-light .s5-pill a { color: var(--pub-accent); }
html.hv-light .screen-about p { color: var(--pub-ink2) !important; }

/* ---- pagina Prețuri (page-pricing) ---- */
html.hv-light .page-pricing, html.hv-light .background-pricing, html.hv-light #pricing-page-wrapper, html.hv-light #pricing {
  background: var(--pub-bg0) !important; background-image: none !important; color: var(--pub-ink);
}
html.hv-light .pricing-table {
  background: var(--pub-panel) !important; border: 1px solid var(--pub-hair-strong) !important;
  box-shadow: 0 10px 30px rgba(30,45,60,.08) !important;
}
html.hv-light .pricing-table .price-header, html.hv-light .pricing-table .price-footer { background: #eef2f6 !important; }
html.hv-light .pricing-table .plan-title { color: var(--pub-accent) !important; text-shadow: none !important; }
html.hv-light .pricing-table .plan-price h2, html.hv-light .pricing-table .plan-price { color: var(--pub-ink) !important; text-shadow: none !important; }
html.hv-light .pricing-table .plan-price span { color: var(--pub-ink3) !important; }
html.hv-light .pricing-table ul.features li { color: var(--pub-ink2) !important; border-color: var(--pub-hair) !important; }
html.hv-light .pricing-table ul.features li strong { color: var(--pub-ink) !important; }
html.hv-light .pricing-table { background-image: none !important; }
html.hv-light .background-pricing h1 { color: var(--pub-ink) !important; text-shadow: none !important; }
html.hv-light .billing-toggle { background: var(--pub-panel) !important; border-color: var(--pub-hair-strong) !important; box-shadow: none !important; }
html.hv-light .billing-toggle > span { color: var(--pub-ink3) !important; }
html.hv-light .billing-toggle:has(input:not(:checked)) > span:first-child,
html.hv-light .billing-toggle:has(input:checked) > span:last-child { color: var(--pub-accent) !important; }
html.hv-light .billing-toggle span span, html.hv-light .billing-toggle .badge { background: #e9f3fa !important; color: var(--pub-accent) !important; box-shadow: none !important; }
html.hv-light .background-pricing .tab { color: var(--pub-accent) !important; border-color: rgba(31,127,176,.45) !important; background: transparent !important; background-image: none !important; box-shadow: none !important; text-shadow: none !important; }
html.hv-light .background-pricing .tab.active { background: var(--pub-accent) !important; background-image: none !important; color: #ffffff !important; }

/* ---- benzi legacy cu fundal fix închis, în afara .page-content (about.php #features, works.php #pricing-faq) ---- */
html.hv-light #features, html.hv-light #pricing-faq { background-color: var(--pub-bg0) !important; border-color: var(--pub-hair-strong) !important; }

/* dungile bootstrap per-pagină setează bg direct pe td (page-works/page-pricing) — pe light le neutralizăm generic */
html.hv-light .table-striped > tbody > tr:nth-child(odd) > td,
html.hv-light .table-striped > tbody > tr:nth-child(odd) > th { background-color: rgba(31,127,176,.05) !important; color: var(--pub-ink2) !important; }
html.hv-light .table-striped > tbody > tr > td, html.hv-light .table-striped > tbody > tr > th { color: var(--pub-ink2) !important; border-color: var(--pub-hair) !important; }

/* ---- titluri globale pe light (unele pagini au titluri gri-deschis + !important în style.css) ---- */
html.hv-light h1, html.hv-light h2, html.hv-light h3, html.hv-light h4 { color: var(--pub-ink) !important; text-shadow: none !important; }
html.hv-light h2 a, html.hv-light h3 a { color: var(--pub-accent) !important; }
html.hv-light .hv-hero h1, html.hv-light .hv-apps h2 { color: var(--hv-ink) !important; }
html.hv-light .hv-hero h1 .hv-dot { color: var(--hv-accent) !important; }
html.hv-light .screen-about h3, html.hv-light .benefit-card h3, html.hv-light .dept-card h3, html.hv-light .pricing-table .plan-title { color: var(--pub-accent) !important; }
/* secțiunile legacy cu fundal închis element-level devin transparente pe light (fundalul vine din body) */
html.hv-light .page-content section { background-color: transparent !important; }

/* ---- pagina Contact ---- */
html.hv-light .contact-wrapper { background: var(--pub-panel) !important; background-image: none !important; border: 1px solid var(--pub-hair-strong) !important; box-shadow: 0 12px 32px rgba(30,45,60,.08) !important; }
html.hv-light .contact-wrapper h2, html.hv-light .contact-wrapper h3, html.hv-light .contact-wrapper h4 { color: var(--pub-ink) !important; text-shadow: none !important; }
html.hv-light .contact-info, html.hv-light .contact-info a, html.hv-light .contact-info li, html.hv-light .contact-info p { color: var(--pub-ink2) !important; }
html.hv-light .contact-wrapper .form-control { background: var(--pub-bg1) !important; color: var(--pub-ink) !important; border: 1px solid var(--pub-hair-strong) !important; box-shadow: none !important; }
html.hv-light .contact-wrapper .form-control::placeholder { color: var(--pub-ink3) !important; }
html.hv-light .contact-wrapper button, html.hv-light .contact-wrapper .btn {
  background: var(--pub-accent) !important; background-image: none !important; color: #ffffff !important;
  border-color: transparent !important; text-shadow: none !important; box-shadow: none !important;
}

/* ---- pagina FAQ (acordeonul ps-*) ---- */
html.hv-light .ps-section-item, html.hv-light .ps-qa-item {
  background: var(--pub-panel) !important; background-image: none !important;
  border: 1px solid var(--pub-hair-strong) !important; box-shadow: 0 6px 18px rgba(30,45,60,.06) !important;
}
html.hv-light .ps-section-title, html.hv-light .ps-qa-question, html.hv-light .ps-section-trigger, html.hv-light .ps-qa-trigger { color: var(--pub-ink) !important; text-shadow: none !important; background: transparent !important; }
html.hv-light .ps-section-body, html.hv-light .ps-qa-answer, html.hv-light .ps-qa-answer p, html.hv-light .ps-qa-answer li { color: var(--pub-ink2) !important; background: transparent !important; }
html.hv-light .ps-section-icon, html.hv-light .ps-qa-icon { color: var(--pub-accent) !important; border-color: var(--pub-accent) !important; background: transparent !important; }
html.hv-light .page-faq input[type="text"], html.hv-light .page-faq input[type="search"] {
  background: var(--pub-panel) !important; color: var(--pub-ink) !important;
  border: 1px solid var(--pub-hair-strong) !important; box-shadow: none !important;
}
html.hv-light .page-faq input::placeholder { color: var(--pub-ink3) !important; }
html.hv-light .page-faq span[style], html.hv-light .page-content .text-info { color: var(--pub-accent) !important; }

/* ==== [cc 2026-10-01] audit tema deschisă, prima pagină — doar adăugiri sub html.hv-light ==== */
/* contrast: accentul #1f7fb0 dădea 4.45:1 pe alb / 4.14:1 pe fundal, amber #b36a14 4.21:1, gri-3 #7f8b99 3.23:1 */
html.hv-light { --pub-accent: #1a74a2; --pub-amber: #9c5c10; --pub-ink3: #637080; }
/* rândurile de departament au #46b5e0 INLINE cu !important (index generat, 2.19:1 pe deschis) — inline-ul nu setează text-fill-color */
html.hv-light .page-content [style*="#46b5e0"] { -webkit-text-fill-color: var(--pub-accent); }
/* CTA-urile amber: gradientul semi-transparent se albea pe fundal deschis (text 1.9–2.5:1) */
html.hv-light .cta-button, html.hv-light .s5-cta {
  background: linear-gradient(145deg, #a3600f, #7a3d0f) !important;
  border-color: rgba(122,61,15,.6) !important; color: #ffffff !important; text-shadow: none !important;
}
html.hv-light .s5-cta:hover { box-shadow: 0 15px 40px rgba(30,45,60,.18); }
/* „CONTACTAȚI-NE”: pastila albă dispărea pe fundalul deschis — inversul temei închise = pastilă închisă */
html.hv-light .footer-cta-btn { background: var(--pub-ink); color: #ffffff; }
html.hv-light .footer-cta-btn:hover, html.hv-light .footer-cta-btn:focus { color: #ffffff; box-shadow: 0 18px 40px rgba(30,45,60,.22); }
/* subsolul are background-color:#353d48 INLINE cu !important — imaginea de fundal se pictează peste culoare */
html.hv-light footer#footer { background-image: linear-gradient(#e9edf2, #e9edf2) !important; }
html.hv-light footer a.he_social, html.hv-light footer a.he_social i { color: #ffffff !important; }
/* widgetul de chat rămâne închis pe ambele teme — regula generică .page-content p îi înnegrea titlul (1.64:1) */
html.hv-light #st-chat-widget .st-chat-header-title { color: #ffffff; }
html.hv-light #st-chat-widget .st-msg p, html.hv-light #st-chat-widget .st-msg li { color: inherit; }

/* ==== [cc 2026-10-01] meniul de sus pe tema deschisă = sticlă mată DESCHISĂ (David: „as it's on the present website, blurred, not dark") ====
   live (închis): rgba(15,25,40,.35) + blur(16px) + margine albă .12 + umbră .25 — aici echivalentul deschis; tema închisă rămâne neatinsă */
html.hv-light header#header .navbar.intro {
  background: rgba(255, 255, 255, .62);
  -webkit-backdrop-filter: blur(16px) saturate(170%);
  backdrop-filter: blur(16px) saturate(170%);
  border: 1px solid rgba(29, 39, 51, .10);
  box-shadow: 0 8px 30px rgba(30, 45, 60, .10), 0 1px 2px rgba(30, 45, 60, .05), inset 0 1px 0 rgba(255, 255, 255, .75);
}
/* meniul deschis pe telefon stă peste textul hero-ului — sticla devine aproape opacă ca să se citească */
html.hv-light header#header .navbar.intro:has(#intro-nav-menu.in),
html.hv-light header#header .navbar.intro:has(#intro-nav-menu.collapsing) { background: rgba(255, 255, 255, .96); }
/* logo: varianta albă devine gri-închis (aceeași formă ca img/logo-soft-transport.png, fără fișier nou) */
html.hv-light header#header .logo-icon { filter: brightness(0) invert(.16); }
/* linkuri + săgeata limbii + ▾ de la Resurse (moștenesc culoarea) */
html.hv-light #intro-nav-menu .navbar-nav > li > a { color: var(--pub-ink); }
html.hv-light #intro-nav-menu .navbar-nav > li > a:hover, html.hv-light #intro-nav-menu .navbar-nav > li > a:focus { color: var(--pub-accent); }
html.hv-light #intro-nav-menu .nav-text::after { background-color: currentColor; }
/* pagina curentă: aramiul temei închise, în varianta lizibilă pe deschis (#9c5c10 ≈ 5.3:1) */
html.hv-light #intro-nav-menu .navbar-nav > li.active > a,
html.hv-light #intro-nav-menu .navbar-nav > li.active > a:hover { color: var(--pub-amber); }
/* CONTACT: pastila neagră devine contur fin pe sticlă; la hover se umple cu cerneală */
html.hv-light #intro-nav-menu .nav-contact-text {
  color: var(--pub-ink); font-weight: 400;
  background: rgba(255, 255, 255, .55);
  border: 1px solid rgba(29, 39, 51, .28);
  transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
}
html.hv-light #intro-nav-menu a.nav-contact:hover .nav-contact-text,
html.hv-light #intro-nav-menu a.nav-contact:focus .nav-contact-text { color: #ffffff; background: var(--pub-ink); border-color: var(--pub-ink); }
/* dropdown-ul Resurse */
html.hv-light #intro-nav-menu .st-resources-menu {
  background: rgba(255, 255, 255, .94);
  -webkit-backdrop-filter: blur(16px) saturate(170%);
  backdrop-filter: blur(16px) saturate(170%);
  border: 1px solid rgba(29, 39, 51, .10);
  box-shadow: 0 15px 40px rgba(30, 45, 60, .14);
}
html.hv-light #intro-nav-menu .st-resources-menu a { color: var(--pub-ink); }
html.hv-light #intro-nav-menu .st-resources-menu a:hover { color: var(--pub-accent); }
/* butonul hamburger + panoul deschis pe telefon */
html.hv-light header#header .navbar-toggle {
  border: 1px solid rgba(29, 39, 51, .22); border-radius: 8px; padding: 11px;
  background: rgba(255, 255, 255, .5);
}
html.hv-light header#header .navbar-toggle .icon-bar { background-color: var(--pub-ink); }
html.hv-light #intro-nav-menu { border-top-color: rgba(29, 39, 51, .10); box-shadow: none; }
/* butoanele injectate (temă / autentificare), dacă apar pe alte pagini: aveau culori fixe pentru bara închisă */
html.hv-light header#header .hv-theme-btn { border-color: rgba(29, 39, 51, .22); color: var(--pub-ink); }
html.hv-light header#header .hv-theme-btn:hover { border-color: var(--pub-accent); color: var(--pub-accent); }
html.hv-light header#header .hv-theme-btn[data-mode="auto"]::after { background: var(--pub-accent); color: #ffffff; }
html.hv-light header#header a.hv-login-btn { border-color: rgba(29, 39, 51, .22) !important; color: var(--pub-ink) !important; }
html.hv-light header#header a.hv-login-btn:hover, html.hv-light header#header a.hv-login-btn:focus { border-color: var(--pub-accent) !important; color: var(--pub-accent) !important; }