/*! hf-core · Bewertungen (hf-reviews) v0.3.0 (Inline-Variante fürs Kundenkonto) – Anschluss an das Seitendesign: Typografie/Farben aus dem Elementor-Kit (Globals), Buttons = Shop-Button, volle Container-Breite. Tokens --hf-* (im Relaunch auf ACSS-Variablen gemappt). */
.hf-reviews{
  --hf-gold:var(--e-global-color-secondary,#C49955);
  --hf-ink:var(--e-global-color-primary,#2D2D2C);
  --hf-text:var(--e-global-color-text,#000001);
  --hf-grey:var(--e-global-color-7d20f97,#DCDCDC);
  --hf-grey-light:var(--e-global-color-92e32c6,#F7F7F6);
  --hf-white:#fff;
  --hf-green:#44795a;
  --hf-error:#a4331f;
  --hf-radius:3px;
  --hf-font-head:var(--e-global-typography-primary-font-family,"Oswald"),sans-serif;
  --hf-font-body:var(--e-global-typography-text-font-family,"Lato"),sans-serif;
  --hf-font-mono:var(--e-global-typography-d01ced7-font-family,"Roboto Mono"),monospace;
  --hf-size-body:var(--e-global-typography-text-font-size,18px);
  --hf-size-small:var(--e-global-typography-eb95fcb-font-size,16px);
  --hf-size-meta:var(--e-global-typography-abcf68f-font-size,15px);
  --hf-size-h3:var(--e-global-typography-df32c90-font-size,22px);
  --hf-ls-h3:var(--e-global-typography-df32c90-letter-spacing,2.3px);
  --hf-size-price:var(--e-global-typography-86f9044-font-size,27px);
  --hf-gap:24px;
  display:block;width:100%;color:var(--hf-text)
}
.hf-reviews[data-hf-reviews] *,.hf-reviews[data-hf-reviews] *::before,.hf-reviews[data-hf-reviews] *::after{box-sizing:border-box}
.hf-reviews[data-hf-reviews] :where(h2,h3,h4,p,ul,ol,figure){margin:0;padding:0}
.hf-reviews[data-hf-reviews] :where(ul,ol){list-style:none}
.hf-reviews[data-hf-reviews] :focus-visible{outline:2px solid var(--hf-ink);outline-offset:3px}
.hf-reviews .hf-reviews__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.hf-reviews [hidden]{display:none!important}

/* Typografie-Rollen (Werte aus dem Kit: Text_variant_2 = Lato 300 16, Grid_sub-title = Roboto Mono 300 15, Grid_title = Oswald 22) */
.hf-reviews .hf-reviews__small{font-family:var(--hf-font-body);font-size:var(--hf-size-small);font-weight:300;letter-spacing:.5px;line-height:1.5}
.hf-reviews .hf-reviews__meta,.hf-reviews .hf-reviews__mono{font-family:var(--hf-font-mono);font-size:var(--hf-size-meta);font-weight:300;letter-spacing:1px;line-height:1.5;color:var(--hf-ink)}
.hf-reviews .hf-reviews__h3{font-family:var(--hf-font-head);font-size:var(--hf-size-h3);font-weight:400;letter-spacing:var(--hf-ls-h3);line-height:1.3;text-transform:uppercase;color:var(--hf-ink)}
.hf-reviews .hf-reviews__title{margin-bottom:0}

/* Kopf: H2 aus dem Kit + Score im „Preis“-Stil (Lato 700 27) */
.hf-reviews .hf-reviews__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;margin-bottom:var(--hf-gap)}
.hf-reviews .hf-reviews__score{display:inline-flex;align-items:center;gap:12px}
.hf-reviews .hf-reviews__score b{font-family:var(--hf-font-body);font-size:var(--hf-size-price);font-weight:700;line-height:1;color:var(--hf-ink)}
.hf-reviews .hf-reviews__score span,.hf-reviews .hf-reviews__empty{font-family:var(--hf-font-body);font-size:var(--hf-size-small);font-weight:300;letter-spacing:.5px}
.hf-reviews .hf-reviews__stars{display:inline-flex;gap:2px;font-size:22px;line-height:1;letter-spacing:0}
.hf-reviews .hf-reviews__stars i{font-style:normal;color:var(--hf-gold)}
.hf-reviews .hf-reviews__stars i.off{color:var(--hf-grey)}

/* Zweispaltig ab Desktop: links Zusammenfassung + CTA, rechts Formular + Liste */
.hf-reviews .hf-reviews__layout{display:grid;gap:var(--hf-gap)}
.hf-reviews .hf-reviews__side,.hf-reviews .hf-reviews__main{display:grid;gap:var(--hf-gap);align-content:start;min-width:0}
@media (min-width:1025px){.hf-reviews .hf-reviews__layout{grid-template-columns:360px minmax(0,1fr);gap:48px}}

/* Zusammenfassung */
.hf-reviews .hf-reviews__summary{display:grid;gap:20px;background:var(--hf-grey-light);padding:16px;border-radius:var(--hf-radius)}
@media (min-width:700px){.hf-reviews .hf-reviews__summary{padding:24px}}
.hf-reviews .hf-reviews__dist{display:grid;gap:8px}
.hf-reviews .hf-reviews__dist-row{display:grid;grid-template-columns:44px minmax(0,1fr) 32px;gap:12px;align-items:center}
.hf-reviews .hf-reviews__dist-label{white-space:nowrap}
.hf-reviews .hf-reviews__dist-n{text-align:right}
.hf-reviews .hf-reviews__bar{display:block;height:10px;background:var(--hf-grey);overflow:hidden}
.hf-reviews .hf-reviews__bar i{display:block;height:100%;background:var(--hf-gold)}
.hf-reviews .hf-reviews__filter-label{display:block;margin-bottom:10px;font-family:var(--hf-font-body);font-size:var(--hf-size-body);font-weight:400;color:var(--hf-ink)}
.hf-reviews .hf-reviews__chips{display:flex;flex-wrap:wrap;gap:10px}
.hf-reviews .hf-reviews__chip,.hf-reviews .hf-reviews__chip:hover{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border:1px solid var(--hf-grey);border-radius:var(--hf-radius);background:var(--hf-white);color:var(--hf-text);font-family:var(--hf-font-body);font-size:var(--hf-size-small);font-weight:300;letter-spacing:.5px;line-height:1.3;text-transform:none;text-align:left;cursor:pointer;transition:none}
.hf-reviews .hf-reviews__chip span{font-family:var(--hf-font-mono);font-size:var(--hf-size-meta);font-weight:300;letter-spacing:1px}
.hf-reviews .hf-reviews__chip:hover{border-color:var(--hf-gold)}
.hf-reviews .hf-reviews__chip[aria-pressed="true"],.hf-reviews .hf-reviews__chip[aria-pressed="true"]:hover{border-color:var(--hf-gold);color:var(--hf-gold);font-weight:400}

/* Buttons: <button> erbt den Shop-Button aus dem Kit (Roboto Mono 16, Versalien, Gold). Hier nur Layout + Ghost-Variante wie „Gutschein anwenden“. */
.hf-reviews .hf-reviews__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:100%;min-height:48px;padding:10px 20px;white-space:normal;text-align:center;line-height:1.3;text-decoration:none}
@media (min-width:700px){.hf-reviews .hf-reviews__btn{width:auto;min-width:240px}}
.hf-reviews .hf-reviews__btn--ghost{background:var(--hf-white);color:var(--hf-gold);border:1px solid var(--hf-gold)}
.hf-reviews .hf-reviews__btn--ghost:hover{background:var(--hf-gold);color:var(--hf-white)}
.hf-reviews .hf-reviews__btn[disabled]{opacity:.5;cursor:wait}
.hf-reviews .hf-reviews__link,.hf-reviews .hf-reviews__link:hover{display:inline;min-height:0;padding:0;margin:0;border:0;background:none;color:var(--hf-gold);font-family:var(--hf-font-body);font-size:var(--hf-size-small);font-weight:300;letter-spacing:.5px;line-height:1.5;text-transform:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.hf-reviews .hf-reviews__link:hover{color:var(--hf-ink)}
.hf-reviews .hf-reviews__cta{display:grid;gap:14px}
.hf-reviews .hf-reviews__note,.hf-reviews .hf-reviews__hint{font-family:var(--hf-font-body);font-size:var(--hf-size-small);font-weight:300;letter-spacing:.5px;line-height:1.5}

/* Pflichttext als Aufklapper im FAQ-Stil der Seite (goldene Leiste, weiße Schrift) */
/* Pflichttext-Aufklapper = Sekundär-Button (Tommy 14.09.): Typo des Kit-Buttons (Roboto Mono 16/400, 3 px, Versalien), Gold-Outline, Schrift gold, kein Hintergrund */
.hf-reviews .hf-reviews__policy{border-radius:var(--hf-radius)}
.hf-reviews .hf-reviews__policy summary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:10px 20px;background:transparent;color:var(--hf-gold);border:1px solid var(--hf-gold);border-radius:var(--hf-radius);font-family:var(--hf-font-mono);font-size:16px;font-weight:400;letter-spacing:3px;text-transform:uppercase;line-height:1.3;text-align:center;cursor:pointer;list-style:none;transition:none}
.hf-reviews .hf-reviews__policy summary:hover{background:var(--hf-gold);color:var(--hf-white)}
.hf-reviews .hf-reviews__policy[open] summary{border-bottom-left-radius:0;border-bottom-right-radius:0}
.hf-reviews .hf-reviews__policy summary::-webkit-details-marker{display:none}
.hf-reviews .hf-reviews__policy summary::before{content:"+";flex:none;width:18px;font-family:var(--hf-font-mono);font-size:22px;line-height:1;letter-spacing:0;text-align:center}
.hf-reviews .hf-reviews__policy[open] summary::before{content:"−"}
.hf-reviews .hf-reviews__policy div{padding:15px;border:1px solid var(--hf-grey);border-top:0}
.hf-reviews .hf-reviews__policy p{margin:0 0 12px}
.hf-reviews .hf-reviews__policy p:last-child{margin:0}

/* Formular (Sterne → Gate → Fragen) */
.hf-reviews .hf-reviews__form{display:grid;gap:var(--hf-gap);background:var(--hf-grey-light);padding:16px;border-radius:var(--hf-radius);scroll-margin-top:100px}
@media (min-width:700px){.hf-reviews .hf-reviews__form{padding:24px}}
.hf-reviews .hf-reviews__form,.hf-reviews .hf-reviews__form *:not(.hf-reviews__btn){min-width:0}
.hf-reviews .hf-reviews__step{display:grid;gap:18px}
.hf-reviews .hf-reviews__rate{display:flex;gap:6px;justify-content:center}
.hf-reviews .hf-reviews__rate button,.hf-reviews .hf-reviews__rate button:hover{width:52px;height:52px;display:grid;place-items:center;padding:0;margin:0;border:0;border-radius:var(--hf-radius);background:none;color:var(--hf-grey);font-family:var(--hf-font-body);font-size:40px;line-height:1;letter-spacing:0;cursor:pointer;transition:none}
.hf-reviews .hf-reviews__rate button.on,.hf-reviews .hf-reviews__rate button[aria-checked="true"]{color:var(--hf-gold)}
/* Hover-Vorschau wie eine klassische Sternebewertung: alle Sterne bis zum überfahrenen gold, die dahinter grau */
.hf-reviews .hf-reviews__rate:hover button{color:var(--hf-gold)}
.hf-reviews .hf-reviews__rate button:hover ~ button{color:var(--hf-grey)}
.hf-reviews .hf-reviews__rate-text{text-align:center;min-height:27px}
.hf-reviews .hf-reviews__gate{padding:16px;border:1px solid var(--hf-gold);border-radius:var(--hf-radius);background:var(--hf-white)}
@media (min-width:700px){.hf-reviews .hf-reviews__gate{padding:20px}}
.hf-reviews .hf-reviews__field{display:grid;gap:8px}
.hf-reviews .hf-reviews__field > span{font-family:var(--hf-font-body);font-size:var(--hf-size-body);font-weight:400;color:var(--hf-ink)}
.hf-reviews .hf-reviews__field input[type="text"],.hf-reviews .hf-reviews__field textarea{width:100%;max-width:100%;min-height:52px;margin:0;padding:12px 16px;border:1px solid var(--hf-grey);border-radius:var(--hf-radius);background:var(--hf-white);color:var(--hf-text);font-family:var(--hf-font-body);font-size:var(--hf-size-body);font-weight:300;letter-spacing:.2px;line-height:1.5}
.hf-reviews .hf-reviews__field input[type="text"]:focus,.hf-reviews .hf-reviews__field textarea:focus{border-color:var(--hf-gold);outline:none}
.hf-reviews .hf-reviews__field textarea{min-height:120px;resize:vertical}
.hf-reviews .hf-reviews__field ::placeholder{color:#8a8a8a;opacity:1}
.hf-reviews .hf-reviews__file{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 16px;border:1px dashed var(--hf-gold);border-radius:var(--hf-radius);background:var(--hf-white);color:var(--hf-gold);font-family:var(--hf-font-body);font-size:var(--hf-size-small);font-weight:300;letter-spacing:.5px;cursor:pointer}
.hf-reviews .hf-reviews__file input{position:absolute;width:1px;height:1px;opacity:0}
.hf-reviews .hf-reviews__check{display:flex;gap:12px;align-items:flex-start;font-family:var(--hf-font-body);font-size:var(--hf-size-small);font-weight:300;letter-spacing:.5px;line-height:1.5}
.hf-reviews .hf-reviews__check input{width:22px;height:22px;margin:2px 0 0;flex:none;accent-color:var(--hf-gold)}
.hf-reviews .hf-reviews__actions{display:grid;gap:12px;justify-items:start}
.hf-reviews .hf-reviews__chosen{display:flex;align-items:center;gap:12px}
.hf-reviews .hf-reviews__error{padding:12px 16px;border-left:3px solid var(--hf-error);background:var(--hf-white);color:var(--hf-error);font-family:var(--hf-font-body);font-size:var(--hf-size-small);font-weight:400}
.hf-reviews .hf-reviews__done{padding:24px;border:1px solid var(--hf-gold);border-radius:var(--hf-radius);background:var(--hf-white);text-align:center}
.hf-reviews .hf-reviews__blocked{padding:20px;border:1px solid var(--hf-grey);border-radius:var(--hf-radius);background:var(--hf-white)}

/* Liste */
.hf-reviews .hf-reviews__list{display:grid}
.hf-reviews .hf-reviews__item{display:grid;gap:12px;padding:24px 0;border-top:1px solid var(--hf-grey)}
.hf-reviews .hf-reviews__item:last-child{border-bottom:1px solid var(--hf-grey)}
.hf-reviews .hf-reviews__item-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.hf-reviews .hf-reviews__name{font-family:var(--hf-font-body);font-size:var(--hf-size-body);font-weight:700;color:var(--hf-ink)}
.hf-reviews .hf-reviews__badge{color:var(--hf-gold)}
.hf-reviews .hf-reviews__item-meta{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.hf-reviews .hf-reviews__item-title{font-family:var(--hf-font-body);font-size:var(--hf-size-body);font-weight:500;line-height:1.4;color:var(--hf-ink);text-transform:none;letter-spacing:.2px}
.hf-reviews .hf-reviews__text{white-space:normal}
.hf-reviews .hf-reviews__dish span{font-weight:700;color:var(--hf-ink)}
.hf-reviews .hf-reviews__tags{display:flex;flex-wrap:wrap;gap:8px}
.hf-reviews .hf-reviews__tags li{padding:6px 12px;border:1px solid var(--hf-grey);border-radius:var(--hf-radius);font-family:var(--hf-font-body);font-size:var(--hf-size-small);font-weight:300;letter-spacing:.5px;line-height:1.3}
.hf-reviews .hf-reviews__photo img{width:160px;height:160px;object-fit:cover;border-radius:var(--hf-radius);display:block}
.hf-reviews .hf-reviews__item-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.hf-reviews .hf-reviews__pill{padding:4px 10px;border:1px solid var(--hf-gold);border-radius:var(--hf-radius);color:var(--hf-gold)}
.hf-reviews .hf-reviews__helpful,.hf-reviews .hf-reviews__helpful:hover{margin-left:auto;min-height:0;padding:0;border:0;background:none;color:var(--hf-gold);font-family:var(--hf-font-body);font-size:var(--hf-size-small);font-weight:300;letter-spacing:.5px;line-height:1.5;text-transform:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:none}
.hf-reviews .hf-reviews__helpful:hover{color:var(--hf-ink)}
.hf-reviews .hf-reviews__helpful[disabled]{opacity:.6;cursor:default;text-decoration:none}
.hf-reviews .hf-reviews__more{justify-self:start}
@media (prefers-reduced-motion:reduce){.hf-reviews[data-hf-reviews] *{transition:none!important;animation:none!important}}

/* Inline-Variante (Kundenkonto, Reiter „Bewertungen“: eine Box je Produkt in der Produktkarte). Wurzel ohne Kopf/Liste; CTA verschwindet beim Öffnen; Formular weiß auf grauer Karte. */
.hf-reviews--inline{display:grid;gap:12px;scroll-margin-top:120px}
.hf-reviews--inline .hf-reviews__inline-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.hf-reviews--inline.is-open .hf-reviews__inline-cta{display:none}
.hf-reviews--inline .hf-reviews__inline-close{display:none;justify-self:start}
.hf-reviews--inline.is-open .hf-reviews__inline-close{display:inline}
.hf-reviews--inline[data-hf-done] .hf-reviews__inline-close{display:none}
.hf-reviews--inline .hf-reviews__form{background:var(--hf-white);border:1px solid var(--hf-grey);padding:16px;scroll-margin-top:120px}
@media (min-width:700px){.hf-reviews--inline .hf-reviews__form{padding:20px}}
.hf-reviews--inline .hf-reviews__gate,.hf-reviews--inline .hf-reviews__done,.hf-reviews--inline .hf-reviews__blocked{background:var(--hf-grey-light)}
.hf-reviews--inline .hf-reviews__rate{justify-content:flex-start}
.hf-reviews--inline .hf-reviews__rate-text{text-align:left}