/*!
 * polish.css — einheitliches Design-System (2026-10-20, v2 „sauber statt Effekt").
 *
 * Lädt als LETZTES Stylesheet und zieht alle Seiten auf dieselben Bausteine:
 *   1. Header       — ruhig & solide (kein Glas, keine schweren Pillen-Schatten)
 *   2. Seitenkopf   — EINE Titelgröße, EIN Eyebrow-Stil, EIN Lead-Stil auf allen Seiten
 *   3. Abschnitte   — EINE Section-H2-Größe
 *   4. Typo-Details — Tracking nach Größe, Mindestgröße 12.5 px, Zwischengrößen auf die Skala
 *   5. Buttons      — zwei Höhen (Standard 46 px / Karte 40 px), gleiche Schrift
 *   6. Karten       — ein Rand, eine Schatten-Familie, Radien 12/16/20/24
 *   7. Overlays     — klare Abdunklung statt Weichzeichner
 *   8. Motion       — ein Druck-Feedback, Hover nur mit Maus, kein Überschwingen/Dauer-Wippen
 *
 * Viel Optik kommt inline aus den .dc.html-Prototypen → gezielt [style*=…] + !important.
 * Schalter: Option `cav_polish` (on|preview|off) bzw. ?cav_polish=1/0 — functions.php.
 * Tokens: style.css :root (Block „Polish").
 */

/* =====================================================================
   1. HEADER — solide Fläche + feine Haarlinie, keine Effekte
   ===================================================================== */
.cav-header{ transition: background-color var(--cav-dur-base) var(--cav-ease-out),
  box-shadow var(--cav-dur-base) var(--cav-ease-out), padding .22s var(--cav-ease-out); }
.cav-header.is-scrolled{ background: var(--cav-hafer) !important; box-shadow: 0 1px 0 rgba(42,58,82,.08); }
/* Pillen: dezenter Rand statt schwebendem Schlagschatten. */
.cav-navmenu, .cav-actions{ box-shadow: 0 1px 2px rgba(42,58,82,.05) !important; border-color: var(--cav-card-border) !important; }
.cav-header.is-scrolled .cav-navmenu, .cav-header.is-scrolled .cav-actions{ box-shadow: none !important; }
@media (max-width: 980px){
  .cav-header{ background: var(--cav-hafer) !important; box-shadow: 0 1px 0 rgba(42,58,82,.08); }
}

/* =====================================================================
   2. SEITENKOPF — gleich auf jeder Seite (Startseiten-Hero & Produkt-Kaufbox ausgenommen)
   ===================================================================== */
h1:not(.cav-hero-h1):not(.cav-buybox__title){
  font-family: var(--cav-font-head) !important;
  font-weight: 600 !important;
  font-size: var(--cav-fs-page) !important;
  line-height: 1.06 !important;
  letter-spacing: var(--cav-track-display) !important;
  color: var(--cav-navy);
}
.cav-hero-h1{ letter-spacing: var(--cav-track-display) !important; }
.cav-buybox__title{ letter-spacing: var(--cav-track-head); }

/* Eyebrow: EIN Stil — Versalien, Honig-dunkel, kein Pillen-Hintergrund. */
.cav-eyebrow, .lg-eyebrow, .cav-shop-hero__eyebrow,
[style*="text-transform:uppercase"][style*="letter-spacing"]:not([style*="background"]):not(.cav-hero-reel__pdf){
  font-family: var(--cav-font-body) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase;
}
.cav-eyebrow, .lg-eyebrow, .cav-shop-hero__eyebrow{ color: var(--cav-honey-dark) !important; }
.cav-band .cav-eyebrow, .cav-on-navy .cav-eyebrow{ color: var(--cav-honey) !important; }
.cav-shop-hero__eyebrow{ background: none !important; border: 0 !important; padding: 0 !important; border-radius: 0 !important; }
.cav-shop-hero__eyebrow svg{ display: none; }

/* Lead-Absatz direkt unter dem Titel. */
h1:not(.cav-hero-h1):not(.cav-buybox__title) + p,
.cav-shop-hero__intro, .cav-amb__lead{
  font-size: var(--cav-fs-lead-page) !important;
  line-height: 1.55 !important;
  color: var(--cav-ink-2) !important;
  max-width: 62ch;
}

