/* assets/css/redaktion.css
   ---------------------------------------------------------------------
   Kopf und Fuss im redaktionellen Stil, passend zur neuen Startseite.

   Diese Datei aendert nichts an der Technik: Navigation, Aufklappmenues,
   Warenkorb, Sprachwahl und der Cookie-Hinweis bleiben, wie sie sind.
   Sie legt sich nur ueber die Farben und Formen aus templates/header.php
   und templates/footer.php.

   ZURUECKDREHEN: In templates/header.php die beiden Zeilen loeschen, die
   diese Datei und die Schrift Archivo einbinden. Dann sieht alles wieder
   aus wie vorher, ohne dass sonst etwas angefasst werden muss.
   --------------------------------------------------------------------- */

:root{
  --rd-grund:#0B0B0F;
  --rd-text:#F2F0EC;
  --rd-leise:#ABA79F;
  --rd-linie:#2A2A33;
  --rd-akzent:#37E6E6;
  --rd-schrift:"Archivo","Helvetica Neue",Arial,sans-serif;
}

/* ====================== KOPF ====================== */
header{
  background:var(--rd-grund) !important;
  box-shadow:none !important;
  border-bottom:1px solid var(--rd-linie);
}
.header-container{padding:1.1rem 2rem !important}

/* Wortmarke: kein Neon mehr */
.logo{
  font-family:var(--rd-schrift);
  color:var(--rd-text) !important;
  text-shadow:none !important;
  font-size:1.35rem !important;
  font-weight:600 !important;
  letter-spacing:.02em !important;
}
.logo:hover{transform:none !important;color:var(--rd-akzent) !important}

/* Navigation: Text statt Pillen */
.nav{gap:1.6rem !important;align-items:center}
.nav-link,
.nav-dropdown-trigger{
  font-family:var(--rd-schrift);
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:.35rem 0 !important;
  color:var(--rd-text) !important;
  font-size:1rem !important;
  font-weight:400 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  transition:color .2s ease !important;
}
.nav-link:hover,
.nav-dropdown-trigger:hover{
  background:transparent !important;
  color:var(--rd-akzent) !important;
  transform:none !important;
}

/* Der Adventskalender und der Shop duerfen sich abheben, aber leise */
.nav-link.advent-button{color:var(--rd-akzent) !important;border:0 !important;animation:none !important}
.nav-link.advent-button:hover{color:var(--rd-text) !important}
.nav-link.highlight{
  color:var(--rd-grund) !important;background:var(--rd-text) !important;
  padding:.45rem 1rem !important;font-weight:500 !important;
}
.nav-link.highlight:hover{background:var(--rd-akzent) !important;color:var(--rd-grund) !important}

/* ---------------------------------------------------------------
   BETON-KOPF (02.10.2026): dunkle Betonplatte mit Stahlkante,
   MAXR als Praegung, Laterne und Goldschluessel als Bildsymbole.
   Zurueckdrehen: diesen Block bis "Ende Beton-Kopf" loeschen.
   --------------------------------------------------------------- */
