/* ============================================================
   DopeVill — Sötét mód override réteg
   Scope: html.dark-mode  (a class-t a header <head> inline bootstrap rakja ki, FOUC nélkül)
   A téma a brand-színeket hardcode-olja (sok az inline <style> PHP template-ekben) →
   ez override-réteg, !important-tal, mert az archive/WC inline stílusok a body-ban
   az enqueue-olt CSS UTÁN töltődnek. Akcent: lime #c8d400 MARAD.
   Lábléc (.dv-footer) már sötét (#1a1e20) → nem bántjuk. E-mail template-ek SOHA nem
   kapnak .dark-mode class-t → szándékosan kihagyva.
   Site-wide enqueue-olva; csak .dark-mode alatt hat, így világos módban semmi költsége.
   Minden selector a TÉNYLEGES theme-class-okra hivatkozik (grep-ellenőrzött 2026-06-26).
   ============================================================ */

/* Token-definiciok athelyezve -> assets/css/tokens.css (single source of truth). */

/* ---- BÁZIS ---- */
html.dark-mode,
html.dark-mode body {
  background: var(--dv-bg) !important;
  color: var(--dv-text);
}
html.dark-mode a            { color: var(--dv-text); }
html.dark-mode a:hover      { color: var(--dv-lime); }
html.dark-mode h1, html.dark-mode h2, html.dark-mode h3,
html.dark-mode h4, html.dark-mode h5, html.dark-mode h6 { color: var(--dv-text); }
html.dark-mode hr { border-color: var(--dv-border); }

/* ============================================================
   FEJLÉC  (valódi: .header — header.php inline <style>, #fff + lime alsó keret)
   ============================================================ */
html.dark-mode .header {
  background: var(--dv-surface) !important;
  border-bottom-color: var(--dv-lime) !important;
  box-shadow: 0 1px 8px rgba(0,0,0,.45) !important;
}
html.dark-mode .nav-aruhaz-btn { color: var(--dv-text); }
html.dark-mode .nav-aruhaz-btn svg { stroke: var(--dv-text); }
/* hover már sötét bg + lime (#1a1e20/lime) → marad */

/* fejléc kereső (valódi: .header-search input[name="s"]) */
html.dark-mode .header-search input[name="s"] {
  background: var(--dv-raised) !important;
  color: var(--dv-text) !important;
  border-color: var(--dv-border) !important;
}
html.dark-mode .header-search input[name="s"]:focus {
  background: var(--dv-raised) !important;
  border-color: var(--dv-lime) !important;
}
html.dark-mode .header-search input[name="s"]::placeholder { color: var(--dv-muted); }

/* fejléc gombok (valódi: .btn-account világos; .btn-cart már sötét+lime → marad) */
html.dark-mode .btn-account {
  background: var(--dv-raised) !important;
  color: var(--dv-text) !important;
  border-color: var(--dv-border) !important;
}
html.dark-mode .btn-account:hover { background: var(--dv-surface) !important; }
html.dark-mode .btn-account svg { stroke: var(--dv-text); }
html.dark-mode .btn-search-mobile {
  background: var(--dv-raised) !important;
  border-color: var(--dv-border) !important;
}
html.dark-mode .btn-search-mobile svg { stroke: var(--dv-text); }
/* .dv-cart-count már transparent + lime → marad */

/* ============================================================
   MEGA-MENÜ  (valódi: .dv-mega — header.php inline <style>)
   ------------------------------------------------------------
   2026-07-15 / "Élő sín v2" redesign: a mega-panel MOST MÁR MINDKÉT módban
   sötét (--dv-dark alap), a teljes skin a header.php inline <style>-jában él.
   A korábbi dark-override-ok (.dv-mega, -left, -cat, -cat-name, -cat-count,
   -cat-icon, -right-title, -sub, -sub-cnt) KIVÉVE: a --dv-surface/--dv-raised
   világos módban FEHÉR, és az !important visszafestette volna a sötét panelt.
   Ha ide új szabály kell, előbb ellenőrizd, hogy nem a v2-skint üti-e.
   ============================================================ */

/* ============================================================
   KERESŐ AUTOCOMPLETE  (valódi: #dv-ac — NEM .dv-search-*)
   ============================================================ */
