/* aromaneo – Unterseiten (Gericht des Monats, Blog)
   Baut auf home-v2.css auf: Header, Banner, Footer, Buttons, Typo kommen
   von dort. Hier nur, was Unterseiten ohne Hero-Foto brauchen. */

/* ---------- Kopfzeile auf Unterseiten ---------- */
/* Auf Mobil liegt der Header der Startseite transparent über dem Hero-Foto.
   Unterseiten haben kein Foto dahinter: Header deckend, Inhalt darunter. */
@media (max-width:900px){
  body.subpage{padding-top:calc(var(--header-h,82px) + var(--banner-h,34px));}
  body.subpage header{background:rgba(240,230,210,.94);border-bottom-color:rgba(90,68,42,.1);}
}
body.subpage{background:var(--cream);}
body.subpage nav ul li a.is-active::after{width:100%;}
body.subpage nav ul li a.is-active{color:var(--dark-green);font-weight:500;}

/* ---------- Seitenkopf ---------- */
.page-hero{
  padding:84px 32px 64px;text-align:center;
  background:
    radial-gradient(circle at 15% 20%, rgba(90,68,42,.08), transparent 45%),
    radial-gradient(circle at 85% 80%, rgba(143,109,63,.12), transparent 45%),
    linear-gradient(180deg,var(--cream) 0%,#ece0c5 100%);
}
.page-hero h1{font-size:clamp(32px,5vw,48px);line-height:1.15;margin-bottom:18px;}
.page-hero p{max-width:600px;margin:0 auto;font-size:16.5px;color:#5c5c50;}
.subpage-section{padding:80px 32px;}
.subpage-section .container{padding:0;}
.subpage-section.alt{background:linear-gradient(180deg,var(--cream) 0%,#ece0c5 100%);}

/* =====================================================================
   Gericht des Monats
   ===================================================================== */
.gdm-hero{text-align:left;padding-top:72px;}
.gdm-hero-grid{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:64px;align-items:center;max-width:1040px;margin:0 auto;}
.gdm .plate-wrap{
  background:var(--beige);border-radius:50%;aspect-ratio:1/1;width:100%;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  box-shadow:0 22px 48px rgba(90,68,42,.18), inset 0 0 0 12px rgba(226,210,172,.6);
}
.gdm .plate-wrap .dish-photo{width:88%;height:88%;object-fit:cover;border-radius:50%;}
.gdm .greek{display:block;font-family:'Playfair Display',serif;font-style:italic;color:var(--beige-deep);font-size:18px;margin-bottom:10px;}
.gdm-hero h1{text-align:left;}
.gdm-hero .tagline{margin:0;max-width:520px;text-align:left;}

.gdm .meta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px;max-width:520px;}
.gdm .meta-item{background:rgba(255,255,255,.45);border:1px solid rgba(90,68,42,.14);border-radius:var(--radius);text-align:center;padding:16px 8px;}
.gdm .meta-item svg{width:24px;height:24px;margin:0 auto 8px;display:block;}
.gdm .meta-item .val{font-family:'Playfair Display',serif;font-size:17px;color:var(--dark-green);display:block;}
.gdm .meta-item .lbl{font-size:12px;color:#6f6a5c;letter-spacing:.06em;text-transform:uppercase;}

.gdm-intro{max-width:720px;margin:0 auto;text-align:center;}
.gdm-intro h2{font-size:clamp(26px,3.5vw,36px);margin-bottom:16px;}
.gdm-intro p{font-size:16.5px;color:#5c5c50;}

.gdm .herb-row{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:40px;}
.gdm .herb-chip{
  width:180px;background:#fff;border:1px solid rgba(90,68,42,.12);border-radius:var(--radius);
  padding:22px 16px;text-align:center;transition:transform .25s ease, box-shadow .25s ease;
}
.gdm .herb-chip:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(90,68,42,.14);}
.gdm .herb-chip svg{width:38px;height:38px;margin:0 auto 12px;display:block;}
.gdm .herb-chip h3{font-size:17px;margin-bottom:6px;}
.gdm .herb-chip span{font-size:12.5px;color:var(--beige-darkest);letter-spacing:.06em;text-transform:uppercase;}

.gdm .recipe-columns{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:start;max-width:1040px;margin:0 auto;}
.gdm .recipe-card{background:#fff;border:1px solid rgba(90,68,42,.1);border-radius:var(--radius);padding:36px 36px 26px;box-shadow:0 14px 34px rgba(90,68,42,.08);}
.gdm .recipe-card h2{font-size:26px;margin-bottom:8px;}
.gdm .recipe-card .sub{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#6f6a5c;margin-bottom:10px;}
.gdm .ingredient-list{list-style:none;}
.gdm .ingredient-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(90,68,42,.1);font-size:16px;}
.gdm .ingredient-list li:last-child{border-bottom:none;}
.gdm .ingredient-list .dot{width:8px;height:8px;border-radius:50%;background:var(--beige-deep);flex:0 0 auto;}
.gdm .ingredient-list b{color:var(--dark-green);font-weight:600;}
.gdm .step-list{list-style:none;counter-reset:step;}
.gdm .step-list li{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid rgba(90,68,42,.1);}
.gdm .step-list li:last-child{border-bottom:none;}
.gdm .step-list li::before{
  counter-increment:step;content:counter(step);flex:0 0 auto;width:32px;height:32px;border-radius:50%;
  background:var(--dark-green);color:var(--cream);font-family:'Playfair Display',serif;font-size:15px;
  display:flex;align-items:center;justify-content:center;
}
.gdm .step-list li p{font-size:16px;color:#3a382f;padding-top:4px;}

/* =====================================================================
   Blog
   ===================================================================== */
.blog-feed{max-width:760px;margin:0 auto;display:grid;gap:40px;}
.blog-post{background:#fff;border:1px solid rgba(90,68,42,.1);border-radius:var(--radius);padding:36px 40px;box-shadow:0 14px 34px rgba(90,68,42,.08);}
.blog-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.blog-tag{background:var(--dark-green);color:var(--cream);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:20px;font-weight:500;}
.blog-tag.tag-ernte{background:var(--beige-deep);}
.blog-tag.tag-messe{background:var(--beige-darkest);}
.blog-date{font-size:14px;color:#6f6a5c;}
.blog-post h2{font-size:clamp(24px,3vw,30px);margin-bottom:18px;}
.blog-post p{font-size:16.5px;color:#454338;margin-bottom:14px;line-height:1.7;}
.blog-post p:last-child{margin-bottom:0;}
.blog-image{
  width:100%;aspect-ratio:16/9;background:linear-gradient(135deg, rgba(226,210,172,.55), rgba(143,109,63,.16));
  border-radius:var(--radius);margin-bottom:22px;display:flex;align-items:center;justify-content:center;
  color:var(--beige-deep);font-size:14px;overflow:hidden;
}
.blog-image img{width:100%;height:100%;object-fit:cover;}

/* ---------- Mobil ---------- */
@media (max-width:900px){
  .page-hero{padding:48px 22px 44px;}
  /* Platz für den Warenkorb-Reiter rechts oben, damit er den Titel nicht verdeckt */
  body:has(.aromaneo-cart-mid) .page-hero:not(.gdm-hero){padding-top:100px;}
  .page-hero p{font-size:16px;}
  .subpage-section{padding:52px 20px;}
  .gdm-hero{text-align:center;padding-top:40px;}
  .gdm-hero-grid{grid-template-columns:1fr;gap:28px;}
  .gdm .plate-wrap{max-width:280px;margin:0 auto;}
  .gdm-hero h1,.gdm-hero .tagline{text-align:center;}
  .gdm-hero .tagline{margin:0 auto;}
  .gdm .meta-row{margin:26px auto 0;}
  .gdm .recipe-columns{grid-template-columns:1fr;gap:24px;}
  .gdm .recipe-card{padding:26px 22px 16px;}
  .gdm .herb-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px;}
  .gdm .herb-chip{width:auto;padding:18px 8px;}
  .gdm .herb-chip h3{font-size:16px;}
  .gdm .herb-chip span{font-size:11px;letter-spacing:.03em;}
  .blog-feed{gap:24px;}
  .blog-post{padding:26px 22px;}
}
@media (max-width:420px){
  .gdm .meta-row{gap:8px;}
  .gdm .meta-item{padding:12px 4px;}
  .gdm .meta-item .lbl{font-size:11px;letter-spacing:.03em;}
}