/* ============================================
   EVENT-BROWN-THEME.CSS
   Braun/Beige-Farbschema NUR für Vor-Ort Event-LPs
   Ersetzt Grün (#018959) und Blau (#062134)
   Erlaubte Farben: Braun #66533f, Beige #ede9e6,
   Schattierungen davon, Schwarz für Text
   ============================================ */

:root {
  /* ── Primary: Grün → Braun ── */
  --color-primary: #66533f;
  --color-primary-hover: #4d3e2f;
  --color-primary-light: rgba(102, 83, 63, 0.12);

  /* ── Navy → Dunkelbraun ── */
  --color-navy: #3d2e1f;
  --color-navy-dark: #3d2e1f;

  /* ── Beige-Töne angepasst ── */
  --color-beige: #ede9e6;
  --color-beige-light: #f5f2ef;
  --color-off-white: #f9f7f5;
}

/* ── Hero Overlay: wärmer/brauner ── */
.hero__overlay {
  background: linear-gradient(
    135deg,
    rgba(102, 83, 63, 0.88) 0%,
    rgba(102, 83, 63, 0.6) 50%,
    rgba(62, 50, 38, 0.4) 100%
  );
}

/* ── Testimonial Overlay: Grün → Braun ── */
.testimonial-card__overlay {
  background: linear-gradient(
    to bottom,
    rgba(102, 83, 63, 0.3) 0%,
    rgba(102, 83, 63, 0.85) 60%,
    rgba(102, 83, 63, 0.95) 100%
  );
}

/* ── Footer: Navy → Dunkelbraun ── */
.footer {
  background-color: #3d2e1f;
}

/* ── Cookie-Banner Link ── */
.cookie-banner__text a {
  color: #66533f;
}

/* ── Cookie OK Button ── */
.cookie-banner__btn--accept {
  background: #66533f;
}

/* ── Link Hover ── */
a:hover {
  color: #66533f;
}

/* ── Form Checkbox Link ── */
.form-checkbox label a {
  color: #66533f;
}

/* ── event-extended.css Overrides (hardcoded Grün-Hover) ── */
.btn--outline:hover {
  border-color: #66533f;
  background: rgba(102, 83, 63, 0.03);
}

.radio-card:hover {
  border-color: #66533f;
  background: rgba(102, 83, 63, 0.03);
}

.timeslot-checkbox:hover {
  border-color: #66533f;
  background: rgba(102, 83, 63, 0.03);
}

.agenda__item:hover {
  background: rgba(102, 83, 63, 0.03);
}

/* ── Hero-Badges: bessere Lesbarkeit über Bild ── */
.badge--urgency,
.badge--family,
.badge--online {
  background: rgba(255, 255, 255, 0.95);
  color: #BF360C;
}

.badge--online svg {
  stroke: #BF360C;
  fill: none;
}

/* ── Hero-Badges: gleiche Höhe ausrichten ── */
.hero__badge-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* ── Hero-Logos: sauberes Weiß ohne Glow ── */
.hero__logos img {
  filter: brightness(0) invert(1);
}

/* ── Hero-Meta-Icons: weiß statt braun ── */
.hero__meta-item svg {
  stroke: #ffffff;
}