/*
Theme Name: Drink 1978 Magazine
Theme URI: https://yw1978.com/
Author: OpenAI
Description: Elegantes Getränke-Magazin für yw1978.com mit Headerbanner auf allen Seiten, Beitragsbildern vor Artikelbeginn und durchgehender Seitenleiste.
Version: 1.1.0
Text Domain: drink1978
*/

:root{
  --accent:#f5a400;
  --accent-dark:#cf8400;
  --ink:#24180f;
  --muted:#766b63;
  --paper:#fffdf9;
  --soft:#fff7ea;
  --line:#eadfce;
  --shadow:0 10px 35px rgba(52,34,15,.09);
  --radius:18px;
  --content:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.72;font-size:18px}
a{color:var(--accent-dark);text-decoration:none}a:hover{color:var(--accent)}
img{max-width:100%;height:auto;display:block}

.site-header{background:#fff;border-bottom:1px solid var(--line)}
.topbar{max-width:var(--content);margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.branding{display:flex;align-items:center;gap:14px;min-width:0}
.custom-logo{max-height:74px;width:auto}
.brand-text{min-width:0}.site-title{font-size:2rem;line-height:1;margin:0;font-weight:700}.site-title a{color:var(--ink)}
.site-description{margin:7px 0 0;color:var(--muted);font-family:Arial,Helvetica,sans-serif;font-size:.9rem}

.main-nav{font-family:Arial,Helvetica,sans-serif}.main-nav ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}.main-nav a{display:block;padding:9px 13px;border-radius:999px;color:var(--ink);font-weight:600;font-size:.9rem}.main-nav a:hover,.main-nav .current-menu-item>a{background:var(--soft);color:var(--accent-dark)}

.hero-banner{position:relative;height:clamp(220px,20vw,300px);min-height:220px;max-height:300px;background:linear-gradient(115deg,rgba(47,25,9,.82),rgba(103,54,9,.52)),radial-gradient(circle at 20% 20%,rgba(255,185,67,.45),transparent 35%),linear-gradient(135deg,#7f3d0d,#d88313 55%,#7b2e07);background-size:cover;background-position:center 54%;background-repeat:no-repeat;display:flex;align-items:center;color:#fff;overflow:hidden}
.hero-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.18),transparent 55%);pointer-events:none}
.hero-inner{position:relative;z-index:1;max-width:var(--content);width:100%;margin:0 auto;padding:30px 24px}
.hero-kicker{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700;color:#ffe6ad;margin:0 0 10px}
.hero-title{font-size:clamp(2rem,4vw,3.65rem);line-height:1.02;margin:0;max-width:900px;text-shadow:0 3px 18px rgba(0,0,0,.32)}
.hero-subtitle{font-family:Arial,Helvetica,sans-serif;font-size:1.05rem;max-width:720px;margin:18px 0 0;color:#fff4dd}

.site-shell{max-width:var(--content);margin:42px auto 70px;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:42px;align-items:start}
.content-area{min-width:0}
.sidebar{position:sticky;top:24px;display:grid;gap:24px}
.widget{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.widget-title{font-size:1.45rem;margin:0 0 16px;color:var(--accent-dark)}
.widget ul{list-style:none;margin:0;padding:0}.widget li{padding:8px 0;border-bottom:1px solid #f0e8dd}.widget li:last-child{border-bottom:0}
.widget a{color:var(--ink)}.widget a:hover{color:var(--accent-dark)}
.search-form{display:flex;gap:8px}.search-field{width:100%;padding:12px 13px;border:1px solid #d8c8b3;border-radius:10px;background:#fff;font:inherit}.search-submit{border:0;border-radius:10px;background:var(--accent);color:#fff;padding:0 16px;font-weight:700;cursor:pointer}.search-submit:hover{background:var(--accent-dark)}

.article-card,.page-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:30px}
.article-card-inner,.page-card-inner{padding:34px}
.entry-title{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;margin:0 0 18px}.entry-title a{color:var(--ink)}
.entry-meta{font-family:Arial,Helvetica,sans-serif;color:var(--muted);font-size:.86rem;margin-bottom:20px}
.featured-image{margin:0 0 28px;border-radius:14px;overflow:hidden;background:#f6efe4}.featured-image img{width:100%;max-height:580px;object-fit:cover}
.entry-content h2{font-size:2rem;line-height:1.18;margin:42px 0 16px}.entry-content h3{font-size:1.45rem;margin:30px 0 12px}
.entry-content p{margin:0 0 1.35em}.entry-content strong{color:#3b2817}
.entry-content table{width:100%;border-collapse:separate;border-spacing:0;margin:28px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-family:Arial,Helvetica,sans-serif;font-size:.96rem}.entry-content th,.entry-content td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.entry-content th{background:var(--soft);color:var(--ink)}.entry-content tr:last-child td{border-bottom:0}
.entry-content ul,.entry-content ol{padding-left:1.35em}.entry-content blockquote{margin:30px 0;padding:22px 26px;border-left:5px solid var(--accent);background:var(--soft);border-radius:0 14px 14px 0}

.archive-header{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 32px;margin-bottom:26px;box-shadow:var(--shadow)}
.archive-header h1{margin:0;font-size:2.3rem}.archive-description{margin-top:10px;color:var(--muted)}
.post-list .article-card{display:grid;grid-template-columns:230px 1fr}.post-list .post-thumb img{width:100%;height:100%;object-fit:cover}.post-list .article-card-inner{padding:28px}.post-list .entry-title{font-size:1.9rem}
.read-more{font-family:Arial,Helvetica,sans-serif;display:inline-flex;margin-top:4px;padding:9px 14px;border-radius:999px;background:var(--soft);font-weight:700}

.pagination{font-family:Arial,Helvetica,sans-serif;display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.pagination .page-numbers{padding:9px 13px;background:#fff;border:1px solid var(--line);border-radius:10px}.pagination .current{background:var(--accent);color:#fff;border-color:var(--accent)}

.site-footer{background:#21170f;color:#f9ead6;padding:46px 24px;margin-top:30px}.footer-inner{max-width:var(--content);margin:0 auto;display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-inner a{color:#ffc75f}.footer-copy{font-family:Arial,Helvetica,sans-serif;color:#ddc9ae;font-size:.9rem}

@media(max-width:980px){.site-shell{grid-template-columns:1fr}.sidebar{position:static}.topbar{align-items:flex-start;flex-direction:column}.main-nav ul{gap:4px}.post-list .article-card{grid-template-columns:1fr}.post-list .post-thumb img{height:260px}}
@media(max-width:640px){body{font-size:17px}.hero-banner{height:190px;min-height:190px;max-height:190px;background-position:center 55%}.hero-inner{padding:24px 18px}.site-shell{padding:0 16px;margin-top:28px}.article-card-inner,.page-card-inner{padding:24px}.entry-content h2{font-size:1.65rem}.footer-inner{flex-direction:column;align-items:flex-start}}