/*
Theme Name: Kallmünzer Weihnachtszauber 3
Theme URI: https://weihnachtsmarkt-kallmuenz.de
Author: Tourismusverein Kallmünz
Description: Hochwertiges Block-Theme im Stil der ersten Designversion.
Version: 3.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: kallmuenzer-weihnachtszauber-v3
License: GPL-2.0-or-later
*/

:root{
 --kw-green:#0a2f29;
 --kw-green2:#123f36;
 --kw-cream:#f7f1e7;
 --kw-gold:#bd8d31;
 --kw-red:#9f1914;
 --kw-ink:#171c1a;
 --kw-white:#fff;
 --kw-shadow:0 20px 60px rgba(0,0,0,.18);
}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.kw-header{position:relative;z-index:30}
.kw-header .wp-block-navigation-item__content{font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.kw-header .wp-block-navigation-item__content:hover{color:var(--kw-gold)}
.kw-hero{position:relative;overflow:hidden;min-height:850px}
.kw-hero:before{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:
 radial-gradient(circle at 18% 18%,rgba(255,196,93,.28),transparent 21%),
 radial-gradient(circle at 76% 20%,rgba(255,209,125,.18),transparent 22%),
 radial-gradient(circle,#ffe7ad 0 2px,transparent 3px),
 radial-gradient(circle,#fff5d8 0 1px,transparent 2px);
 background-size:auto,auto,125px 92px,72px 62px;
 background-position:center,center,0 0,35px 20px;
 opacity:.58
}
.kw-hero:after{
 content:"";position:absolute;inset:auto 0 0;height:48%;
 background:linear-gradient(180deg,transparent,rgba(0,0,0,.34));
 pointer-events:none
}
.kw-hero>*{position:relative;z-index:2}
.kw-script{font-family:Georgia,"Times New Roman",serif;font-style:italic;color:var(--kw-gold)}
.kw-eyebrow{color:var(--kw-gold);text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:700}
.kw-lead{font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.75}
.kw-btn .wp-element-button{border-radius:3px!important;padding:.92rem 1.25rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-size:.78rem}
.kw-btn-outline .wp-element-button{background:transparent!important;border:1px solid currentColor}
.kw-countdown{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:12px;max-width:650px;margin-top:35px}
.kw-count-box{padding:18px 12px;text-align:center;border:1px solid rgba(189,141,49,.75);background:rgba(4,31,26,.82);backdrop-filter:blur(5px);border-radius:7px}
.kw-count-number{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.9rem,4vw,3.2rem);line-height:1;color:var(--kw-gold)}
.kw-count-label{display:block;margin-top:8px;color:white;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}
.kw-card{border:1px solid rgba(189,141,49,.42);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.kw-card:hover{transform:translateY(-4px);transition:.22s ease;box-shadow:0 18px 42px rgba(0,0,0,.13)}
.kw-card-dark{background:var(--kw-green);color:white}
.kw-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--kw-gold);border-radius:50%;color:var(--kw-gold);font-size:1.35rem}
.kw-placeholder{
 min-height:350px;border-radius:14px;box-shadow:var(--kw-shadow);display:grid;place-items:end start;padding:20px;color:white;
 background:
 radial-gradient(circle at 25% 25%,rgba(255,206,111,.48),transparent 3%),
 radial-gradient(circle at 48% 40%,rgba(255,206,111,.32),transparent 2.4%),
 radial-gradient(circle at 74% 27%,rgba(255,206,111,.4),transparent 2.8%),
 linear-gradient(145deg,#123d34,#061612)
}
.kw-placeholder-small{min-height:210px}
.kw-note{border-left:4px solid var(--kw-gold);background:#fff;color:var(--kw-ink);padding:16px 18px}
.kw-map{
 min-height:500px;border:1px solid rgba(189,141,49,.48);border-radius:14px;overflow:hidden;
 background:
 linear-gradient(25deg,transparent 48%,rgba(255,255,255,.72) 49% 52%,transparent 53%),
 linear-gradient(-20deg,transparent 45%,rgba(255,255,255,.63) 46% 49%,transparent 50%),
 #e6dfd2;
 background-size:120px 90px,150px 110px;
 position:relative
}
.kw-map:after{
 content:"Interaktive Karte hier einsetzen";
 position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;color:#2f443d;font-weight:700
}
.kw-flyer img{border-radius:14px;box-shadow:var(--kw-shadow)}
.kw-news-card{height:100%}
.kw-instagram{aspect-ratio:1;border-radius:10px;background:linear-gradient(145deg,#153f36,#071b17);display:grid;place-items:center;color:#fff;border:1px solid rgba(189,141,49,.38)}
.kw-footer a{color:white}
.kw-footer a:hover{color:var(--kw-gold)}
@media(max-width:900px){
 .kw-hero{min-height:720px}
 .kw-countdown{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
 .kw-hero{min-height:auto}
 .kw-countdown{grid-template-columns:repeat(2,1fr)}
 .kw-header img{width:145px!important}
}