/*
Theme Name: Weinwege
Description: Maßgeschneidertes Block-Theme für Petes Weinwege – editorialer Stil, Weinrot & Gold.
Version: 1.0
Author: Pete
Text Domain: weinwege
*/

:root{
  --ww-wine:#5c1a2e; --ww-wine-dark:#3b0f1c; --ww-gold:#b98e4e; --ww-gold-light:#d4b578;
  --ww-cream:#faf7f2; --ww-paper:#fffdfb; --ww-ink:#221a1e;
}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--ww-wine);color:#fff}

/* --- Sticky Glas-Header --- */
.ww-header{position:sticky;top:0;z-index:100;background:rgba(250,247,242,.82);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid rgba(92,26,46,.08);padding:.9rem 1.5rem}
.ww-brand a{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:1.5rem;color:var(--ww-wine);text-decoration:none;letter-spacing:.01em}
.ww-nav a{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#57484e;text-decoration:none;position:relative;padding-bottom:3px}
.ww-nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--ww-gold);transition:width .28s ease}
.ww-nav a:hover{color:var(--ww-wine)}
.ww-nav a:hover::after,.ww-nav .current-menu-item a::after{width:100%}
.ww-nav .wp-block-navigation__container{gap:2.1rem}

/* --- Typografie-Details --- */
h1,h2,h3{text-wrap:balance}
.entry-content>p:first-of-type,main .wp-block-post-content>p:first-of-type{font-size:1.15em}
a{transition:color .2s ease}

/* --- Hero --- */
.ww-hero{min-height:78vh!important;border-radius:0}
.ww-hero .wp-block-cover__background{background:linear-gradient(180deg,rgba(22,8,13,.18) 0%,rgba(38,10,19,.6) 88%)!important;opacity:1!important}
.ww-hero h1{color:#fff;font-size:clamp(3rem,7.5vw,5.4rem);font-weight:600;letter-spacing:.005em;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.ww-overline{text-transform:uppercase;letter-spacing:.38em;font-size:.78rem;font-weight:500;color:var(--ww-gold-light)!important}
.ww-hero-sub{color:#f3ece2!important;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(1.2rem,2.2vw,1.5rem)!important}

/* --- Cards: Borders statt Schatten, Zoom-Hover --- */
.ww-card{background:var(--ww-paper);border:1px solid rgba(92,26,46,.1);border-radius:18px;overflow:hidden;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease;height:100%}
.ww-card:hover{border-color:rgba(185,142,78,.55);transform:translateY(-3px);box-shadow:0 18px 44px rgba(50,15,25,.10)}
.ww-card figure{margin:0;overflow:hidden}
.ww-card img{width:100%;height:230px;object-fit:cover;transition:transform .6s cubic-bezier(.2,.6,.2,1)}
.ww-card:hover img{transform:scale(1.045)}
.ww-card-body{padding:1.6rem 1.7rem 1.9rem}
.ww-card h3{margin:.2rem 0 .6rem;font-size:1.4rem}
.ww-card h3 a{color:var(--ww-ink);text-decoration:none}
.ww-card h3 a:hover{color:var(--ww-wine)}
.ww-card p{margin-bottom:0;font-size:.97rem;line-height:1.7}
.ww-more{display:inline-block;margin-top:.9rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600;color:var(--ww-wine)!important;text-decoration:none!important;border-bottom:1px solid var(--ww-gold)}

/* --- Kicker / Meta --- */
.ww-kicker,.ww-kicker a{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:600;color:var(--ww-gold)!important;text-decoration:none!important}
.ww-meta{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;color:#9a8a90}

/* --- CTA-Band --- */
.ww-cta{background:linear-gradient(135deg,var(--ww-wine-dark) 0%,var(--ww-wine) 70%,#6d2338 100%);color:#f3ece2;padding:4.8rem 2rem;border-radius:22px}
.ww-cta h2{color:#fff;margin-top:0}
.ww-cta p{color:#e8dccb}

/* --- Buttons: Outline-Variante --- */
.is-style-outline .wp-block-button__link{background:transparent!important;border:1px solid var(--ww-gold)!important;color:var(--ww-gold-light)!important}
.is-style-outline .wp-block-button__link:hover{background:var(--ww-gold)!important;color:#fff!important}
.wp-block-button__link{transition:all .25s ease}
.wp-block-button__link:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(66,18,32,.28)}

/* --- Artikel --- */
.ww-article-head{text-align:center;margin-bottom:2.2rem}
.ww-featured img{border-radius:20px;box-shadow:0 24px 60px rgba(50,15,25,.16)}
.ww-featured{margin-bottom:2.8rem}
.wp-block-post-content h2{margin-top:2em}
.wp-block-post-content img{border-radius:14px}
.wp-block-separator{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--ww-gold),transparent);max-width:240px;margin:3.2rem auto}

/* --- Formulare --- */
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 textarea{width:100%;background:var(--ww-paper);border:1px solid rgba(92,26,46,.16);border-radius:12px;padding:14px 18px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}
.wpcf7 input:focus,.wpcf7 textarea:focus{border-color:var(--ww-gold);outline:none;box-shadow:0 0 0 4px rgba(185,142,78,.14)}
input[type=submit].wpcf7-submit{background:var(--ww-wine);color:#fff;border:0;border-radius:999px;padding:16px 38px;text-transform:uppercase;font-size:.78rem;font-weight:600;letter-spacing:.14em;cursor:pointer;transition:all .25s}
input[type=submit].wpcf7-submit:hover{background:var(--ww-wine-dark);color:var(--ww-gold-light)}

/* --- Footer --- */
.ww-footer{background:var(--ww-wine-dark);color:#cfbcc2}
.ww-footer-brand{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:2rem;color:#fff;margin-bottom:.4rem}
.ww-footer-tag{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.06rem;color:#b39aa2}
.ww-footer-links{gap:2rem}
.ww-footer-links a{color:var(--ww-gold-light);text-decoration:none;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:500}
.ww-footer-links a:hover{color:#fff}
.ww-footer-sep{background:rgba(212,181,120,.25)!important;max-width:100%;margin:2.4rem auto 1.6rem}
.ww-footer-copy{font-size:.8rem;color:#a08890}

/* --- Pagination --- */
.wp-block-query-pagination{margin-top:3rem}
.wp-block-query-pagination a,.wp-block-query-pagination-numbers .page-numbers{color:var(--ww-wine);text-decoration:none;padding:.4rem .8rem;border-radius:10px}
.wp-block-query-pagination a:hover{background:rgba(92,26,46,.07)}
.page-numbers.current{background:var(--ww-wine);color:#fff}

@media(max-width:768px){
  .ww-hero{min-height:62vh!important}
  .ww-card img{height:190px}
  .ww-footer .alignwide{gap:2.2rem}
}