header{
  background:linear-gradient(rgba(12,12,14,.42),rgba(12,12,14,.42)),#1a1a1d url('/assets/img/kopf/beton.webp') center/cover repeat-x !important;
  border-bottom:0 !important;
  position:relative;
}
header::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;pointer-events:none;
  background:linear-gradient(180deg,#9a9da3 0%,#e6e8eb 40%,#6c6f75 100%);
  box-shadow:0 2px 6px rgba(0,0,0,.55);
}
.logo{
  color:#5d5e63 !important;
  font-weight:600 !important;
  font-size:1.7rem !important;
  letter-spacing:.07em !important;
  text-shadow:0 1px 0 rgba(255,255,255,.28),0 -1px 1px rgba(0,0,0,.95),0 0 1px rgba(0,0,0,.6) !important;
}
.logo:hover{color:#7a7b80 !important}
.nav-link,.nav-dropdown-trigger{text-shadow:0 1px 2px rgba(0,0,0,.6) !important}
.kopf-symbol{height:34px;width:auto;vertical-align:middle;margin-right:.35rem;filter:drop-shadow(0 0 6px rgba(255,190,90,.45));transition:transform .25s ease}
.nav-link:hover .kopf-symbol{transform:translateY(-2px) rotate(-6deg)}
.nav-link.advent-button,.nav-link.gold-button{
  display:inline-flex !important;align-items:center;
  background:transparent !important;border:0 !important;box-shadow:none !important;animation:none !important;
}
.nav-link.advent-button{color:var(--rd-text) !important}
.nav-link.gold-button{color:#f0cf74 !important}
.nav-link.advent-button:hover{color:var(--rd-akzent) !important}
.nav-link.gold-button:hover{color:#fff1c2 !important}
.mobile-link.advent-mobile,.mobile-link.gold-mobile{display:flex !important;align-items:center;gap:.4rem}
.kopf-symbol.klein{height:24px;margin-right:.3rem}
.menue-symbol{width:24px;height:24px;vertical-align:middle;margin-right:.55rem;filter:drop-shadow(0 0 4px rgba(255,190,90,.35))}
.nav-dropdown-menu a:hover .menue-symbol{transform:scale(1.12)}
/* Shop als Stahlplakette */
.nav-link.highlight{
  background:url('/assets/img/kopf/schild.webp') center/100% 100% no-repeat !important;
  color:#1d1d20 !important;text-shadow:0 1px 0 rgba(255,255,255,.55) !important;
  padding:.5rem 1.25rem !important;font-weight:600 !important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));
}
.nav-link.highlight:hover{background:url('/assets/img/kopf/schild.webp') center/100% 100% no-repeat !important;color:#000 !important;filter:drop-shadow(0 0 8px rgba(255,220,150,.45)) brightness(1.08)}
/* Warenkorb ohne graue Kachel */
.cart-button.cart-empty{background:transparent !important;border:0 !important}
.kopf-warenkorb{width:30px;height:30px;display:block;filter:drop-shadow(0 0 5px rgba(255,190,90,.35))}
/* Flaggen: alle sichtbar, die gewaehlte hervorgehoben */
.lang-flag{opacity:.85 !important;filter:none !important}
.lang-flag:hover{opacity:1 !important}
.lang-flag.active{opacity:1 !important;outline:1px solid #d4a63a;outline-offset:1px}
/* Ende Beton-Kopf */

/* Aufklappmenue: flach, mit Haarlinie */
.nav-dropdown-menu{
  background:#101017 !important;
  border:1px solid var(--rd-linie) !important;
  border-radius:0 !important;
  box-shadow:0 18px 40px rgba(0,0,0,.6) !important;
  padding:.4rem !important;
}
.nav-dropdown-menu a{
  font-family:var(--rd-schrift);
  border-radius:0 !important;
  color:var(--rd-text) !important;
  font-size:.98rem !important;
}
.nav-dropdown-menu a:hover{background:#1A1A22 !important;color:var(--rd-akzent) !important}
.nav-dropdown-menu .divider{background:var(--rd-linie) !important;border-color:var(--rd-linie) !important}

/* Warenkorb und Sprachen: Form beruhigen, Funktion unveraendert */
.cart-button{
  background:transparent !important;border:1px solid var(--rd-linie) !important;
  border-radius:0 !important;box-shadow:none !important;
}
.cart-button:hover{border-color:var(--rd-text) !important;transform:none !important}
.cart-number{border-radius:0 !important}
.lang-switcher{gap:.4rem !important}
.lang-flag{border-radius:0 !important;opacity:.6;transition:opacity .2s}
.lang-flag:hover,.lang-flag.active{opacity:1}
.community-badge{border-radius:0 !important;font-family:var(--rd-schrift)}

/* Mobiles Menue */
.mobile-menu,.mobile-menu-content{background:#101017 !important;border-color:var(--rd-linie) !important}
.mobile-link,.mobile-sub-link{
  font-family:var(--rd-schrift);border-radius:0 !important;
  background:transparent !important;border:0 !important;border-bottom:1px solid var(--rd-linie) !important;
  color:var(--rd-text) !important;
}
.mobile-link:hover,.mobile-sub-link:hover{color:var(--rd-akzent) !important;background:transparent !important}
.mobile-section-title{font-family:var(--rd-schrift);color:var(--rd-leise) !important}
.mobile-toggle{color:var(--rd-text) !important}

/* ====================== FUSS ====================== */
/* Die Fusszeile gestaltet sich seit dem Umbau selbst, direkt in
   templates/footer.php. So stimmt sie auch dann, wenn diese Datei
   einmal nicht geladen wird. Hier steht darum nichts mehr dazu. */

/* Cookie-Hinweis: nur die Form, nichts an der Logik */
.cb-sheet{background:#101017 !important;border-top:1px solid var(--rd-linie) !important;border-radius:0 !important;font-family:var(--rd-schrift)}
.cb-card{background:#15151C !important;border:1px solid var(--rd-linie) !important;border-radius:0 !important}
.cb-btn{border-radius:0 !important;font-family:var(--rd-schrift)}
.cb-btn-accept{background:var(--rd-text) !important;color:var(--rd-grund) !important;border:1px solid var(--rd-text) !important}
.cb-btn-reject,.cb-btn-save{background:transparent !important;color:var(--rd-text) !important;border:1px solid var(--rd-linie) !important}
.cb-trigger{border-radius:0 !important;background:#15151C !important;border:1px solid var(--rd-linie) !important}

@media (max-width:860px){
  .header-container{padding:.9rem 1rem !important}
  footer[role="contentinfo"] .footer-content{align-items:flex-start !important;text-align:left !important}
}
@media (prefers-reduced-motion:reduce){
  .nav-link,.nav-dropdown-trigger,.footer-links a,.tune-twist-link{transition:none !important}
}