/* ============================================================
   DopeVill — DESIGN TOKENS  (single source of truth)
   :root  = JELENLEGI vilagos ertekek -> vilagos mod VALTOZATLAN.
   html.dark-mode = csak a feluliras (ertekek byte-re a korabbi dark-mode.css-bol).
   Kanonikus nevek: a dark-mode.css mar ezeket hasznalja (--dv-text/--dv-border/...).
   Enqueue: LEGELSOKENT (a tobbi stilus elott), filemtime cache-busttal.
   ============================================================ */
:root{
  /* --- Feluletek / szinek (vilagos default = jelenlegi hardcode-ok) --- */
  --dv-bg:      #f0f2f0;            /* oldal / szekcio-sav hatter */
  --dv-surface: #ffffff;           /* kartya, fejlec, panel */
  --dv-raised:  #f0f2f0;           /* input, qty-stepper, dropdown, hover */
  --dv-text:    #1a1e20;           /* fo szoveg / ink */
  --dv-muted:   #5b6360;           /* halvany szoveg */
  --dv-border:  rgba(0,0,0,.08);   /* keret / elvalaszto */
  --dv-lime:    #c8d400;           /* akcent — MINDKET modban valtozatlan */
  --dv-dark:    #1a1e20;           /* brand-sotet: gomb/CTA hatter, MINDKET modban sotet */

  /* --- Radius (UJ) --- */
  --dv-r-sm:   8px;
  --dv-r:      12px;
  --dv-r-lg:   16px;
  --dv-r-pill: 999px;

  /* --- Arnyek (UJ) --- */
  --dv-sh-1: 0 1px 2px rgba(0,0,0,.04), 0 6px 18px rgba(0,0,0,.05);
  --dv-sh-2: 0 14px 32px rgba(0,0,0,.12);

  /* --- Type-scale (UJ, single-product redesign) — mode-fuggetlen --- */
  --dv-fs-xs:      12px;
  --dv-fs-sm:      14px;
  --dv-fs-base:    16px;
  --dv-fs-lg:      20px;
  --dv-fs-xl:      24px;
  --dv-fs-2xl:     28px;
  --dv-fs-display: clamp(28px, 3.6vw, 36px);  /* cim (felso hatar visszafogva a hosszu cimek miatt) */
  --dv-fs-price:   clamp(34px, 4.4vw, 42px);  /* fo netto ar (signature) — kulon a cimtol, hogy hosszu nevek ne fogjak vissza */

  /* --- Tipografia (UJ) --- */
  --dv-font-head: "Saira", system-ui, -apple-system, "Segoe UI", sans-serif;
  --dv-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;
}

/* Sotet mod — KIZAROLAG felulirasok (ertekek a korabbi dark-mode.css-bol, valtozatlan). */
html.dark-mode{
  --dv-bg:      #15181a;
  --dv-surface: #1f2426;
  --dv-raised:  #2c3134;
  --dv-text:    #e8eae7;
  --dv-muted:   rgba(255,255,255,.60);
  --dv-border:  rgba(255,255,255,.12);
  /* --dv-lime és --dv-dark szandekosan NEM valtozik (akcent + brand-sotet) */
}

/* --- Szekcio-terkozok (UJ) — clamp = folytonos reszponziv skala, 4px-bazis --- */
:root{
  --dv-space-section:    clamp(32px, 4.4vw, 48px);  /* tartalmi szekcio-sav V-padding (mobil 32 -> desktop 48) */
  --dv-space-section-lg: clamp(40px, 5.2vw, 60px);  /* zaro szekciok: why / seo */
}

/* ============================================================
   TIPOGRAFIA — Saira (onhosztolt, GDPR; variable font 600-800)
   Fajlok: assets/fonts/saira-latin.woff2 + saira-latin-ext.woff2
   Alkalmazas: KIZAROLAG a --dv-font-head tokenen keresztul, csak cimsorokra.
   ============================================================ */
@font-face{
  font-family:"Saira";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("../fonts/saira-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Saira";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("../fonts/saira-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ============================================================
   IBM Plex Mono (onhosztolt, GDPR) — muszaki/adat szerep (--dv-font-mono token).
   Fajlok: assets/fonts/plexmono-{400,600}-{latin,latinext}.woff2  (statikus, 2 suly)
   ============================================================ */
@font-face{ font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;
  src:url("../fonts/plexmono-400-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;
  src:url("../fonts/plexmono-400-latinext.woff2") format("woff2");
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face{ font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;
  src:url("../fonts/plexmono-600-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;
  src:url("../fonts/plexmono-600-latinext.woff2") format("woff2");
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

/* Cimsorok -> Saira. Csak valodi cim-class-ok (NEM minden h*, NEM kartyacim/keresotalalat).
   font-weight-et SZANDEKOSAN nem allitunk (megmarad az eredeti suly) -> minimalis layout-valtozas. */
.hero-h1,
.dv-page-hero-title, .dv-archive-hero__title, .anyag-hero-title,
.dv-single__title, .dv-single__trust-title, .dv-single__drawing-title,
.dv-cat-section-title, .dv-cat-end-cta-title, .dv-anyaglista-cta-title,
.brands-title, .why-title, .why-big, .pop-title, .dv-seo-title,
.dv-audience-title, .dv-audience-card-title, .dv-mission-title, .dv-story-title,
.dv-rolunk-cta-title, .dv-sticky-cta-title, .dv-mega-right-title, .dv-mega-cat-name,
.dv-footer-heading, .anyag-form-title, .anyag-step-title, .anyag-success-title,
.anyag-upload-title, .kap-cf-title, .kap-company-title, .dv-cb-title{
  font-family:var(--dv-font-head)!important;
  letter-spacing:-.01em;
}

/* === iOS zoom-vedelem + mobil touch-target (mobilfix 2026-07-03) ===
   16px alatti input-font fokuszkor auto-zoomot trigger-el iOS-en. A scoped,
   nagyobb specificitasu szabalyok miatt !important; a .qty-input sajat
   !important-armorjat a product-card.css sajat media-szabalya fedi. */
@media (max-width:768px){
  input:not([type=checkbox]):not([type=radio]), select, textarea { font-size:16px !important; }
  .dv-mobile-burger{min-width:40px;min-height:40px}
}