html.dark-mode #dv-ac {
  background: var(--dv-surface) !important;
  border-color: var(--dv-border) !important;
  color: var(--dv-text);
}
html.dark-mode #dv-ac a.dv-ac-cat:hover,
html.dark-mode #dv-ac a.dv-ac-cat.act { background: var(--dv-raised) !important; }
html.dark-mode #dv-ac .dv-ac-cat-ic   { background: var(--dv-raised) !important; }
html.dark-mode #dv-ac .dv-ac-cat-c    { background: var(--dv-raised) !important; color: var(--dv-text) !important; }
html.dark-mode #dv-ac .dv-ac-thumb    { background-color: var(--dv-raised) !important; }
/* #dv-ac a.dv-ac-all már sötét+lime → marad */

/* ============================================================
   KEZDŐLAP  (.hero, .categories, .cat-*, .info-bar, .popular-*, .why-*)
   ============================================================ */
html.dark-mode .hero        { background-color: var(--dv-bg) !important; } /* csak szin: a hero-fotot (background-image) NE nullazd ki */
html.dark-mode .search-box input[type="text"] {
  background: var(--dv-raised) !important;
  color: var(--dv-text) !important;
}
html.dark-mode .categories  { background: var(--dv-bg) !important; }
html.dark-mode .cat-accordion {
  background: var(--dv-surface) !important;
  border-color: var(--dv-border) !important;
}
html.dark-mode .cat-header:hover,
html.dark-mode .cat-row.open .cat-header { background: var(--dv-raised) !important; }
html.dark-mode .cat-icon-wrap {
  background: var(--dv-raised) !important;
  border-color: var(--dv-border) !important;
}
html.dark-mode .cat-pill {
  background: var(--dv-raised) !important;
  border-color: var(--dv-border) !important;
  color: var(--dv-text) !important;
}
html.dark-mode .info-bar {
  background: var(--dv-surface) !important;
  border-top-color: var(--dv-border) !important;
  border-bottom-color: var(--dv-border) !important;
}
html.dark-mode .popular-products { background: var(--dv-bg) !important; }
html.dark-mode .popular-card {
  background: var(--dv-surface) !important;
  border-color: var(--dv-border) !important;
}
html.dark-mode .why-us   { background: var(--dv-bg) !important; }
html.dark-mode .why-item {
  background: var(--dv-surface) !important;
  border-color: var(--dv-border) !important;
}

/* ============================================================
   TERMÉKKÁRTYA  (valódi: .product-card, .product-cat-pill, .qty-control,
   .product-img-wrap / .product-card-placeholder)
   ============================================================ */
/* .product-card -> product-card.css token-alapu (mindket mod). */
html.dark-mode .product-card .price,
html.dark-mode .product-card .dv-price { color: var(--dv-text); }
html.dark-mode .product-cat-pill {
  background: rgba(255,255,255,.95) !important;
  color: var(--dv-dark) !important;
  border-color: var(--dv-border) !important;
}
html.dark-mode .product-cat-pill:hover { background: var(--dv-lime) !important; color: var(--dv-dark) !important; }
/* termékkép: sok kép FEHÉR hátterű → a thumb-konténer SZÁNDÉKOSAN fehér marad,
   hogy a kép ne nézzen ki rosszul. Csak a kártya teste sötét. */
/* termekkep-csempe -> product-card.css #f2f3f1 (egyseges, mindket mod). */

/* ============================================================
   ÁRUHÁZ ARCHÍV  (valódi: .dv-archive-hero / -chips / -toolbar, .dv-chip*,
   .dv-chip-panel*, .dv-chip--active)
   ============================================================ */
html.dark-mode .dv-archive-hero { background: var(--dv-surface) !important; }
html.dark-mode .dv-archive-hero__title,
html.dark-mode .dv-archive-hero__stat-num   { color: var(--dv-text); }
html.dark-mode .dv-archive-hero__subtitle,
html.dark-mode .dv-archive-hero__stat-label { color: var(--dv-muted); }

html.dark-mode .dv-archive-chips   { background: var(--dv-surface) !important; }
html.dark-mode .dv-archive-toolbar {
  background: var(--dv-surface) !important;
  border-color: var(--dv-border) !important;
}
html.dark-mode .dv-archive-chips__right select.orderby,
html.dark-mode .dv-archive-chips__right .per-page-select {
  background-color: var(--dv-raised) !important;
  color: var(--dv-text) !important;
  border-color: var(--dv-border) !important;
}