/* Shop-/Kategorie-Kopf: keine Karte mehr, sondern derselbe offene Seitenkopf wie überall. */
.cav-shop-hero{ background: none !important; border: 0 !important; box-shadow: none !important;
  border-radius: 0 !important; padding: 28px 0 8px !important; overflow: visible; }
.cav-shop-hero__glow{ display: none !important; }
.cav-shop-hero__count{ color: var(--cav-navy) !important; }

/* =====================================================================
   3. ABSCHNITTE — eine Section-Überschrift
   ===================================================================== */
h2[style*="font-size:26px"], h2[style*="font-size:27px"], h2[style*="font-size:28px"],
h2[style*="font-size:30px"], h2[style*="font-size:32px"], h2[style*="font-size:34px"],
h2[style*="font-size:36px"], h2[style*="font-size:38px"], h2[style*="font-size:40px"],
.cav-home h2, .cav-cat-seo h2, .cav-shop h2{
  font-size: var(--cav-fs-section) !important;
  line-height: 1.1 !important;
  letter-spacing: var(--cav-track-head) !important;
}
h2{ letter-spacing: var(--cav-track-head); }
h3{ letter-spacing: var(--cav-track-sub); }

/* =====================================================================
   4. TYPO-DETAILS
   ===================================================================== */
