/*
Theme Name: Grib Dagen Rejsebogen Bilingual
Theme URI: https://blog.gribdagen.dk/
Author: Grib Dagen
Description: Let, responsivt tema til historiske rejsefortællinger. Ingen page builder nødvendig.
Version: 2.4.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: gribdagen-rejsebog
*/
:root{--ink:#203b32;--muted:#5b6c62;--cream:#f7f5ee;--paper:#fff;--line:#dce3db;--accent:#b67b4b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.75}a{color:inherit}a:hover{color:#9a6035}img{max-width:100%;height:auto}.wrap{max-width:1160px;margin:auto;padding:0 24px}.site-header{background:rgba(247,245,238,.97);border-bottom:1px solid var(--line)}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}.brand{font-size:16px;font-weight:800;letter-spacing:.1em;text-decoration:none}.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:.22em;color:var(--muted)}.main-nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.main-nav a{text-decoration:none}.hero{position:relative;min-height:550px;display:flex;align-items:end;background:#334c3e center/cover no-repeat;color:white}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,30,23,.77),rgba(10,30,23,.04) 85%)}.hero-content{position:relative;padding:100px 24px 65px;width:100%}.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700}.hero h1{font:normal clamp(46px,7vw,92px)/1.04 Georgia,serif;max-width:850px;margin:12px 0 20px}.hero p{max-width:690px;font-size:19px}.section{padding:76px 0}.section h2,.archive-title{font:normal clamp(32px,4vw,50px)/1.15 Georgia,serif;margin:0 0 20px}.intro{max-width:790px;font-size:20px;color:#455a4d}.button{display:inline-block;background:var(--ink);color:white;padding:12px 22px;text-decoration:none;border-radius:3px;font-weight:650}.button:hover{background:#385f4b;color:white}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post-card{background:white;border:1px solid var(--line);overflow:hidden}.post-card img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.post-card .inner{padding:23px}.post-card h3{font:normal 26px/1.2 Georgia,serif;margin:8px 0}.post-card h3 a{text-decoration:none}.post-card p{color:var(--muted);margin:8px 0}.meta{font-size:12px;color:var(--muted);letter-spacing:.07em;text-transform:uppercase}.story{max-width:760px;margin:auto;padding:70px 24px}.story h1{font:normal clamp(38px,5vw,64px)/1.12 Georgia,serif;margin:12px 0 20px}.story .entry-content{font-size:18px;line-height:1.85}.entry-content h2,.entry-content h3{line-height:1.25}.entry-content img{border-radius:3px}.entry-content figure{margin:30px 0}.entry-content figcaption{font-size:13px;color:var(--muted)}.featured{width:100%;height:auto;margin:22px 0 30px}.archive-wrap{padding:75px 24px}.pager{margin:40px 0}.pager a{margin-right:14px}.footer{border-top:1px solid var(--line);padding:35px 0;color:var(--muted);font-size:14px}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer a{text-decoration:none}.timeline{border-left:2px solid #c8d5c9;padding-left:26px;margin-top:30px}.timeline-item{position:relative;margin:0 0 30px}.timeline-item:before{content:"";position:absolute;left:-33px;top:9px;width:12px;height:12px;background:var(--accent);border-radius:50%}.timeline-item h3{margin:0;font:normal 26px Georgia,serif}.timeline-item p{margin:4px 0;color:var(--muted)}.empty-photo{height:180px;background:#e0e8df;display:flex;align-items:center;justify-content:center;color:#62776a}.wp-block-image img{height:auto}@media(max-width:760px){.head-inner{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:18px;gap:12px}.main-nav{gap:14px;font-size:13px}.hero{min-height:470px}.hero-content{padding-bottom:50px}.section{padding:50px 0}.card-grid{grid-template-columns:1fr}.story{padding-top:45px}.hero p{font-size:17px}}
/* Language switch */
.lang-switch{display:inline-flex;gap:9px;align-items:center;padding-left:14px;border-left:1px solid #b5bdb3;white-space:nowrap}
.lang-switch a{font-weight:500;opacity:.78}.lang-switch a[aria-current="page"]{font-weight:800;opacity:1;text-decoration:underline;text-underline-offset:4px}
.lang-separator{opacity:.45}
@media(max-width:900px){.main-nav{flex-wrap:wrap;row-gap:10px}.lang-switch{padding-left:0;border-left:0}}

/* v2.1: keep faces visible and remove heavy bottom vignette */
.hero{align-items:center;min-height:560px;background-position:68% center;background-color:#284236}
.hero:before{background:linear-gradient(90deg,rgba(11,30,25,.90) 0%,rgba(11,30,25,.78) 29%,rgba(11,30,25,.33) 53%,rgba(11,30,25,.03) 76%)}
.hero-content{padding-top:84px;padding-bottom:84px}
.hero h1{max-width:570px;font-size:clamp(45px,5.5vw,76px)}
.hero p{max-width:510px}
@media(max-width:760px){
 .hero{min-height:560px;background-position:62% center;align-items:end}
 .hero:before{background:linear-gradient(0deg,rgba(11,30,25,.86) 0%,rgba(11,30,25,.60) 43%,rgba(11,30,25,.04) 85%)}
 .hero-content{padding-top:170px;padding-bottom:42px}
 .hero h1{font-size:clamp(42px,10vw,60px)}
}

/* v2.3: Full-width family photo, lighter overlay across the left third. */
@media(min-width:761px){
.hero:before{background:linear-gradient(90deg,rgba(11,30,25,.48) 0%,rgba(11,30,25,.37) 26%,rgba(11,30,25,.13) 51%,rgba(11,30,25,0) 74%)}
.hero h1,.hero .eyebrow,.hero p{text-shadow:0 2px 10px rgba(0,0,0,.65),0 1px 2px rgba(0,0,0,.7)}
}
@media(max-width:760px){
.hero:before{background:linear-gradient(0deg,rgba(11,30,25,.42) 0%,rgba(11,30,25,.25) 45%,rgba(11,30,25,.04) 100%)}
.hero h1,.hero .eyebrow,.hero p{text-shadow:0 2px 8px rgba(0,0,0,.8)}
}

/* v2.4: NO dark photo overlay. Keep full-width image completely visible.
   Readability comes from text shadows, not from darkening faces. */
.hero::before,.hero:before{background:none!important;opacity:0!important;display:none!important}
.hero h1,.hero .eyebrow,.hero p{
 text-shadow:0 2px 4px rgba(0,0,0,.95),0 4px 18px rgba(0,0,0,.85),0 0 32px rgba(0,0,0,.65);
}
@media(max-width:760px){
 .hero h1,.hero .eyebrow,.hero p{text-shadow:0 2px 5px rgba(0,0,0,.95),0 4px 18px rgba(0,0,0,.9)}
}

/* v2.5: Narrow left-edge fade only; ends before the first face. */
.hero::before,.hero:before{
  display:block!important;opacity:1!important;
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(11,30,25,.68) 0%,rgba(11,30,25,.38) 8%,rgba(11,30,25,.12) 17%,rgba(11,30,25,0) 23%)!important;
}
@media(max-width:760px){.hero::before,.hero:before{background:linear-gradient(90deg,rgba(11,30,25,.42) 0%,rgba(11,30,25,0) 24%)!important}}

/* v2.6: Make embedded SmugMug galleries blend into the article.
   Does not affect shortcode parsing or content inside third-party iframes. */
.story .entry-content iframe[src*="smugmug"],
.story .entry-content iframe[src*="SmugMug"],
.story .entry-content iframe[src*="smug"] {
  display:block; max-width:100%; border:0!important; box-shadow:none!important;
  outline:0!important; background:transparent;
}
.story .entry-content :is(.smugmug-slideshow,.smugmug-gallery,.smugmug-embed) {
  border:0!important; box-shadow:none!important; outline:0!important;
  background:transparent!important; padding:0!important;
}