/* =========================================================================
   aegypten-de-2026 — Plugin-/Modul-Teaser an die Theme-Palette anpassen
   Behebt das Bootstrap-Blau von:
   - fm720 Reisepreisvergleich-Teaser (.top-boxes .panel-primary / .btn-info)
   - "Mehr zu <Ort>"-Related-Box (.same-destination)
   Palette: --nil #1d2746 · --sand #e6d6ad · --terra/Gold #bf9b4e · --bg #faf6ec
   ========================================================================= */

/* ---------- fm720 Reisepreisvergleich-Teaser ---------- */
.top-boxes .panel,
.t04 .panel { border-radius: var(--r, 6px); overflow: hidden; box-shadow: var(--shadow-sm, 0 2px 8px rgba(60,42,20,.08)); }

.top-boxes .panel-primary,
.t04 .panel-primary { border-color: var(--sand-deep, #d8c190) !important; }

.top-boxes .panel-primary > .panel-heading,
.top-boxes .panel-heading.link,
.t04 .panel-heading {
  background-color: var(--nil, #1d2746) !important;
  background-image: none !important;
  border-color: var(--nil, #1d2746) !important;
  color: var(--white, #fffdf9) !important;
}
.top-boxes .panel-heading.link:hover,
.top-boxes .panel-heading.link:focus { background-color: var(--nil-soft, #33406a) !important; }
.top-boxes .panel-heading .glyphicons,
.top-boxes .panel-heading .glyphicon { color: inherit !important; }

/* Buttons: aus Bootstrap-Cyan (.btn-info) wird Theme-Gold */
.top-boxes .btn-info,
.t04 .btn-info,
.same-destination .btn-info {
  background-color: var(--terra, #bf9b4e) !important;
  border-color: var(--terra-deep, #a07f33) !important;
  color: #23201a !important;
}
.top-boxes .btn-info:hover,
.top-boxes .btn-info:focus,
.t04 .btn-info:hover,
.same-destination .btn-info:hover {
  background-color: var(--terra-deep, #a07f33) !important;
  border-color: var(--terra-deep, #a07f33) !important;
  color: var(--white, #fffdf9) !important;
}

/* ---------- "Mehr zu <Ort>" Related-Box (.same-destination) ---------- */
.same-destination { background-color: var(--bg-warm, #f1ead9); }

.same-destination h2.hr,
.same-destination .hr { color: var(--nil, #1d2746) !important; }
.same-destination h2.hr::before,
.same-destination h2.hr::after { background-color: var(--terra, #bf9b4e) !important; border-color: var(--terra, #bf9b4e) !important; }

.same-destination .same-destination-item-inner {
  background-color: var(--white, #fffdf9);
  border: 1px solid var(--sand-deep, #d8c190);
  border-radius: var(--r, 6px);
  box-shadow: var(--shadow-sm, 0 2px 8px rgba(60,42,20,.08));
  transition: box-shadow .2s ease, transform .2s ease;
}
.same-destination .same-destination-item:hover .same-destination-item-inner { box-shadow: var(--shadow, 0 12px 32px rgba(60,42,20,.14)); transform: translateY(-2px); }

.same-destination .same-destination-headline,
.same-destination .same-destination-item .h3,
.same-destination [data-mh="same-destination-headline"] { color: var(--terra-deep, #a07f33) !important; }

.same-destination a,
.same-destination .same-destination-item a { color: var(--nil, #1d2746); }
.same-destination a:hover,
.same-destination .same-destination-item a:hover { color: var(--terra-deep, #a07f33); }

.same-destination .btn,
.same-destination .btn-primary {
  background-color: var(--nil, #1d2746) !important;
  border-color: var(--nil, #1d2746) !important;
  color: var(--white, #fffdf9) !important;
}
.same-destination .btn:hover,
.same-destination .btn-primary:hover {
  background-color: var(--terra-deep, #a07f33) !important;
  border-color: var(--terra-deep, #a07f33) !important;
  color: var(--white, #fffdf9) !important;
}