/* ================================================================
   buffets-styles.css  -  Samstagsbueffet & Sonntagsbrunch
   ================================================================
   VERSION: 2
   ABLAGEORT: /site/templates/styles/buffets-styles.css

   Wird nur auf der Buffets-Seite geladen (siehe _main.php,
   $rivaNeedsBuffets). Seiten-Header/Basis-Klassen kommen bereits
   aus header-styles.css.

   Datei enthaelt nur ASCII-Zeichen.
   ================================================================ */

/* ---------- Buffet-Bloecke (editoriell, alternierend) ---------- */
.buffets-wrap{padding:80px 0;}
.buffet-block{
  display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;
  margin-bottom:100px;
}
.buffet-block:last-child{margin-bottom:0;}
.buffet-block.reverse{grid-template-columns:1fr 1.05fr;}
.buffet-block.reverse .buffet-media{order:2;}

.buffet-media{position:relative;aspect-ratio:4/3;border-radius:4px;overflow:hidden;box-shadow:var(--shadow-2);}
.buffet-media .ph-flat{height:100%;border:none;border-radius:0;}
.buffet-day-badge{
  position:absolute;top:18px;left:18px;z-index:2;width:56px;height:56px;border-radius:50%;
  background:var(--navy);color:var(--accent);display:flex;align-items:center;justify-content:center;
  font-family:'Oswald',sans-serif;font-weight:600;font-size:16px;box-shadow:var(--shadow-2);
}

.buffet-copy h2{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:30px;margin:8px 0 6px;}
.buffet-copy .b-time{font-family:'Caveat',cursive;font-weight:600;font-size:19px;color:var(--accent-deep);display:block;margin-bottom:18px;}
.buffet-copy p{font-size:16.5px;line-height:1.75;color:var(--text-muted);font-weight:300;margin:0 0 20px;}

.buffet-price{
  display:flex;align-items:baseline;gap:10px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px dotted var(--line);flex-wrap:wrap;
}
.buffet-price b{font-family:'Oswald',sans-serif;font-weight:600;font-size:28px;color:var(--text);}
.buffet-price span{font-size:14px;color:var(--text-muted);}
.buffet-price small{display:block;width:100%;font-size:13px;color:var(--text-muted);margin-top:4px;}

.buffet-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;}
.buffet-tags span{
  font-size:13px;font-weight:500;padding:8px 16px;border:1px solid var(--line);border-radius:20px;color:var(--text-muted);
}

/* ---------- Gut zu wissen ---------- */
.faq-wrap{background:var(--surface-alt);padding:70px 0;}
.faq-head{text-align:center;max-width:600px;margin:0 auto 40px;}
.faq-head h2{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:28px;margin-top:6px;}
.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.faq-card{background:var(--surface);border-radius:4px;padding:26px 24px;}
.faq-card h4{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:15px;margin-bottom:10px;}
.faq-card p{font-size:14.5px;color:var(--text-muted);font-weight:300;line-height:1.65;margin:0;}

/* ---------- Einblend-Animation (lokal, wie ueberall im Projekt) ---------- */
.buffets-wrap .reveal,.faq-wrap .reveal{
  opacity:0;transform:translateY(26px);
  transition:opacity .8s var(--ease),transform .8s var(--ease);
}
.buffets-wrap .reveal.in,.faq-wrap .reveal.in{opacity:1;transform:translateY(0);}

@media(max-width:980px){
  .buffet-block,.buffet-block.reverse{grid-template-columns:1fr;gap:26px;margin-bottom:64px;}
  .buffet-block.reverse .buffet-media{order:0;}
  .faq-grid{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .buffet-copy{padding:0 30px;}
}