/* ============================================================================
 * FOOTER — Klickhome
 * ----------------------------------------------------------------------------
 * EINZIGE QUELLE der Footer-Styles. Wird in layout/header.tpl auf JEDER Seite
 * geladen, ausdruecklich AUCH im Bestellvorgang (PAGE_BESTELLVORGANG).
 *
 * WARUM DIESE DATEI EXISTIERT
 * Die Kassenseite laedt nicht custom.css, sondern checkout-onepage.css. Der
 * Footer ist auf allen Seiten derselbe, seine Regeln lagen aber nur in
 * custom.css -> in der Kasse stand er voellig ungestylt da (nackte <ul> mit
 * Standard-Aufzaehlungspunkten, blaue Links, Zahlungslogos untereinander).
 * Am 22.06.2026 wurde das schon einmal repariert, indem die damaligen Regeln
 * nach checkout-onepage.css KOPIERT wurden (CO-03). Sechs Tage spaeter kam das
 * Footer-Redesign (PR #24) — nur in custom.css. Die Kopie veraltete, der Fehler
 * war zurueck und blieb es zweieinhalb Monate.
 *
 * Deshalb: keine zweite Kopie mehr. Footer-Regeln gehoeren AUSSCHLIESSLICH
 * hierher. Wer den Footer aendert, aendert ihn damit automatisch auch in der
 * Kasse. Nichts in checkout-onepage.css oder custom.css nachbauen.
 * ============================================================================ */

/* ============================================================
 * 11. FOOTER
 * ============================================================ */

#footer {
  padding: 2rem 0 0;
  font-size: 15px !important;
}

#copyright {
  display: none;
}

/* === KH FOOTER STRETCH START === */
/* Footer "ausgestreckt" wie Live klickhome.de: alle Footer-Bloecke auf eine breite,
   einheitliche Linie ziehen. Aktuell gibt es nur 2 Linkgruppen (Unternehmen / Infos),
   die links kleben -> wir verteilen sie ueber die volle Breite. Fuer den echten
   6-Spalten-Look (wie Live) muessten weitere Linkgruppen im JTL-Admin angelegt werden. */
@media (min-width:992px){
  #footer > .container.d-print-none{max-width:min(1440px,calc(100% - 64px))}
  /* erste Reihe = Linkgruppen gleichmaessig ueber die Breite verteilen */
  #footer > .container.d-print-none > .row:first-of-type{justify-content:space-evenly}
  #footer > .container.d-print-none > .row:first-of-type > .col{flex:0 1 auto;max-width:300px}
}
/* Zahlungs-/Versand- und Rechts-Reihe buendig auf dieselbe breite Linie */
.kh-footer-pay__inner,
.kh-footer-legal{max-width:min(1440px,calc(100% - 64px))!important}
/* === KH FOOTER STRETCH END === */

/* ============================================================================
 * KH FOOTER REDESIGN 2026 — durchgaengiges Marken-Blau-Band
 * Such-CTA(band-1) -> Trust(band-2) -> Link-Block(bg) -> Payment/Social(bg)
 * -> Bottom-Bar(bg-bottom). Alle Farben aus brand.css-Tokens (--footer-*).
 * Tokens/Modifier statt Hex; .rt-trust--footer ist load-order-immun ggü.
 * checkout-premium.css. NOVA-Base unangetastet.
 * ============================================================================ */

/* --- Footer-Koerper + Parent-Reste neutralisieren --- */
#footer{background:var(--footer-bg);color:var(--footer-fg);padding:0;margin-top:0;font-size:15px !important}
#footer > .container.d-print-none{padding-top:46px;padding-bottom:6px}
#footer .footnote-vat{display:none}              /* VAT-Hinweis lebt jetzt in der Bottom-Bar */
#footer #copyright{display:none}                  /* Powered-by/JTL aus */
#footer a:not(.btn){color:var(--footer-fg-muted)}
#footer a:not(.btn):hover{color:var(--footer-fg) !important}

