/*
Theme Name: Kräftskiva — Zweedse zomer
Theme URI: https://kraftskiva.nl/
Author: Kraftskiva / Volvo 850-museum
Description: Een origineel, lichtgewicht blokthema voor het jaarlijkse Zweedse rivierkreeftenfeest in Nijbroek.
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: kraftskiva
License: GPL-2.0-or-later
*/

:root{--ks-navy:#132c3c;--ks-red:#ad2935;--ks-gold:#efc45d;--ks-cream:#fff9ec;--ks-sand:#f5e9d5;--ks-muted:#55626b}
html{scroll-behavior:smooth}body{background:var(--ks-cream);color:var(--ks-navy);overflow-x:hidden}.wp-site-blocks{overflow:hidden}
*,*::before,*::after{box-sizing:border-box}
.ks-header{position:relative;z-index:20;background:var(--ks-navy);color:#fff9ec;border-bottom:1px solid rgba(255,255,255,.15)}
.ks-header-inner{max-width:1240px!important;padding:17px 24px;min-height:90px;margin:auto!important;display:flex;gap:18px;align-items:center;justify-content:space-between}
.ks-wordmark{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:.075em;font-weight:700;line-height:1.15;display:flex;align-items:center;gap:14px;margin:0}
.ks-wordmark a{color:#fff9ec!important;text-decoration:none!important}
/* Origineel kreeftenlogo. De sitetitel blijft echte, toegankelijke tekst. */
.ks-wordmark:before{content:'';display:block;flex:0 0 68px;width:68px;height:68px;border-radius:13px;background:#fff9ec url('assets/images/kreeft-logo.png') center center / 61px 61px no-repeat;box-shadow:0 1px 12px rgba(0,0,0,.17)}
.ks-header .wp-block-navigation a{color:#fff9ec!important;font-size:.88rem;font-weight:650;letter-spacing:.01em;text-decoration:none!important}
.ks-header .wp-block-navigation a:hover{text-decoration:underline!important;text-decoration-color:var(--ks-gold)!important;text-underline-offset:7px}
.ks-header .wp-block-navigation__responsive-container-open{color:#fff9ec}
.ks-hero{min-height:690px!important;position:relative;overflow:hidden}
.ks-hero .wp-block-cover__image-background{object-position:center 54%}
.ks-hero .wp-block-cover__background{background:linear-gradient(90deg,rgba(9,30,42,.89) 0%,rgba(9,30,42,.72) 32%,rgba(9,30,42,.14) 83%)!important;opacity:1!important}
.ks-hero .wp-block-cover__inner-container{z-index:2;position:relative;max-width:1240px;margin:0 auto;padding:110px 24px 95px}
.ks-hero-text{max-width:690px}
.ks-eyebrow{letter-spacing:.22em;text-transform:uppercase;font-size:.77rem!important;font-weight:800;line-height:1.45;color:var(--ks-red);margin:0 0 20px}
.ks-eyebrow-light{color:var(--ks-gold)!important}
.ks-hero h1{font-size:clamp(3.4rem,7vw,6.4rem);font-weight:700;letter-spacing:-.045em;line-height:.99;max-width:650px;color:#fff9ec!important;margin:0 0 27px}
.ks-hero .ks-lead{font-size:clamp(1.1rem,2vw,1.34rem);line-height:1.65;color:#fff9ec;max-width:520px;margin:0 0 31px}
.ks-hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.ks-hero-meta .ks-chip{display:inline-block;border:1px solid rgba(255,255,255,.43);background:rgba(17,40,50,.49);padding:9px 16px;border-radius:100px;color:#fff;font-size:.84rem;font-weight:700}
.ks-hero-scroll{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ks-gold);font-weight:750}
.ks-section{padding:100px 24px!important;scroll-margin-top:20px}
.ks-container{max-width:1140px!important;margin:0 auto!important}
.ks-section h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.25rem,4vw,4rem);line-height:1.1;letter-spacing:-.04em;font-weight:700;margin:0 0 22px}
.ks-section p{font-size:1.08rem;line-height:1.86}
.ks-intro{background:var(--ks-cream)}
.ks-intro-grid{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:85px;align-items:center}
.ks-intro-note{background:#f2e4d0;border-left:4px solid var(--ks-red);padding:26px 31px!important;border-radius:0 9px 9px 0}
.ks-intro-note p{margin:0;font-size:1.02rem}
.ks-smalltitle{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem!important;color:var(--ks-red)}
.ks-intro-photo{box-shadow:18px 18px 0 var(--ks-gold);border-radius:3px;overflow:hidden}
.ks-intro-photo img{aspect-ratio:5/6;object-fit:cover;display:block;width:100%}
.ks-tradition{background:var(--ks-navy);color:#fdf8ed}
.ks-tradition h2,.ks-tradition p{color:#fdf8ed}
.ks-tradition .ks-eyebrow{color:var(--ks-gold)}
.ks-tradition-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:44px}
.ks-tradition-card{background:rgba(255,255,255,.065);padding:35px 29px!important;border:1px solid rgba(255,255,255,.17);border-radius:5px;height:100%}
.ks-tradition-number{font-family:Georgia,serif;font-size:2.7rem!important;line-height:1;color:var(--ks-gold)!important;margin:0 0 18px!important}
.ks-tradition-card h3{font-family:Georgia,serif;font-size:1.65rem;color:#fff9ec;line-height:1.2;margin:0 0 10px}
.ks-tradition-card p{font-size:.98rem;line-height:1.72;color:#dfebef;margin:0}
.ks-history{background:#f6ecda}
.ks-history-grid{display:grid!important;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:74px;align-items:start}
.ks-1924{font-size:clamp(5rem,12vw,11rem)!important;letter-spacing:-.09em;line-height:1!important;margin:0!important;color:var(--ks-red);font-weight:800;font-family:Georgia,serif}
.ks-history-quote{font-family:Georgia,serif;font-style:italic;font-size:1.25rem!important;color:#6e4b4d;line-height:1.6!important}
.ks-edition{background:var(--ks-cream)}
.ks-edition-frame{background:var(--ks-red);color:#fff9ec;padding:65px 69px!important;border-radius:10px;position:relative;overflow:hidden}
.ks-edition-frame:after{content:'✳';font-family:Georgia,serif;font-size:410px;position:absolute;right:-115px;top:-167px;color:rgba(255,255,255,.07);pointer-events:none}
.ks-edition-frame h2{color:#fff9ec;font-size:clamp(3rem,5vw,5.3rem)}
.ks-edition-frame p{color:#fff8f0;position:relative;z-index:1}
.ks-edition-badge{display:inline-block;border:1px solid rgba(255,255,255,.5);padding:8px 17px;border-radius:100px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:#fff9ec}
.ks-edition-facts{margin:24px 0 15px;display:flex;gap:32px;flex-wrap:wrap;position:relative;z-index:1}
.ks-edition-facts strong{display:block;font-size:.81rem;letter-spacing:.13em;text-transform:uppercase;color:#ffe9b6;margin-bottom:5px}
.ks-edition-facts span{display:block;font-size:1.15rem;font-weight:700}
.ks-edition-remark{font-size:.91rem!important;opacity:.9;margin:18px 0 0}
.ks-archive{background:var(--ks-sand)}
.ks-archive-box{border-top:1px solid #ceb89b;border-bottom:1px solid #ceb89b;padding:40px 0}
.ks-footer{background:var(--ks-navy);color:#fef9ed;padding:45px 24px}
.ks-footer .wp-block-group{max-width:1140px;margin:auto}
.ks-footer p{font-size:.88rem;color:#dbe3e5;margin:0;line-height:1.7}
.ks-footer a{color:#ffe69b}
.ks-page{padding:80px 24px;min-height:50vh;max-width:880px!important;margin:auto}
.ks-page h1{font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,4.5rem)}
.ks-page .wp-block-post-content{font-size:1.06rem;line-height:1.85}
.ks-404{text-align:center;padding:120px 24px}
.ks-404 h1{font-family:Georgia,serif;font-size:4rem}
:focus-visible{outline:3px solid var(--ks-gold);outline-offset:4px}
@media(max-width:900px){.ks-intro-grid,.ks-history-grid{grid-template-columns:1fr;gap:48px}.ks-tradition-grid{grid-template-columns:1fr;gap:16px}.ks-section{padding:70px 24px!important}.ks-edition-frame{padding:45px 32px!important}.ks-intro-photo{max-width:620px}.ks-header-inner{min-height:78px}.ks-hero{min-height:630px!important}}
@media(max-width:600px){.ks-hero{min-height:650px!important}.ks-hero .wp-block-cover__inner-container{padding:80px 23px 75px}.ks-hero h1{font-size:clamp(3rem,13.5vw,4.5rem)}.ks-hero .ks-lead{font-size:1rem}.ks-hero .wp-block-cover__background{background:linear-gradient(0deg,rgba(9,30,42,.89),rgba(9,30,42,.43))!important}.ks-section h2{font-size:2.35rem}.ks-1924{font-size:5.9rem!important}.ks-edition-frame h2{font-size:2.85rem}.ks-edition-facts{gap:17px}.ks-wordmark{font-size:1.34rem;gap:10px}.ks-wordmark:before{flex-basis:51px;width:51px;height:51px;background-size:46px 46px;border-radius:10px}.ks-section{padding:60px 20px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}