html{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
h1, h2, h3, .cav-head{ text-wrap: balance; }
p, li{ text-wrap: pretty; }

[style*="font-size:22px"], [style*="font-size:21px"], [style*="font-size:20px"]{ letter-spacing: var(--cav-track-sub); }

/* Mindestgröße 12.5 px (Ausnahme: Zähler-Badge im Warenkorb-Kreis). */
[style*="font-size:10.5px"]:not(.cav-cart-count),
[style*="font-size:11px"]:not(.cav-cart-count),
[style*="font-size:11.5px"]:not(.cav-cart-count),
[style*="font-size:12px"]:not(.cav-cart-count),
.cav-hero-reel__pdf, .woocommerce-price-suffix, .cav-hband__eye, .cav-hband__badge,
.cagm__fine, .cav-nlb-si__badge, .cav-or, .cav-shop-hero__countlabel,
.cav-shop-hero__trust span{ font-size: var(--cav-fs-micro) !important; }
/* Zwischenstufen auf die Skala (14.5 → 15, 15.5 → 15, 16.5 → 17). */
[style*="font-size:14.5px"], [style*="font-size:15.5px"]{ font-size: 15px !important; }
[style*="font-size:16.5px"]{ font-size: 17px !important; }

.cav-hcard__price, .price, .amount, .woocommerce-Price-amount{ font-variant-numeric: tabular-nums; }

/* =====================================================================
   5. BUTTONS — gleiche Höhe, gleiche Schrift
   ===================================================================== */
/* Standard-CTA: 46 px (18 px Zeile + 2×14 px). Produktkarte: eigener Block in cav-shop.css. */
.cav-btn,
.woocommerce .button:not(.cav-hcard__addbtn),
a.ca-uibtn[style*="border-radius:999px"][style*="padding"]:not(.cav-hcard__addbtn),
button.ca-uibtn[style*="border-radius:999px"][style*="padding"]:not(.cav-hcard__addbtn){
  font-family: var(--cav-font-body) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  letter-spacing: 0 !important;
}

/* =====================================================================
   6. KARTEN — ein Rand, eine Schatten-Familie, feste Radien
   ===================================================================== */
:root{
  --cav-shadow-sm:   var(--cav-elev-1);
  --cav-shadow-card: var(--cav-elev-1);
  --cav-shadow-md:   var(--cav-elev-2);
  --cav-shadow-band: var(--cav-elev-3);
}
.cav-card, .cav-hcard, .cav-prod, .ca-why-card, .ca-proof, .cav-hero-reel__card,
.cav-magcard, .ca-post, .cav-orig-card, .cav-read-page .inside-article,
.cav-amb__card, .cav-amb__theme, .cav-amb__book{
  box-shadow: var(--cav-elev-1) !important;
  border-color: var(--cav-card-border) !important;
}
[style*="border-radius:14px"][style*="box-shadow"],
[style*="border-radius:16px"][style*="box-shadow"],
[style*="border-radius:18px"][style*="box-shadow"],
[style*="border-radius:20px"][style*="box-shadow"],
[style*="border-radius:22px"][style*="box-shadow"],
[style*="border-radius:24px"][style*="box-shadow"],
[style*="border-radius:26px"][style*="box-shadow"]{ box-shadow: var(--cav-elev-1) !important; }
.cav-band{ box-shadow: var(--cav-elev-3) !important; }

[style*="border-radius:13px"], [style*="border-radius:14px"]{ border-radius: 12px !important; }
[style*="border-radius:18px"]{ border-radius: 20px !important; }
[style*="border-radius:22px"], [style*="border-radius:26px"],
[style*="border-radius:30px"], [style*="border-radius:32px"]{ border-radius: 24px !important; }
.ca-why-card, .cav-read-page .inside-article{ border-radius: 20px !important; }
.ca-proof{ border-radius: 24px; }

/* =====================================================================
   7. OVERLAYS — klare Abdunklung, kein Weichzeichner
   ===================================================================== */
.cav-overlay__scrim{ background: rgba(42,58,82,.42) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.cav-search{ background: var(--cav-hafer) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.cav-modal{ background: rgba(42,58,82,.5) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.cav-drawer__panel{ transition-timing-function: var(--cav-ease-sheet) !important; box-shadow: var(--cav-elev-3); }

/* =====================================================================
   8. MOTION
   ===================================================================== */
a, button, [role="button"], label, summary, input[type="submit"]{ touch-action: manipulation; }

.ca-uibtn{
  transition: transform var(--cav-dur-fast) var(--cav-ease-out),
              box-shadow var(--cav-dur-fast) var(--cav-ease-out),
              background-color var(--cav-dur-fast) ease, color var(--cav-dur-fast) ease,
              border-color var(--cav-dur-fast) ease !important;
}
.ca-uibtn:active{ transform: scale(var(--cav-press)) !important; transition-duration: var(--cav-dur-press) !important; }
.ca-uibtn-ico:active, .vico:active{ transform: scale(var(--cav-press-ico)) !important; transition-duration: var(--cav-dur-press) !important; }

@media (hover: hover) and (pointer: fine){
  .ca-uibtn:hover{ transform: translateY(var(--cav-lift)); }
  .ca-uibtn-ico:hover, .vico:hover{ transform: translateY(var(--cav-lift)); }
  .vlink:hover{ transform: translateY(-1px); }
  .cav-hcard, .cav-prod, .cav-orig-card, .cav-magcard, .ca-post, .cav-hero-reel__card{
    transition: transform var(--cav-dur-base) var(--cav-ease-out), box-shadow var(--cav-dur-base) var(--cav-ease-out) !important;
  }
  .cav-hcard:hover, .cav-prod:hover, .cav-orig-card:hover, .cav-magcard:hover,
  .ca-post:hover, .cav-hero-reel__card:hover{
    transform: translateY(var(--cav-lift-card)) !important; box-shadow: var(--cav-elev-2) !important;
  }
}
@media (hover: none), (pointer: coarse){
  .ca-uibtn:hover, .ca-uibtn-ico:hover, .vico:hover, .vlink:hover,
  .cav-hcard:hover, .cav-prod:hover, .cav-orig-card:hover, .cav-magcard:hover,
  .ca-post:hover, .cav-hero-reel__card:hover, .cav-finder__opt:hover,
  .cav-gallery__thumb:hover{ transform: none !important; }
  .cav-hcard:active, .cav-prod:active, .cav-magcard:active, .ca-post:active{ transform: scale(.985); transition: transform var(--cav-dur-press) var(--cav-ease-out); }
}

[data-cav-account]:not([hidden]),
[data-cav-account-tail]:not([hidden]){ animation-timing-function: var(--cav-ease-out) !important; animation-duration: .24s !important; }
.ca-hero-cover{ animation: none !important; }
.ca-rise{ animation-timing-function: var(--cav-ease-out) !important; }

@media (prefers-reduced-motion: reduce){
  .ca-uibtn:active, .ca-uibtn-ico:active, .vico:active,
  .cav-hcard:hover, .cav-prod:hover, .cav-orig-card:hover, .cav-magcard:hover,
  .ca-post:hover, .cav-hero-reel__card:hover,
  .cav-hcard:active, .cav-prod:active, .cav-magcard:active, .ca-post:active{ transform: none !important; }
}

/* Filmband: kein PDF-Badge mehr (wie Produktkarte, 2026-10-20) — „sofort als PDF" sagt der Hero einmal. */
.cav-hero-reel__pdf{ display:none !important; }