/* ─────────────────────────────────────────────────────────────────────────────
   Schenkgenie FESTLICH — „Einladungskarte, nicht Geschenkpapier"
   Feierlich-elegant: Elfenbein/Champagner-Grund, Gold-Akzente, Serifen-Display,
   feine Linien. Keine Schleife, keine Himbeere — Würde statt Verspieltheit.
   ──────────────────────────────────────────────────────────────────────────── */

@font-face {
  font-family: "Playfair Display";
  src: url("/assets/fonts/PlayfairDisplay.woff2") format("woff2");
  font-weight: 500 700;
  font-display: swap;
}

body.festlich {
  --elfenbein: #faf6ec;        /* Grund — warmes Elfenbein */
  --champagner: #f3ecdb;       /* Flächen/Panels */
  --karte-f: #fffdf6;          /* Karten — fast weiß, warm */
  --linie-f: #e5d9bf;          /* feine Linien */
  --tinte: #3b3326;            /* Lesetext — warmes Dunkelbraun */
  --tinte-soft: #8a7d64;
  --gold: #a8863b;             /* Akzent — gedecktes Gold */
  --gold-tief: #85661f;
  --serif: "Playfair Display", "Georgia", serif;

  color: var(--tinte);
  background:
    radial-gradient(ellipse 90% 55% at 50% -15%, rgba(213, 184, 120, .18), transparent 60%) no-repeat,
    var(--elfenbein);
}

/* Header: ruhig, mit goldenem Auftakt */
body.festlich .site-header { border-bottom: 1px solid var(--linie-f); }
body.festlich .site-header .brand { color: var(--tinte); font-family: var(--serif); font-weight: 600; }
body.festlich .site-header .brand::before { content: "✦ "; color: var(--gold); }
body.festlich .site-header nav a { color: var(--tinte); }
body.festlich .site-header nav a:hover { color: var(--gold-tief); }

/* Headlines: Serifen-Display mit feiner Goldlinie darunter */
body.festlich h1, body.festlich h2 {
  font-family: var(--serif); font-weight: 600; letter-spacing: 0;
  color: var(--tinte);
}
body.festlich h1 { font-size: clamp(1.9rem, 5vw, 2.9rem); line-height: 1.15; }
body.festlich h1::after {
  content: ""; display: block; width: 72px; height: 2px; margin-top: .55rem;
  background: linear-gradient(90deg, var(--gold), transparent);
}
body.festlich h2 { font-size: clamp(1.2rem, 2.7vw, 1.5rem); }
body.festlich a { color: var(--gold-tief); }

.fest-eyebrow {
  font-size: .78rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase;
  color: var(--gold); margin: 1.4rem 0 0;
}

/* Hero-Bild: schmale Doppellinie wie ein Passepartout-Rahmen */
.fest-hero {
  margin: 1.2rem 0 1.6rem; border-radius: 4px; overflow: hidden;
  border: 1px solid var(--linie-f);
  outline: 1px solid var(--gold); outline-offset: 5px;
  box-shadow: 0 14px 40px rgba(59, 51, 38, .12);
}
.fest-hero img { display: block; width: 100%; height: auto; }

/* Direct-Answer: Karte mit Goldrand */
body.festlich .direct-answer {
  background: var(--karte-f); color: var(--tinte);
  border: 1px solid var(--linie-f); border-left: 3px solid var(--gold);
  border-radius: 0 4px 4px 0;
  box-shadow: 0 2px 12px rgba(59, 51, 38, .06);
}