/* --- Trust-Band, Footer-Variante (dunkles Blau, helle Typo) --- */
.rt-trust.rt-trust--footer{background:var(--footer-band-2);border-top:0;border-bottom:1px solid var(--footer-line)}
.rt-trust--footer .rt-trust__item{background:rgba(255,255,255,.06);border:1px solid var(--footer-chip-bd)}
.rt-trust--footer .rt-trust__item:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.40);box-shadow:none;transform:translateY(-1px)}
.rt-trust--footer .rt-trust__icon{background:rgba(255,255,255,.12);color:#fff}
.rt-trust--footer .rt-trust__title{color:var(--footer-fg)}
.rt-trust--footer .rt-trust__sub{color:var(--footer-fg-muted)}
.rt-trust--footer .rt-trust__link{color:var(--footer-cta)}
.rt-trust--footer .rt-trust__link:hover,.rt-trust--footer .rt-trust__link:focus{color:#fff}

/* --- Hauptblock: Brand + 4 Spalten --- */
.kh-foot-main{max-width:min(1320px,calc(100% - 48px));margin:0 auto}
.kh-foot-main__inner{display:grid;grid-template-columns:minmax(255px,1.15fr) 2.5fr;gap:38px 52px;padding-bottom:6px}

.kh-foot-brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.kh-foot-brand__logo img{height:32px;width:auto;display:block}
.kh-foot-brand__claim{margin:0;color:var(--footer-fg-muted);font-size:14.5px;line-height:1.45}
.kh-foot-brand__addr{margin:0;font-style:normal;color:var(--footer-fg-muted);font-size:13.5px;line-height:1.55}
.kh-foot-brand__addr strong{color:var(--footer-fg);font-weight:700}
.kh-foot-brand__contact{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--footer-chip-bd);border-radius:999px;padding:9px 16px;color:var(--footer-fg) !important;font-weight:600;font-size:13.5px;text-decoration:none;transition:background .15s,border-color .15s}
.kh-foot-brand__contact:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.45)}

