/* Footer (Doktorfy/easyda): weiss, schwarze Schrift, Shop-UX (Bewertung, Zahlungs- und Versandlogos).
   Nur Tokens aus tokens.css; Marken-Logofarben ueber --logo-*. Markup: includes/footer-public.php, includes/components/footer-trust.php */
.site-footer{background:var(--white);border-top:1px solid var(--border);margin-top:3rem;padding:0 0 1rem;color:var(--black)}
.footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}

/* Vertrauensleiste: Bewertung + Vorteile */
.ft-trust{display:grid;grid-template-columns:minmax(320px,1.5fr) repeat(4,minmax(0,1fr));gap:1rem;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--border)}
.ft-rating{display:flex;align-items:center;gap:.75rem}
.ft-stars{font-size:26px;letter-spacing:2px;line-height:1;background:linear-gradient(90deg,var(--rating) var(--fill,100%),var(--gray-4) var(--fill,100%));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ft-rating-txt{display:flex;flex-direction:column;gap:2px}
.ft-rating-txt b{font-size:16px;font-weight:800;color:var(--black)}
.ft-rating-txt small{font-size:12px;color:var(--black);opacity:.7;line-height:1.35}
.footer-usp{display:grid;grid-template-columns:38px 1fr;column-gap:.65rem;align-items:center;text-align:left}
.footer-usp .usp-icon{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--gray-6);color:var(--black);margin:0}
.footer-usp strong{display:block;font-size:14px;font-weight:700;color:var(--black)}
.footer-usp span:not(.usp-icon){display:block;font-size:12px;color:var(--black);opacity:.7}

/* Hauptbereich */
.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:2rem;padding:2rem 0 1.25rem}
.footer-logo{font-size:1.5rem;font-weight:800;color:var(--black);margin-bottom:.5rem}
.footer-logo-img{height:30px;width:auto;display:block;margin-bottom:.75rem}
.footer-brand p{font-size:14px;color:var(--black);margin:.5rem 0;line-height:1.5}
.footer-links h4{font-size:14px;font-weight:800;margin:0 0 .75rem;color:var(--black);letter-spacing:.2px}
.footer-links a{display:block;font-size:14px;color:var(--black);text-decoration:none;margin-bottom:.55rem}
.footer-links a:hover{text-decoration:underline}

/* Zahlungs- und Versandlogos */
.ft-pay{display:flex;flex-wrap:wrap;gap:1.25rem 2.5rem;padding:1.25rem 0;border-top:1px solid var(--border)}
.ft-pay-group{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}
.ft-pay-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--black)}
.ft-chips{display:flex;gap:.5rem;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.ft-chip{display:flex;align-items:center;justify-content:center;height:36px;width:76px;padding:0 .7rem;border:1px solid var(--border);border-radius:8px;background:var(--white)}
.ft-logo{display:block;width:auto;max-width:100%;height:16px;color:var(--logo-ink)}
.ft-chip-text{font-size:12px;font-weight:700;color:var(--black)}
/* optisch gleich grosse Logos: Hoehe je Seitenverhaeltnis */
.ft-logo--visa{height:13px}.ft-logo--mastercard{height:22px}.ft-logo--amex{height:22px}.ft-logo--klarna{height:15px}.ft-logo--paypal{height:20px}
.ft-logo--googlepay{height:16px}.ft-logo--applepay{height:17px}.ft-logo--dhl{height:9px}.ft-logo--dpd{height:20px}.ft-logo--uber{height:13px}

/* Logos inline (Kasse): gleiche einfarbige Logos ohne Rahmen */
.ft-inline{display:flex;align-items:center;gap:.9rem;margin-top:.45rem}
.ft-inline .ft-logo{opacity:.85}
.ft-inline--pay{justify-content:center;margin:.9rem 0 .2rem}
.ft-inline--pay .ft-logo{height:14px}.ft-inline--pay .ft-logo--mastercard,.ft-inline--pay .ft-logo--amex{height:20px}.ft-inline--pay .ft-logo--klarna{height:13px}.ft-inline--pay .ft-logo--visa{height:12px}
.ft-inline--sm{margin:0 .1rem;gap:.6rem}
.ft-inline--sm .ft-logo{height:10px}.ft-inline--sm .ft-logo--mastercard,.ft-inline--sm .ft-logo--amex{height:16px}.ft-inline--sm .ft-logo--klarna{height:11px}.ft-inline--sm .ft-logo--visa{height:9px}
.ft-inline .ft-logo--dhl{height:9px}.ft-inline .ft-logo--dpd{height:17px}.ft-inline .ft-logo--uber{height:10px}

/* Fuss */
.footer-bottom{border-top:1px solid var(--border);padding-top:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-size:13px;color:var(--black)}
.footer-legal-links{display:flex;gap:16px;flex-wrap:wrap}
.footer-legal-links a{color:var(--black);font-size:13px;text-decoration:none}.footer-legal-links a:hover{text-decoration:underline}
.footer-reg{opacity:.7}

@media(max-width:1000px){.ft-trust{grid-template-columns:1fr 1fr}.ft-rating{grid-column:1/-1}}
@media(max-width:768px){
  .site-footer{margin-top:2rem}
  .ft-trust{gap:.75rem;padding:1rem 0}
  .footer-usp span:not(.usp-icon){display:none}
  .footer-usp .usp-icon{width:32px;height:32px}
  .footer-main{grid-template-columns:1fr;gap:0;padding:1rem 0 .5rem}
  .footer-brand{padding-bottom:.75rem}
  .footer-links{border-top:1px solid var(--border)}
  .footer-links h4{display:flex;justify-content:space-between;align-items:center;margin:0;padding:14px 0;min-height:44px;cursor:pointer;font-size:15px}
  .footer-links h4::after{content:"+";font-size:20px;font-weight:400;line-height:1;color:var(--black)}
  .footer-links.is-open h4::after{content:"–"}
  .footer-links>*:not(h4){display:none}
  .footer-links.is-open>a{display:block}
  .footer-links.is-open{padding-bottom:6px}
  .ft-pay{gap:1rem}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  #zlai-teaser{display:none!important}
}

/* v3-Footer: gleiche Bausteine (Bewertung, Zahlung, Versand) */
.v3f-trust{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}
.v3f-trust .ft-pay{border-top:0;padding:0}