html.dark-mode .dv-chip {
  background: var(--dv-raised) !important;
  color: var(--dv-text) !important;
  border-color: var(--dv-border) !important;
}
html.dark-mode .dv-chip--active {
  background: var(--dv-lime) !important;
  color: #1a1e20 !important;
  border-color: var(--dv-lime) !important;
}
html.dark-mode .dv-chip-panel {
  background: var(--dv-surface) !important;
  border-color: var(--dv-border) !important;
  color: var(--dv-text);
}
html.dark-mode .dv-chip-panel-row:hover,
html.dark-mode .dv-chip-panel-link:hover { background: var(--dv-raised) !important; }
html.dark-mode .dv-chip-panel-price input {
  background: var(--dv-raised) !important;
  color: var(--dv-text) !important;
  border-color: var(--dv-border) !important;
}
/* .dv-chip-panel-btn már lime → marad */

/* shop-filter selectek (style.css responsive variánsok) */
html.dark-mode .shop-filter select,
html.dark-mode .shop-filter .woocommerce-ordering select {
  background: var(--dv-raised) !important;
  color: var(--dv-text) !important;
  border-color: var(--dv-border) !important;
}

/* ============================================================
   ŰRLAPOK / INPUTOK  (általános + checkout .dv-f, ami color-scheme:light-ot kényszerít)
   ============================================================ */
html.dark-mode input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),
html.dark-mode select,
html.dark-mode textarea {
  background: var(--dv-raised) !important;
  color: var(--dv-text) !important;
  border-color: var(--dv-border) !important;
}
html.dark-mode ::placeholder { color: var(--dv-muted); }
html.dark-mode .dv-f input,
html.dark-mode .dv-f select,
html.dark-mode .dv-f textarea {
  background: var(--dv-raised) !important;
  color: var(--dv-text) !important;
  border-color: var(--dv-border) !important;
  color-scheme: dark;
}

/* ============================================================
   GOMBOK  (lime primary MARAD; világos másodlagos → sötét)
   ============================================================ */
html.dark-mode .button.secondary,
html.dark-mode .btn-secondary,
html.dark-mode .dv-btn--secondary,
html.dark-mode .dv-btn-secondary {
  background: var(--dv-raised) !important;
  color: var(--dv-text) !important;
  border-color: var(--dv-border) !important;
}

/* ============================================================
   WOOCOMMERCE — core
   ============================================================ */
html.dark-mode .woocommerce table.shop_table,
html.dark-mode .woocommerce .cart_totals,
html.dark-mode .woocommerce-checkout #payment,
html.dark-mode .woocommerce-MyAccount-content,
html.dark-mode .woocommerce-mini-cart,
html.dark-mode .widget_shopping_cart_content {
  background: var(--dv-surface) !important;
  color: var(--dv-text);
  border-color: var(--dv-border) !important;
}
html.dark-mode .woocommerce table.shop_table th,
html.dark-mode .woocommerce table.shop_table td { border-color: var(--dv-border) !important; }
html.dark-mode .woocommerce-info,
html.dark-mode .woocommerce-message,
html.dark-mode .woocommerce-error {
  background: var(--dv-raised) !important;
  color: var(--dv-text) !important;
  border-top-color: var(--dv-lime) !important;
}
html.dark-mode .woocommerce-info::before,
html.dark-mode .woocommerce-message::before { color: var(--dv-lime); }

/* ============================================================
   WOOCOMMERCE — téma template-ek inline .dv-* osztályai
   (cart.php, cart-empty.php, my-account.php, thankyou.php)
   ============================================================ */
html.dark-mode .dv-section,
html.dark-mode .dv-content,
html.dark-mode .dv-trust-card,
html.dark-mode .dv-empty-card,
html.dark-mode .dv-hero,
html.dark-mode .dv-card,
html.dark-mode .dv-mini {
  background: var(--dv-surface) !important;
  color: var(--dv-text);
  border-color: var(--dv-border) !important;
}
/* qty v2: .dv-stepper dark a product-card.css kozos spec-bol */
html.dark-mode .dv-cart-img,
html.dark-mode .dv-badge-pay { background: var(--dv-raised) !important; color: var(--dv-text) !important; }
html.dark-mode .dv-ty { background: var(--dv-bg) !important; }
html.dark-mode .dv-empty-pill {
  background: var(--dv-raised) !important;
  color: var(--dv-text) !important;
}

/* ============================================================
   MOBIL NAV  (valódi: .dv-mobile-menu, .dv-mobile-cats)
   ============================================================ */
