/*! style.premium-2026.css — Küchenreise warm-artisan refresh. Loaded after style.min.css. */

:root{
  --space-fluid-1:clamp(.5rem,1vw,.75rem);
  --space-fluid-2:clamp(.75rem,1.5vw,1rem);
  --space-fluid-3:clamp(1rem,2vw,1.5rem);
  --space-fluid-4:clamp(1.5rem,3vw,2.5rem);
  --space-fluid-5:clamp(2rem,4.5vw,3.5rem);
  --space-fluid-6:clamp(2.5rem,6vw,4.5rem);
  --space-fluid-7:clamp(3rem,8vw,6rem);
  --font-display-fluid:clamp(2.25rem,4vw + 1rem,4.75rem);
  --font-display-md:clamp(1.75rem,2.5vw + .75rem,2.75rem);
  --font-eyebrow:clamp(.7rem,.4vw + .65rem,.85rem);
  --shadow-warm:0 24px 60px -28px rgba(140,93,51,.35);
  --shadow-warm-soft:0 12px 30px -16px rgba(140,93,51,.22);
  --ring-clay:0 0 0 4px rgba(240,90,40,.18);
  --ring-moss:0 0 0 4px rgba(0,164,91,.16);
  --gradient-warm:linear-gradient(135deg,#faf9f6 0%,#f4ebe1 100%);
  --gradient-clay:linear-gradient(135deg,#f05a28 0%,#d44a1e 100%);
  --gradient-moss:linear-gradient(135deg,#00a45b 0%,#008548 100%);
  --gradient-hero-mask:linear-gradient(180deg,rgba(16,28,16,0) 0%,rgba(16,28,16,.05) 50%,rgba(16,28,16,.45) 100%);
  --color-clay-bright:#E0B854;
  --color-ad:#6b6860;
  --radius-card-2026:24px;
  --radius-card-lg:32px;
  --line-prose:1.75;
  --measure-prose:68ch;
}
[data-theme="dark"]{
  --shadow-warm:0 24px 60px -28px rgba(0,0,0,.65);
  --shadow-warm-soft:0 12px 30px -16px rgba(0,0,0,.5);
  --ring-clay:0 0 0 4px rgba(240,90,40,.22);
  --ring-moss:0 0 0 4px rgba(0,164,91,.22);
  --gradient-warm:linear-gradient(135deg,#1a1a18 0%,#1f1d1a 100%);
  --color-ad:#cfcabb;
}

/* === Brand contrast fixes (Step 7 in fix_pagespeed_mobile.md) === */
.logo span,.logo__accent,.brand__accent{color:var(--color-clay-bright)!important}
.ad-label,[class*="anzeige"],[data-ad-label]{color:var(--color-ad)!important;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}

/* === Editorial hero v2 === */
.hero-2026{position:relative;padding:var(--space-fluid-6) var(--space-fluid-3) var(--space-fluid-7);background:var(--gradient-warm);overflow:hidden}
.hero-2026__inner{max-width:1200px;margin:0 auto;display:grid;gap:var(--space-fluid-5);grid-template-columns:1fr;align-items:center}
@media(min-width:900px){.hero-2026__inner{grid-template-columns:1.05fr .95fr}}
.hero-2026__eyebrow{font-family:var(--font-mono,'DM Mono',monospace);text-transform:uppercase;letter-spacing:.18em;font-size:var(--font-eyebrow);color:var(--color-clay);margin:0 0 var(--space-fluid-2)}
.hero-2026__title{font-family:var(--font-display,'Playfair Display',serif);font-size:var(--font-display-fluid);font-weight:700;line-height:1.04;letter-spacing:-.02em;color:var(--color-ink);margin:0 0 var(--space-fluid-3)}
.hero-2026__title em{font-style:italic;color:var(--color-clay);position:relative;display:inline-block}
.hero-2026__lede{font-size:clamp(1.05rem,.4vw + 1rem,1.25rem);line-height:1.6;color:var(--color-bark);max-width:54ch;margin:0 0 var(--space-fluid-4)}
.hero-2026__cta{display:flex;flex-wrap:wrap;gap:.75rem}
.btn-2026{display:inline-flex;align-items:center;gap:.5rem;padding:.95rem 1.5rem;font-family:var(--font-body,'DM Sans',sans-serif);font-weight:600;font-size:.95rem;border-radius:999px;text-decoration:none;transition:transform .25s var(--ease-smooth,ease),box-shadow .25s var(--ease-smooth,ease),background-color .25s var(--ease-smooth,ease);will-change:transform;min-height:48px}
.btn-2026--primary{background:var(--gradient-clay);color:#fff;box-shadow:var(--shadow-warm-soft)}
.btn-2026--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-warm)}
.btn-2026--ghost{background:transparent;color:var(--color-ink);border:1.5px solid currentColor}
.btn-2026--ghost:hover{background:var(--color-ink);color:var(--color-cream)}
.hero-2026__photo{position:relative;border-radius:var(--radius-card-lg);overflow:hidden;box-shadow:var(--shadow-warm);aspect-ratio:4/5}
@media(min-width:900px){.hero-2026__photo{transform:rotate(.5deg)}}
.hero-2026__photo img{width:100%;height:100%;object-fit:cover;display:block}
.hero-2026__photo::after{content:"";position:absolute;inset:0;background:var(--gradient-hero-mask);pointer-events:none}

/* === Recipe card v2 (warm-artisan tactile) === */
.recipe-card{border-radius:var(--radius-card-2026)!important;box-shadow:var(--shadow-warm-soft)!important;background:var(--color-paper,#fff);transition:transform .35s var(--ease-smooth,ease),box-shadow .35s var(--ease-smooth,ease)}
.recipe-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-warm)}
.recipe-card__image-wrap{aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius-card-2026) var(--radius-card-2026) 0 0;position:relative}
.recipe-card__image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-smooth,ease)}
.recipe-card:hover .recipe-card__image-wrap img{transform:scale(1.04)}
.recipe-card__time-badge{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);color:var(--color-ink);padding:.4rem .65rem;border-radius:999px;font-family:var(--font-mono,'DM Mono',monospace);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.35rem;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.recipe-card__body{padding:var(--space-fluid-3)}
.recipe-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.75rem;font-family:var(--font-mono,'DM Mono',monospace);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-bark)}
.recipe-card__meta .tag{background:rgba(240,90,40,.1);color:var(--color-clay);padding:.25rem .55rem;border-radius:999px;font-weight:600}
.recipe-card__title{font-family:var(--font-display,'Playfair Display',serif);font-size:clamp(1.15rem,.4vw + 1.05rem,1.4rem);font-weight:600;line-height:1.25;letter-spacing:-.01em;margin:.25rem 0 .5rem}
.recipe-card__title a{color:inherit;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .35s var(--ease-smooth,ease)}
.recipe-card__title a:hover{background-size:100% 1px}
.recipe-card__excerpt{color:var(--color-bark);font-size:.95rem;line-height:1.55;margin:0 0 1rem}
.recipe-card__footer{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono,'DM Mono',monospace);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-bark)}
.recipe-card--magazine .recipe-card__image-wrap{aspect-ratio:3/4}
@media(max-width:600px){.recipe-card--magazine .recipe-card__image-wrap{aspect-ratio:4/3}}

