/* ============================================================================
   HOMES & FLOORS — KANTIG  (2026-08-03)
   ----------------------------------------------------------------------------
   Letzte Schicht. Der Hauptteil des Umbaus passiert nicht hier, sondern direkt
   in den Quellen: apply.py zieht jeden harten border-radius in CSS, PHP und JS
   auf die Skala des Warenkorbs. Diese Datei erledigt nur, was sich am Wert
   allein nicht entscheiden laesst — ob etwas eine Karte oder ein Bedienelement
   ist.

   Referenz ist hf-checkout-optik.css:
       --hfx-r-card:8px   --hfx-r-opt:6px   --hfx-r-ctl:4px

   Bewusst NICHT angefasst:
     999px  Pillen  — Chips, Badges und Zaehler sind auch im Zielentwurf Pillen
                      (Samples "Curated", Basket "6 / 10", Trust-Punkte)
     50%    Kreise  — Avatare, Icon-Buttons, Aufzaehlungspunkte

   SCOPE: `html` und nicht `.hfv2-page`. Header und Footer rendern auf
   wp_body_open bzw. wp_footer und liegen damit AUSSERHALB des Seiten-Wrappers —
   mit .hfv2-page blieben ausgerechnet sie als einzige Flaechen rund. `html .x`
   hat die Spezifitaet 0,1,1 und schlaegt damit die Basisregeln (0,1,0), ohne
   ein einziges !important. In wp-admin laedt diese Datei nicht.
   ========================================================================== */

/* --- Bedienelemente: 4px ---------------------------------------------------
   Buttons und Felder sind die einzigen Elemente, die sich zuverlaessig am Tag
   erkennen lassen — deshalb stehen sie hier und nicht im Wert-Umbau. */
html .hfv2-btn,
html .hf-btn,
html .hfh-minicart__btn,
html .hfh-mob__foot-btn,
html button,
html input[type="text"],
html input[type="email"],
html input[type="tel"],
html input[type="number"],
html input[type="search"],
html input[type="password"],
html input[type="submit"],
html select,
html textarea{
  border-radius:4px;
}

/* --- Ausnahmen, die runde Form BRAUCHEN -----------------------------------
   Ohne diese Zeilen macht die Regel oben aus jedem Icon-Kreis ein Rechteck. */
html .hfh-iconbtn,
html [class*="avatar"],
html [class*="__ic"],
html [class*="__dot"]:not([class*="__dots"]),
html .hfv2-hti__ic{
  border-radius:50%;
}

/* Pillen bleiben Pillen. */
html [class*="pill"],
html [class*="chip"],
html [class*="badge"],
html [class*="tag"]:not([class*="tagline"]),
html .hfv2-eyebrow{
  border-radius:999px;
}

/* --- Hero: die Steuerung ist eckig, nicht rund ---------------------------- */
html .hfv2-hero__arw{border-radius:0}
html .hfx-hero .hfv2-hero__arw:first-child{border-radius:4px 0 0 4px}
html .hfx-hero .hfv2-hero__arw:last-child{border-radius:0 4px 4px 0}
html .hfv2-hero__dots > button,
html .hfv2-hero__dot-track,
html .hfv2-hero__dot-fill{border-radius:0}

/* Der Eyebrow im Hero ist kein Chip mehr, sondern Strich + Text — die
   Pillen-Regel oben darf ihn nicht zurueckverwandeln. */
html .hfv2-hero .hfv2-eyebrow,
html .hf-phero .hfv2-eyebrow{border-radius:0}

/* --- Header und Footer ----------------------------------------------------
   Beide liegen ausserhalb von .hfv2-page und waren nach dem ersten Anlauf die
   einzigen runden Flaechen der Seite. Karten und Panels dort auf 8px. */
html .hfh-mega-v4__panel,
html .hfh-mega-v4__category,
html .hfh-mega-v4__featured,
html .hfh-mega-v4__spot,
html .hfh-mega-v4__swatch,
html .hfh-mega-v4__swatch-image,
html .hfh-acct__menu,
html .hfh-minicart,
html .hfh-minicart__empty-tile,
html .hf-footer [class*="__card"],
html .hf-footer [class*="__box"]{
  border-radius:8px;
}