/*
Theme Name: Sundsøre Lokalhistorie
Theme URI: https://sundsoerelokalhistoriskforening.dk/
Author: Sundsøre Lokalhistorisk Forening
Description: Let og responsivt WordPress-tema til Sundsøre Lokalhistorisk Forening.
Version: 2.5.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: sundsoere
*/
:root{--ink:#183f3b;--accent:#a65438;--paper:#f5f0e7;--white:#fff;--muted:#65716d;--line:#d8d1c4;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#27332f;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:var(--ink)}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{background:rgba(245,240,231,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{text-decoration:none}.brand strong{display:block;font:700 25px Georgia,serif;letter-spacing:.02em}.brand span{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}.nav a{text-decoration:none;font-weight:700;font-size:14px}.hero{min-height:600px;display:grid;place-items:center;text-align:center;position:relative;background:linear-gradient(rgba(13,48,44,.58),rgba(13,48,44,.58)),url('assets/henrichsens-koebmandsgaard-fur.jpg') center/cover}.hero.no-photo{background:linear-gradient(135deg,#173f3b,#52706a)}.hero-inner{max-width:850px;padding:70px 20px;color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:700}.hero h1{font:700 clamp(44px,7vw,82px)/1.03 Georgia,serif;margin:14px 0}.hero p{font-size:21px;max-width:700px;margin:0 auto 28px}.button{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:13px 20px;border-radius:4px;font-weight:700;margin:6px}.button.secondary{background:transparent;border:1px solid #fff}.section{padding:76px 0}.section h2{font:700 40px Georgia,serif;color:var(--ink);margin:0 0 12px}.lead{max-width:760px;font-size:19px;color:#53605c}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.card{background:#fff;border:1px solid var(--line);padding:28px;border-radius:6px;box-shadow:0 7px 22px rgba(25,50,45,.05)}.card h3{font:700 25px Georgia,serif;color:var(--ink);margin:0 0 8px}.card a{font-weight:700}.tint{background:#e8e4da}.news-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px}.post-list article{border-top:1px solid var(--line);padding:22px 0}.post-list h3{margin:4px 0;font:700 24px Georgia,serif}.meta{color:var(--muted);font-size:14px}.callout{background:var(--ink);color:#fff;padding:36px;border-radius:6px}.callout h3{font:700 30px Georgia,serif;margin-top:0}.callout a{color:#fff}.site-footer{background:#153d39;color:#eef2ef;padding:54px 0 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.site-footer h3{font:700 22px Georgia,serif;margin-top:0}.site-footer a{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.2);margin-top:35px;padding-top:20px;font-size:13px}.content{background:#fff;padding:40px;margin:50px auto;border:1px solid var(--line);max-width:900px}.content h1,.content h2{font-family:Georgia,serif;color:var(--ink)}@media(max-width:800px){.header-inner{align-items:flex-start;padding:18px 0;flex-direction:column}.nav ul{flex-wrap:wrap;gap:12px 18px}.hero{min-height:500px}.cards,.news-grid,.footer-grid{grid-template-columns:1fr}.section{padding:52px 0}.section h2{font-size:34px}.wrap{width:min(var(--max),calc(100% - 28px))}}

/* Version 2 front-page refinements */
.hero-inner{position:relative;z-index:1}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,40,37,.08),rgba(10,40,37,.18));pointer-events:none}.hero-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-kicker{text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:12px;color:var(--accent)}.card-icon{font-size:30px;line-height:1;margin-bottom:14px}.cards.four{grid-template-columns:repeat(4,1fr)}.card{transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(25,50,45,.09)}.story-band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.story-photo{min-height:340px;border-radius:6px;background:linear-gradient(135deg,#d9d1c1,#aebcb6);display:grid;place-items:center;color:var(--ink);padding:32px;text-align:center}.story-photo strong{font:700 30px Georgia,serif}.quote{font:italic 700 30px/1.35 Georgia,serif;color:var(--ink);margin:0 0 18px}.footer-note{max-width:560px;color:#d8e0dc}.nav .current-menu-item>a,.nav .current_page_item>a{color:var(--accent)}
@media(max-width:980px){.cards.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.story-grid,.cards.four{grid-template-columns:1fr}.section-heading{display:block}.nav ul{padding-bottom:4px}.brand strong{font-size:22px}.hero h1{font-size:48px}.hero p{font-size:18px}.story-photo{min-height:240px}}


/* Version 2.1 compact mobile navigation */
.menu-toggle{display:none;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:5px;padding:9px 12px;font:700 14px Arial,Helvetica,sans-serif;cursor:pointer;align-items:center;gap:7px}.menu-toggle:focus-visible{outline:3px solid rgba(166,84,56,.28);outline-offset:2px}.menu-icon{font-size:20px;line-height:1}.menu-label{line-height:1}
@media(max-width:800px){.header-inner{min-height:70px;padding:10px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px}.brand{min-width:0}.brand strong{font-size:18px;line-height:1.15}.brand span{font-size:10px;letter-spacing:.1em}.menu-toggle{display:inline-flex}.nav{display:none;grid-column:1/-1;width:100%;border-top:1px solid var(--line);padding-top:7px}.site-header.menu-open .nav{display:block}.nav ul{display:block;margin:0;padding:0 0 4px}.nav li{margin:0;border-bottom:1px solid var(--line)}.nav li:last-child{border-bottom:0}.nav a{display:block;padding:11px 3px;font-size:15px}.hero{min-height:430px}.hero-inner{padding:54px 16px}.hero h1{font-size:44px}.content{margin:28px auto;padding:24px}}

/* Version 2.2 historical archive photography */
.hero{background-position:center 46%;}
.story-photo{display:block;min-height:0;padding:0;background:#eee;overflow:hidden;position:relative;margin:0;}
.story-photo img{display:block;width:100%;height:360px;object-fit:cover;filter:sepia(.08);}
.story-photo figcaption{position:absolute;left:14px;bottom:12px;background:rgba(20,55,51,.88);color:#fff;padding:6px 10px;border-radius:3px;font-size:13px;}
.archive-photo-strip{background:#fff;}
@media(max-width:800px){.hero{background-position:center center}.story-photo img{height:260px}}


/* Version 2.3 association logo in header */
.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-logo{display:block;width:72px;height:64px;object-fit:contain;flex:0 0 auto}.brand-copy{display:block;min-width:0}.brand-copy>span{display:block}
@media(max-width:800px){.brand{gap:9px}.brand-logo{width:48px;height:44px}.brand-copy strong{font-size:16px}.brand-copy>span{font-size:9px;letter-spacing:.08em}.header-inner{min-height:64px}}
@media(max-width:430px){.brand-logo{width:42px;height:40px}.brand-copy strong{font-size:14px}.brand-copy>span{font-size:8px}.menu-toggle{padding:8px 9px}.menu-label{display:none}}

/* Version 2.4 full association logo */
.brand-logo-full{width:310px;height:76px;object-fit:contain;object-position:left center}
@media(max-width:800px){.brand-logo-full{width:225px;height:54px}.header-inner{min-height:68px}}
@media(max-width:430px){.brand-logo-full{width:190px;height:48px}}