/* === Article header byline (with portrait) === */
.article-header__byline{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-family:var(--font-mono,'DM Mono',monospace);font-size:.78rem;letter-spacing:.04em;color:var(--color-bark);margin:1rem 0 1.5rem}
.byline__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--color-clay);box-shadow:var(--ring-clay);flex-shrink:0}
[data-theme="dark"] .byline__avatar{border-color:var(--color-moss);box-shadow:var(--ring-moss)}
.byline__meta{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.byline__meta a{color:var(--color-ink);text-decoration:none;border-bottom:1px solid currentColor}
.byline__meta a:hover{color:var(--color-clay)}
.byline__meta .sep{opacity:.4}

/* === Author bio card (Über die Autorin) === */
.author-card{display:grid;gap:var(--space-fluid-3);grid-template-columns:1fr;background:var(--gradient-warm);border-radius:var(--radius-card-lg);padding:var(--space-fluid-4);margin:var(--space-fluid-5) 0;position:relative;overflow:hidden;box-shadow:var(--shadow-warm-soft);border-left:4px solid var(--color-clay)}
@media(min-width:720px){.author-card{grid-template-columns:240px 1fr;align-items:center}}
.author-card__portrait{width:100%;max-width:240px;aspect-ratio:1/1;object-fit:cover;border-radius:50%;justify-self:center;box-shadow:var(--shadow-warm-soft);border:4px solid var(--color-paper,#fff)}
[data-theme="dark"] .author-card__portrait{border-color:#1f1d1a}
.author-card__eyebrow{font-family:var(--font-mono,'DM Mono',monospace);font-size:var(--font-eyebrow);text-transform:uppercase;letter-spacing:.18em;color:var(--color-clay);margin:0 0 .5rem}
.author-card__name{font-family:var(--font-display,'Playfair Display',serif);font-size:clamp(1.5rem,1vw + 1.2rem,2rem);font-weight:600;letter-spacing:-.01em;margin:0 0 .25rem;color:var(--color-ink)}
.author-card__role{font-family:var(--font-mono,'DM Mono',monospace);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-bark);margin:0 0 1rem}
.author-card__bio{font-size:1rem;line-height:1.65;color:var(--color-bark);margin:0 0 1.25rem;max-width:55ch}
.author-card__cta{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-clay);font-weight:600;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px;transition:gap .25s var(--ease-smooth,ease)}
.author-card__cta:hover{gap:.7rem}

/* === Editorial article body === */
.article__body{max-width:var(--measure-prose);margin:0 auto;font-size:1.05rem;line-height:var(--line-prose);color:var(--color-ink)}
.article__body>p:first-of-type::first-letter{font-family:var(--font-display,'Playfair Display',serif);font-size:4.5rem;line-height:.85;font-weight:700;float:left;margin:.15em .15em 0 0;color:var(--color-clay)}
.article__body h2{font-family:var(--font-display,'Playfair Display',serif);font-size:clamp(1.5rem,1vw + 1.2rem,2rem);margin:2.5rem 0 1rem;letter-spacing:-.01em}
.article__body h3{font-family:var(--font-display,'Playfair Display',serif);font-size:clamp(1.2rem,.5vw + 1.05rem,1.5rem);margin:2rem 0 .75rem}
.article__body blockquote{border-left:3px solid var(--color-clay);padding:.5rem 0 .5rem 1.5rem;margin:2rem 0;font-family:var(--font-display,'Playfair Display',serif);font-size:1.25rem;font-style:italic;color:var(--color-bark)}
.article__body ul li::marker{color:var(--color-clay)}
.article__body .callout{background:var(--gradient-warm);border-left:3px solid var(--color-clay);padding:1.25rem 1.5rem;border-radius:0 var(--radius-card-2026) var(--radius-card-2026) 0;margin:2rem 0;font-size:.98rem;line-height:1.6;color:var(--color-bark)}

/* === Newsletter strip (Der Küchen·Brief) === */
.newsletter-2026{background:var(--gradient-warm);border-radius:var(--radius-card-lg);padding:var(--space-fluid-5);margin:var(--space-fluid-6) auto;max-width:920px;text-align:center;box-shadow:var(--shadow-warm-soft);border:1px solid rgba(140,93,51,.08)}
.newsletter-2026__eyebrow{font-family:var(--font-mono,'DM Mono',monospace);text-transform:uppercase;letter-spacing:.22em;font-size:var(--font-eyebrow);color:var(--color-clay);margin:0 0 .75rem}
.newsletter-2026__title{font-family:var(--font-display,'Playfair Display',serif);font-size:clamp(1.75rem,2vw + 1rem,2.5rem);font-weight:600;line-height:1.15;letter-spacing:-.01em;margin:0 0 .75rem;color:var(--color-ink)}
.newsletter-2026__lede{color:var(--color-bark);max-width:48ch;margin:0 auto var(--space-fluid-3);line-height:1.55}
.newsletter-2026__form{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:480px;margin:0 auto}
.newsletter-2026__input{flex:1 1 220px;min-height:48px;padding:.85rem 1.1rem;border:1.5px solid rgba(140,93,51,.2);background:var(--color-paper,#fff);border-radius:999px;font-family:var(--font-body);font-size:1rem;color:var(--color-ink);transition:border-color .25s,box-shadow .25s}
.newsletter-2026__input:focus{outline:none;border-color:var(--color-clay);box-shadow:var(--ring-clay)}
.newsletter-2026__micro{font-size:.75rem;color:var(--color-bark);opacity:.7;margin:.85rem 0 0}

/* === Footer refresh === */
.footer-author{display:flex;align-items:center;gap:.85rem;padding:1rem 0}
.footer-author img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--color-clay);box-shadow:var(--ring-clay);flex-shrink:0}
[data-theme="dark"] .footer-author img{border-color:var(--color-moss);box-shadow:var(--ring-moss)}
.footer-author__name{font-family:var(--font-display,'Playfair Display',serif);font-size:1.1rem;font-weight:600;color:var(--color-cream);display:block}
.footer-author__role{font-family:var(--font-mono,'DM Mono',monospace);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-fog,#a3a6a1);display:block;margin-top:.15rem}
.footer-col__heading{font-family:var(--font-mono,'DM Mono',monospace);font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--color-fog,#a3a6a1)}

/* === Drawing-link micro-interaction === */
a.draw-line,.article__body p a{background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;text-decoration:none;transition:background-size .35s var(--ease-smooth,ease);padding-bottom:1px}
a.draw-line:hover,.article__body p a:hover{background-size:100% 1px}

/* === Mobile-first tap targets === */
@media(max-width:600px){
  .recipe-card__title{font-size:1.15rem}
  button,a.btn,.btn-2026,.nav-link,.mobile-menu a,.recipe-card__title a{min-height:44px}
  .article__body{font-size:1rem;padding:0 1rem}
  .author-card{padding:var(--space-fluid-3)}
  .author-card__portrait{max-width:160px}
}

/* === Reduced motion === */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  .recipe-card:hover{transform:none}
  .recipe-card:hover .recipe-card__image-wrap img{transform:none}
}

/* === Skeleton fallback for offline / slow images === */
.recipe-card__image-wrap{background:#f4ebe1}

/* === Site-header polish === */
.site-header,.nav{box-shadow:var(--shadow-nav,0 4px 20px rgba(0,0,0,.03))}
.site-header .logo,.nav .logo{font-family:var(--font-display,'Playfair Display',serif);letter-spacing:-.01em}

/* === Print === */
@media print{
  .author-card,.newsletter-2026,.hero-2026__photo,.recipe-card__time-badge{box-shadow:none}
  body{background:#fff}
}