/* Google-Bewertungs-Widget */
.kh-foot-google{display:inline-flex;align-items:center;flex-wrap:wrap;gap:11px;background:rgba(255,255,255,.07);border:1px solid var(--footer-chip-bd);border-radius:12px;padding:10px 14px;text-decoration:none;transition:background .15s,border-color .15s}
.kh-foot-google:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.40)}
.kh-foot-google__g{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;background:#fff;border-radius:50%}
.kh-foot-google__body{display:flex;flex-direction:column;gap:1px}
.kh-foot-google__top{display:flex;align-items:center;gap:7px}
.kh-foot-google__val{color:var(--footer-fg);font-family:var(--font-display);font-weight:800;font-size:16px;line-height:1}
.kh-foot-google__stars{display:inline-flex;gap:1px;color:#FBBC04}
.kh-foot-google__sub{color:var(--footer-fg-muted);font-size:12px}
.kh-foot-google__verified{color:#7ee0b3;font-weight:600}
.kh-foot-google__cta{color:var(--footer-cta);font-weight:700;font-size:12.5px;margin-left:2px}
@media(max-width:430px){.kh-foot-google__cta{flex-basis:100%;margin-left:41px}}

/* 4 Link-Spalten (Desktop = offen/statisch, Mobile = Accordion) */
.kh-foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.kh-foot-col{min-width:0}
.kh-foot-col__head{position:relative;margin:0 0 14px;font-family:var(--font-display);font-weight:700;font-size:13.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--footer-fg);list-style:none}
.kh-foot-col__head::-webkit-details-marker{display:none}
.kh-foot-col__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.kh-foot-col__list a{color:var(--footer-fg-muted);font-size:14px;text-decoration:none;transition:color .12s}
.kh-foot-col__list a:hover{color:var(--footer-fg);text-decoration:underline;text-underline-offset:3px}
.kh-foot-col__sale{color:var(--footer-cta) !important;font-weight:700}
@media(min-width:576px){.kh-foot-col__head{pointer-events:none}}

/* Marken-/Beliebte-Reihe */
.kh-foot-brands{max-width:min(1320px,calc(100% - 48px));margin:26px auto 0;padding-top:22px;border-top:1px solid var(--footer-line);display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.kh-foot-brands__label{color:var(--footer-fg-muted);font-size:13px;font-weight:600}
.kh-foot-brands__list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.kh-foot-brands__list a{display:inline-block;background:var(--footer-chip-bg);border:1px solid var(--footer-chip-bd);border-radius:999px;padding:5px 14px;color:var(--footer-fg-muted) !important;font-size:13px;text-decoration:none;transition:background .12s,color .12s,border-color .12s}
.kh-foot-brands__list a:hover{background:rgba(255,255,255,.16);color:#fff !important;border-color:rgba(255,255,255,.40)}

/* --- Payment / Versand / Social --- */
.kh-footer-pay{max-width:min(1320px,calc(100% - 48px));margin:24px auto 0;padding-top:22px;border-top:1px solid var(--footer-line);font-size:14px}
.kh-footer-pay__inner{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:flex-start;justify-content:space-between}
.kh-footer-pay__col{display:flex;flex-direction:column;gap:9px}
.kh-footer-pay__label{color:var(--footer-fg-muted);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em}
.kh-footer-pay__icons{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0}
.kh-footer-pay__icons img{display:block;width:auto;background:#fff;border-radius:6px;padding:4px 7px}
.kh-footer-pay__txt{display:inline-block;background:rgba(255,255,255,.10);border:1px solid var(--footer-chip-bd);border-radius:6px;padding:5px 10px;color:var(--footer-fg);font-weight:600;font-size:12px}
.kh-foot-social{list-style:none;display:flex;gap:10px;margin:0;padding:0}
.kh-foot-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid var(--footer-chip-bd);color:var(--footer-fg);transition:background .15s,color .15s,border-color .15s,transform .12s}
.kh-foot-social a:hover{background:#fff;color:var(--brand-primary-deep) !important;border-color:#fff;transform:translateY(-2px)}

/* --- Bottom-Bar: Copyright + Rechts-Links + Widerruf-Outline --- */
.kh-foot-bottom{background:var(--footer-bg-bottom);margin-top:24px}
.kh-foot-bottom__inner{max-width:min(1320px,calc(100% - 48px));margin:0 auto;padding:15px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px}
.kh-foot-bottom__copy{display:flex;flex-direction:column;gap:2px;color:var(--footer-fg-faint);font-size:12.5px}
.kh-foot-bottom__vat{font-size:11.5px;color:var(--footer-fg-faint)}
.kh-foot-bottom__legal{display:flex;flex-wrap:wrap;gap:6px 18px}
.kh-foot-bottom__legal a{color:var(--footer-fg-muted) !important;font-size:12.5px;text-decoration:none}
.kh-foot-bottom__legal a:hover{color:#fff !important;text-decoration:underline;text-underline-offset:3px}
.kh-foot-revoke{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.40);border-radius:999px;padding:8px 16px;color:var(--footer-fg) !important;font-size:12.5px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}
.kh-foot-revoke:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff !important}
.kh-foot-revoke svg{flex:0 0 auto}

/* --- Responsive --- */
@media(max-width:991px){
  .kh-foot-main__inner{grid-template-columns:1fr;gap:30px}
  .kh-foot-cols{grid-template-columns:1fr 1fr;gap:6px 28px}
}
@media(max-width:767px){
  .kh-footer-pay__inner{flex-direction:column;gap:18px}
  .kh-foot-bottom__inner{flex-direction:column;align-items:flex-start;gap:12px}
}
@media(max-width:575.98px){
  .kh-foot-cols{grid-template-columns:1fr;gap:0}
  .kh-foot-col{border-bottom:1px solid var(--footer-line)}
  .kh-foot-col__head{margin:0;padding:15px 24px 15px 0;font-size:15px;text-transform:none;letter-spacing:0;cursor:pointer}
  .kh-foot-col__head::after{content:"";position:absolute;right:4px;top:50%;width:9px;height:9px;border-right:2px solid var(--footer-fg-muted);border-bottom:2px solid var(--footer-fg-muted);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
  .kh-foot-col[open] > .kh-foot-col__head::after{transform:translateY(-30%) rotate(-135deg)}
  .kh-foot-col__list{padding-bottom:15px}
}
/* === KH FOOTER REDESIGN END === */