/* Genie-Karte: Einladungskarte statt Geschenkpaket */
body.festlich .gift-ribbon, body.festlich .gift-bow { display: none; }
body.festlich .gift-card {
  background: var(--karte-f);
  border: 1px solid var(--linie-f); border-radius: 4px;
  padding: 1.8rem 1.7rem;
  box-shadow: 0 0 0 5px var(--elfenbein), 0 0 0 6px var(--gold),
              0 16px 44px rgba(59, 51, 38, .12);
}
body.festlich .gift-card label { color: var(--tinte); font-weight: 600; }
body.festlich .gift-card input, body.festlich .gift-card select, body.festlich .gift-card textarea {
  background: #fff; border: 1px solid var(--linie-f); color: var(--tinte); border-radius: 4px;
}
body.festlich .gift-card ::placeholder { color: #b3a78e; }
body.festlich .gift-card input:focus-visible, body.festlich .gift-card select:focus-visible,
body.festlich .gift-card textarea:focus-visible, body.festlich .gift-card button:focus-visible,
body.festlich .chip:focus-visible { outline-color: var(--gold); }

body.festlich .gift-card button[type="submit"] {
  font-family: var(--font-body, sans-serif); font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase; font-size: .88rem;
  background: linear-gradient(180deg, var(--gold), var(--gold-tief));
  color: #fffdf6; border-radius: 4px;
  box-shadow: 0 6px 20px rgba(168, 134, 59, .35);
}
body.festlich .gift-card button[type="submit"]:hover { filter: brightness(1.06); }
body.festlich .tool-cta { color: var(--tinte-soft); }

/* Warten */
body.festlich .warten-text { color: var(--gold-tief); font-family: var(--serif); }
body.festlich .warten-balken { background: var(--champagner); border: 1px solid var(--linie-f); }
body.festlich .warten-fuellung { background: linear-gradient(90deg, var(--gold), #d5b878); }
body.festlich .warten-hinweis { color: var(--tinte-soft); }
body.festlich .sk-line { background: linear-gradient(90deg, var(--linie-f) 25%, var(--champagner) 50%, var(--linie-f) 75%); background-size: 200% 100%; }

/* Ideen-Karten: Menükarten-Stil */
body.festlich .idee { background: var(--karte-f); border: 1px solid var(--linie-f); border-radius: 4px; }
body.festlich .idee h3 { font-family: var(--serif); color: var(--gold-tief); }
body.festlich .idee .warum { color: var(--tinte); }
body.festlich .idee .preis {
  font-size: .78rem; letter-spacing: .05em;
  background: var(--champagner); border: 1px solid var(--gold); color: var(--gold-tief); border-radius: 3px;
}
body.festlich .such-link { color: var(--gold-tief); }

/* Chips: Tischkarten — Hairline, viel Luft */
body.festlich .chip {
  border-radius: 3px; border: 1px solid var(--linie-f);
  background: var(--karte-f); color: var(--tinte);
  font-weight: 600; padding: .6rem 1.05rem;
}
body.festlich .chip:hover { transform: translateY(-2px); border-color: var(--gold); color: var(--gold-tief); }

/* FAQ */
body.festlich .faq details { border-color: var(--linie-f); }
body.festlich .faq summary::marker { color: var(--gold); }

body.festlich .site-footer, body.festlich .site-footer nav a { color: var(--tinte-soft); }

/* ── Anlass-Akzente: eine Goldnote pro Fest, dezent ────────────────────────
   --gold steuert Eyebrow, Rahmen, Button, Preisschilder — Hochzeit bleibt
   der Champagner-Gold-Standard. */
body.anlass-geschenk-zur-geburt      { --gold: #b98a6e; --gold-tief: #96654a; }  /* Roségold */
body.anlass-taufgeschenke            { --gold: #7e9bb4; --gold-tief: #5a7a96; }  /* Taufwasser-Blau */
body.anlass-geschenkideen-kommunion  { --gold: #ab8f3c; --gold-tief: #86691a; }  /* Weizen-Gold */
body.anlass-geschenkideen-konfirmation { --gold: #8d7ba6; --gold-tief: #6b5a85; } /* gedecktes Violett */
body.anlass-geschenkideen-firmung    { --gold: #b0713c; --gold-tief: #8d5423; }  /* Kupfer-Flamme */