html.dark-mode .dv-mobile-menu { background: var(--dv-surface) !important; }
html.dark-mode .dv-mobile-cats { background: var(--dv-raised) !important; }

/* ============================================================
   ÁLTALÁNOS FEHÉR PANELEK  (gyakori box/panel class-ok, ha vannak)
   ============================================================ */
html.dark-mode .card,
html.dark-mode .panel,
html.dark-mode .box,
html.dark-mode .dv-card,
html.dark-mode .dv-panel {
  background: var(--dv-surface) !important;
  color: var(--dv-text);
  border-color: var(--dv-border) !important;
}

/* ============================================================
   TOGGLE GOMB  (fejléc — .header-right)
   ============================================================ */
.dv-theme-toggle {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; flex-shrink: 0;
  background: #f0f2f0; border: 1px solid #e0e0e0; border-radius: 8px;
  cursor: pointer; padding: 0; color: #1a1e20;
  transition: background .15s, border-color .15s, color .15s;
}
.dv-theme-toggle:hover { border-color: #c8d400; }
.dv-theme-toggle svg { width: 20px; height: 20px; }
.dv-theme-toggle .dv-icon-sun  { display: none; }
.dv-theme-toggle .dv-icon-moon { display: block; }
html.dark-mode .dv-theme-toggle {
  background: var(--dv-raised);
  border-color: var(--dv-border);
  color: var(--dv-text);
}
html.dark-mode .dv-theme-toggle .dv-icon-sun  { display: block; }
html.dark-mode .dv-theme-toggle .dv-icon-moon { display: none; }
@media (max-width: 768px) {
  .dv-theme-toggle { width: 40px; height: 40px; }
}

/* ===== FIX v2 — valódi homepage selectorok (világosan maradt szekciók) ===== */
html.dark-mode .dv-topbar,
html.dark-mode .dv-mobile-cta,
html.dark-mode .dv-anyaglista-cta-section,
html.dark-mode .dv-anyaglista-cta-card,
html.dark-mode .dv-cat-section-link,
html.dark-mode .dv-cat-end-cta,
html.dark-mode .brands-section,
html.dark-mode .why-section,
html.dark-mode .dv-seo-section,
html.dark-mode .dv-seo-card,
html.dark-mode .hero-search-wrap {
  background: var(--dv-surface) !important;
  border-color: var(--dv-border) !important;
}

/* a sötétített szekciókban a szöveg világos legyen (az alcímek helyenként var(--dv-dark)-ra
   vannak hardcode-olva → sötét-a-sötéten lenne); eyebrow/pill/btn KIVÉVE, hogy a lime maradjon */
html.dark-mode .dv-anyaglista-cta-section :where(h1,h2,h3,h4,h5,p,span,a,li,strong,small,div):not([class*=eyebrow]):not([class*=btn]),
html.dark-mode .dv-cat-section-link  :where(h1,h2,h3,h4,h5,p,span,a,li,strong,small,div):not([class*=eyebrow]),
html.dark-mode .why-section          :where(h1,h2,h3,h4,h5,p,span,a,li,strong,small,div):not([class*=eyebrow]),
html.dark-mode .brands-section       :where(h1,h2,h3,h4,h5,p,span,a,li,strong,small,div):not([class*=eyebrow]),
html.dark-mode .dv-seo-section       :where(h1,h2,h3,h4,h5,p,span,a,li,strong,small,div):not([class*=eyebrow]):not([class*=pill]) {
  color: var(--dv-text) !important;
}

/* fő CTA gomb maradjon brandelt */
html.dark-mode .dv-anyaglista-cta-btn { background: var(--dv-lime) !important; }
html.dark-mode .dv-anyaglista-cta-btn,
html.dark-mode .dv-anyaglista-cta-btn * { color: var(--dv-dark) !important; }

/* SEO kategória-pill */
html.dark-mode .dv-seo-cat-pill { background: var(--dv-raised) !important; color: var(--dv-text) !important; }

/* termékkép-csempe: a termékfotók FEHÉR hátterűek → szándékosan világos csempén maradnak,
   csak lágyítjuk tört-fehérre, hogy ne legyen bántó (NE sötétítsd, mert a fotó "lebegne") */

/* hero kereső input olvashatóság sötét hátéren */
html.dark-mode .hero-search-wrap input { color: var(--dv-text) !important; }
/* ===== /FIX v2 ===== */

/* ===== FIX v4 — Fazis 5 (token-alapu veglegesites; csak html.dark-mode scope) ===== */
/* topbar + mobile-cta szoveg vilagosra (bg mar var(--dv-surface) a FIX v2-ben) */
html.dark-mode .dv-topbar :where(span,a,div,strong,small,p,li,time),
html.dark-mode .dv-mobile-cta :where(span,a,div,strong,small,p,li):not([class*=btn]) { color: var(--dv-text) !important; }

/* megamenu jobb panel: a v2-skin (header.php inline <style>) MINDKET modban
   sotetre festi -> a korabbi --dv-surface override KIVEVE (2026-07-15). */

/* WooCommerce breadcrumb sav (vilagos #e8e8e8 maradt) */
html.dark-mode .breadcrumb { background: var(--dv-bg) !important; }
html.dark-mode .breadcrumb, html.dark-mode .dv-breadcrumb { color: var(--dv-muted) !important; }

/* aruhaz szuro-dropdown sorai (sotet szoveg soteten) */
html.dark-mode .dv-chip-panel-row,
html.dark-mode .dv-chip-panel-row :where(span,label,div) { color: var(--dv-text) !important; }

/* termekoldal kategoria-pillek: a SOTET oldali hatteren ulnek -> sotet pill + vilagos szoveg
   (NEM a kartya-pill: az a vilagos kepcsempen marad feher) */
html.dark-mode .product-cat-pills .product-cat-pill {
  background: var(--dv-raised) !important;
  color: var(--dv-text) !important;
  border-color: var(--dv-border) !important;
}

/* termekoldal fulek + akciok */
html.dark-mode .dv-single__tab,
html.dark-mode .dv-single__action { color: var(--dv-muted) !important; }
html.dark-mode .dv-single__tab.is-active { color: var(--dv-text) !important; }
/* kategoria-szekcio vilagos GRADIENS-savja sotet modban (detektor-vakfolt javitasa:
   a 6 .dv-cat-section background-image:linear-gradient(rgb(224,245,244),#fff) vilagos maradt) */
html.dark-mode .dv-cat-section{
  background-image: linear-gradient(var(--dv-surface), var(--dv-bg) 120px) !important;
}
/* termekoldal kis UI-elemek (detektor meret-szuro vakfolt: width<110 kihagyta):
   BRUTTO ar-pill (vilagos-a-vilagoson) + a single .dv-qty-btn -/+ gombok (feher doboz).
   Megj.: a megadott fix var(--dv-line)-t irt, de a kanonikus token --dv-border (a --dv-line elvetve a Fazis 1-ben). */
html.dark-mode .dv-single__price-pill{ background: var(--dv-raised) !important; color: var(--dv-muted) !important; }
/* .dv-qty-btn dark override TOROLVE (Sf2): a stepper token-nativ (transparent gombok, a .quantity adja a feluletet). */
/* lapozo (pagination) — a nem-aktualis .page-numbers feher doboz volt sotet modban */
html.dark-mode .woocommerce-pagination li .page-numbers,
html.dark-mode .page-numbers{ background: var(--dv-surface) !important; color: var(--dv-text) !important; border-color: var(--dv-border) !important; }
html.dark-mode .woocommerce-pagination li .page-numbers.current,
html.dark-mode .page-numbers.current{ background: var(--dv-dark) !important; color: var(--dv-lime) !important; border-color: var(--dv-dark) !important; }
/* meili-kereso sajat lapozoja (.meili-pagination a/span feher+vilagos szoveg = olvashatatlan;
   a span.current LIME marad) */
html.dark-mode .meili-pagination a,
html.dark-mode .meili-pagination span:not(.current){ background: var(--dv-surface) !important; color: var(--dv-text) !important; border-color: var(--dv-border) !important; }
/* ===== /FIX v4 ===== */

/* ===== FIX v3 — böngészőben bemért sablon-selectorok (termék/kosár/pénztár/fiók) ===== */

/* ---- TERMÉKOLDAL (.dv-single) ---- */
html.dark-mode .dv-single,
html.dark-mode .dv-single__price-block,
html.dark-mode .dv-single__trust,
html.dark-mode .dv-single__desc-card,
html.dark-mode .dv-single__specs-card,
html.dark-mode .dv-single .quantity {
  background: #1f2426 !important;
  border-color: rgba(255,255,255,.12) !important;
}
/* .dv-single .quantity input dark bg override TOROLVE (Sf2): token-nativ transparent input. */
html.dark-mode .dv-single .quantity button,
html.dark-mode .dv-single .quantity * { color: #e8eae7 !important; }

/* szöveg világosítása a sötétített kártyákban (eyebrow/btn/badge KIVÉVE, hogy a lime maradjon) */
html.dark-mode .dv-single :where(h1,h2,h3,h4,h5,p,span,a,li,strong,small,td,th,label,div):not([class*=eyebrow]):not([class*=btn]):not([class*=badge]):not([class*=price-label]):not([class*=price-gross]):not([class*=price-cur]) {
  color: #e8eae7 !important;
}
/* specs-kártya belső szövege: a dt/dd a fenti :where() tag-listából KIMARAD (nem div/span/…),
   ezért a sötétített kártyán külön kell világosítani. A dd korábban #1a1e20 volt → sötét-a-sötéten
   eltűnt volna; a dt #666 → túl alacsony kontraszt sötéten. (A label-ek divek → már a :where() vil.) */
html.dark-mode .dv-single__specs-row dt { color: var(--dv-muted) !important; }
html.dark-mode .dv-single__specs-row dd { color: var(--dv-text)  !important; }
/* belső elválasztók: eredetileg rgba(0,0,0,.06–.08) → sötét kártyán láthatatlan; fehér-alfára.
   A :last-child specs-row border-bottom:none marad (style:none → ez a color nem hozza vissza). */
html.dark-mode .dv-single__etim-block,
html.dark-mode .dv-single__specs-row { border-bottom-color: rgba(255,255,255,.08) !important; }
/* termékkép-konténer SZÁNDÉKOSAN fehér → benne a szöveg sötét marad (a lime badge külön él alább) */
html.dark-mode .dv-single__main-image { background: #f2f3f1 !important; }
html.dark-mode .dv-single__main-image :where(h1,h2,h3,h4,h5,p,span,a,li,strong,small,div):not([class*=eyebrow]):not([class*=btn]):not([class*=badge]) {
  color: #1a1e20 !important;
}
/* add-to-cart + lime badge-ek brandelt maradnak */
html.dark-mode .dv-single .single_add_to_cart_button { background: #c8d400 !important; color: #1a1e20 !important; }
html.dark-mode .dv-single .dv-single__badge--brand,
html.dark-mode .dv-single .dv-single__thumb-badge { color: #c8d400 !important; }

/* ---- BREADCRUMB sáv (kosár/pénztár/fiók) ---- */
html.dark-mode .dv-breadcrumb { background: #1f2426 !important; border-color: rgba(255,255,255,.12) !important; }
html.dark-mode .dv-breadcrumb :where(a,span,li,div,strong):not([class*=eyebrow]) { color: #e8eae7 !important; }

/* ---- LIME primer gomb világos szöveggel volt → sötét szöveg ---- */
html.dark-mode .dv-btn-primary,
html.dark-mode .dv-btn-primary * { color: #1a1e20 !important; }

/* ---- PÉNZTÁR (.dv-co) ---- */
html.dark-mode .dv-co,
html.dark-mode .dv-co .dv-steps,
html.dark-mode .dv-co .dv-pay-box,
html.dark-mode .dv-co .dv-bill-btn {
  background: #1f2426 !important;
  border-color: rgba(255,255,255,.12) !important;
}
/* fizetési opció kártyák: sötét bg, a lime border (kiválasztás-jelző) MARAD */
html.dark-mode .dv-co .dv-po { background: #1f2426 !important; }
html.dark-mode .dv-co .dv-po.selected { background: #232b1f !important; }
/* szöveg világosítása (a sötét .dv-co inputok már jók, azokat nem érintjük) */
html.dark-mode .dv-co :where(h1,h2,h3,h4,h5,p,span,a,li,strong,small,td,th,label,div):not([class*=eyebrow]):not([class*=btn]):not([class*=badge]) {
  color: #e8eae7 !important;
}
/* a sötétített gombok (nem-lime) szövege világos */
html.dark-mode .dv-co .dv-bill-btn,
html.dark-mode .dv-co .dv-bill-btn * { color: #e8eae7 !important; }

/* ---- FIÓK: WooCommerce login/register + (WC-standard) account-konténerek ---- */
html.dark-mode .woocommerce-form-login,
html.dark-mode .woocommerce-form-register,
html.dark-mode .woocommerce-MyAccount-content,
html.dark-mode .woocommerce-MyAccount-navigation,
html.dark-mode .woocommerce-MyAccount-navigation li,
html.dark-mode .woocommerce-Address address,
html.dark-mode .woocommerce-table,
html.dark-mode .woocommerce-orders-table,
html.dark-mode .woocommerce-orders-table__row,
html.dark-mode .woocommerce-order-details,
html.dark-mode .woocommerce-customer-details {
  background: #1f2426 !important;
  border-color: rgba(255,255,255,.12) !important;
}
html.dark-mode :where(.woocommerce-form-login,.woocommerce-form-register,.woocommerce-MyAccount-content,.woocommerce-MyAccount-navigation,.woocommerce-table,.woocommerce-order-details,.woocommerce-customer-details) :where(h1,h2,h3,h4,h5,p,span,a,li,strong,small,td,th,label,div):not([class*=eyebrow]):not([class*=btn]):not([class*=badge]) {
  color: #e8eae7 !important;
}
/* WC input mezők sötét háttér + világos szöveg (az account-űrlapok világosak voltak) */
html.dark-mode .woocommerce-Input,
html.dark-mode .woocommerce form .input-text,
html.dark-mode .woocommerce-form input[type=text],
html.dark-mode .woocommerce-form input[type=email],
html.dark-mode .woocommerce-form input[type=tel],
html.dark-mode .woocommerce-form input[type=password] {
  background: #2c3134 !important;
  color: #e8eae7 !important;
  border-color: rgba(255,255,255,.12) !important;
}
html.dark-mode .woocommerce-Input::placeholder { color: #8a8d88 !important; }
/* a .woocommerce-Button már lime + sötét szöveg → szándékosan érintetlen */
/* ===== /FIX v3 ===== */

/* ===== FIX v3.1 — Chrome autofill ne villantson világos (#e8f0fe) hátteret sötét űrlapmezőn ===== */
html.dark-mode input:-webkit-autofill,
html.dark-mode input:-webkit-autofill:hover,
html.dark-mode input:-webkit-autofill:focus,
html.dark-mode textarea:-webkit-autofill,
html.dark-mode select:-webkit-autofill {
  -webkit-text-fill-color: #e8eae7 !important;
  -webkit-box-shadow: 0 0 0 1000px #2c3134 inset !important;
  caret-color: #e8eae7 !important;
  transition: background-color 9999s ease-out 0s;
}
/* ===== /FIX v3.1 ===== */

/* dv-btn-primary: sotet brand-gomb LIME szoveggel (egy korabbi szabaly sotetre allitotta a szoveget -> sotet-a-soteten lett). A fajl vegen, hogy source-order szerint nyerjen. */
html.dark-mode a.dv-btn-primary, html.dark-mode .dv-btn-primary{ background: var(--dv-dark) !important; color: var(--dv-lime) !important; }

/* Aruhaz-hero elsodleges CTA -> LIME (brand-konzisztencia; a feher gomb volt az egyetlen feher primary a sotet temaban) */
html.dark-mode .dv-archive-hero__cta--primary{ background:var(--dv-lime)!important; color:var(--dv-dark)!important; border-color:var(--dv-lime)!important; }
/* a tenyleges feher gomb a --secondary ("Kereses") -> sotet masodlagos (raised, hogy ne olvadjon a #1f2426 heroba) */
html.dark-mode .dv-archive-hero__cta--secondary{ background:var(--dv-raised)!important; color:var(--dv-text)!important; border-color:var(--dv-border)!important; }
/* Single ar-blokk MASODLAGOS szovege muted (a netto fo ar teljes kontraszt; celzott, a szeles .dv-single szabaly folott) */
html.dark-mode .dv-single__price-block .dv-single__price-label,
html.dark-mode .dv-single__price-block .dv-single__price-gross,
html.dark-mode .dv-single__price-block .dv-single__price-cur{ color: var(--dv-muted) !important; }
html.dark-mode .dv-single__price-block .dv-single__price-gross strong{ color: var(--dv-text) !important; }

/* szall-info fix 2026-07-11: a .page-content-box FEHER kartya dark modban is —
   a cimsorok ne a dark (vilagos) szovegszint orokoljek, kulonben feheren-feher */
html.dark-mode .page-content-box h1,html.dark-mode .page-content-box h2,
html.dark-mode .page-content-box h3,html.dark-mode .page-content-box h4{color:#14171a}
