/*
Theme Name: GribDagen Podcast
Author: GribDagen
Description: Selvstændigt, let podcasttema i varme retrofarver. Almindelige WordPress-indlæg, kategorifiltre og PowerPress via standardindhold. Uden Elementor.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gribdagen-podcast
*/
:root{--paper:#f7f2e7;--cream:#fffaf0;--ink:#253834;--petrol:#155563;--brown:#704b31;--gold:#db9c35;--sage:#dfe5da;--line:#d9d0be;--muted:#606960;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.7;overflow-wrap:break-word}a{color:var(--petrol);text-underline-offset:4px}a:hover{color:var(--brown)}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}:focus-visible{outline:3px solid var(--petrol);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}h1,h2,h3{font-family:var(--serif);color:var(--brown);line-height:1.13;letter-spacing:-.035em;margin:0 0 20px}h1{font-size:clamp(40px,5vw,68px)}h2{font-size:clamp(32px,3.7vw,46px)}h3{font-size:26px}p{margin:0 0 20px}.site-header{border-bottom:1px solid var(--line)}.header-row{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand>a{font:bold 34px var(--serif);color:var(--brown);text-decoration:none;letter-spacing:-1px}.brand span{display:block;font:10px var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:8px}.custom-logo{max-height:72px;width:auto}#site-navigation ul,.footer-links ul{display:flex;list-style:none;gap:26px;padding:0;margin:0;flex-wrap:wrap}#site-navigation a{font-size:14px;font-weight:600;text-decoration:none}#site-navigation .sub-menu{display:block;margin-top:6px;padding-left:12px}#site-navigation .sub-menu a{font-size:13px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:center;padding-block:70px 80px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--petrol);margin:0 0 22px}.hero h1{font-size:clamp(48px,6.2vw,80px);line-height:1.01}.hero-intro{font-size:19px;max-width:490px;color:var(--muted);line-height:1.8}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--petrol);color:white;text-decoration:none;padding:14px 20px;border:1px solid var(--petrol);border-radius:3px;font-size:14px;font-weight:650}.button:hover{background:#103e48;color:white}.button span{color:#efbb59}.text-link{font-size:14px;font-weight:600}.cover-frame{padding:12px;background:var(--cream);border:1px solid var(--line);box-shadow:10px 10px 0 #e9e0cd;transform:rotate(1deg)}.cover-frame img{width:100%;aspect-ratio:1;object-fit:contain}.platforms{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px}.platform{font-size:13px;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px}.platform span{margin-left:8px}.episodes-section{padding:64px 0 80px;border-top:1px solid var(--line);background:#eee9dd}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2,.section-heading h1{margin-bottom:0}.section-heading .eyebrow{margin-bottom:12px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 32px}.filters a{font-size:13px;border:1px solid #a9ac9c;border-radius:2px;padding:8px 16px;color:var(--ink);text-decoration:none}.filters a[aria-current],.filters a:hover{background:var(--petrol);color:white;border-color:var(--petrol)}.episode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.episode-card{background:var(--cream);border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.card-image{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--sage)}.card-image img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.play-mark{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:42px;height:42px;background:var(--petrol);color:#fff;border-radius:50%;font-size:14px}.card-body{padding:25px;display:flex;flex-direction:column;flex:1}.card-meta{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--petrol);display:flex;gap:10px;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.card-meta time{color:var(--muted)}.card-body h3 a{text-decoration:none;color:var(--brown)}.card-body p{color:var(--muted);font-size:14px;line-height:1.8}.listen-link{font-size:13px;font-weight:700;margin-top:auto;text-decoration:none}.listen-link>span[aria-hidden]{float:right}.pagination,.nav-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}.page-numbers{display:inline-block;padding:6px 14px;border:1px solid var(--line);text-decoration:none}.page-numbers.current{background:var(--petrol);color:white}.site-footer{padding:48px 0;background:#163e43;color:#e8e6d9}.footer-row{display:flex;gap:35px;justify-content:space-between}.site-footer a{color:#f2dfb7}.footer-brand{font:bold 33px var(--serif);text-decoration:none}.site-footer p{font-size:13px;margin-top:12px;max-width:360px}.footer-links{display:flex;align-content:start;gap:14px 24px;flex-wrap:wrap;max-width:450px}.footer-links a{font-size:13px}.reading-layout{max-width:820px;padding-block:55px 80px}.entry-header{margin-bottom:35px}.back-link{display:inline-block;margin-bottom:30px;font-size:13px}.entry-categories{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.entry-header h1{font-size:clamp(36px,5vw,58px)}.entry-header time{font-size:13px;color:var(--muted)}.entry-image{margin-bottom:32px}.entry-image img{width:100%;max-height:650px;object-fit:contain}.entry-content{font-size:18px}.entry-content h2{margin-top:45px;font-size:34px}.entry-content h3{margin-top:30px}.entry-content iframe,.entry-content video,.entry-content audio{max-width:100%}.entry-content audio{width:100%}.entry-content .powerpress_player,.entry-content .wp-block-audio{padding:18px;background:var(--sage);border:1px solid var(--line);margin:26px 0}.powerpress_links,.powerpress_subscribe_links{font-size:13px}.entry-content .mejs-container{max-width:100%}.entry-content blockquote{border-left:3px solid var(--gold);margin:32px 0;padding:12px 25px;font:italic 25px/1.5 var(--serif);color:var(--brown)}.entry-content pre{overflow:auto;padding:20px;background:var(--sage)}.entry-content table{border-collapse:collapse;width:100%}.entry-content th,.entry-content td{padding:10px;border:1px solid var(--line)}.wp-block-table{overflow-x:auto}.entry-content figure{max-width:100%;margin-inline:0}.entry-content figcaption{font-size:13px;color:var(--muted)}.entry-tags{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:13px}.subscribe-panel{margin:40px 0;padding:28px;background:var(--sage)}.subscribe-panel h2{font-size:28px}.subscribe-panel .platforms{margin:0}.post-navigation{border-top:1px solid var(--line);padding-top:20px}.post-navigation .nav-links{justify-content:space-between;gap:25px}.nav-previous,.nav-next{flex:1;font-size:14px}.archive-layout{padding-block:50px 80px}.archive-description{max-width:700px;margin-top:18px}.search-form{display:flex;gap:10px;margin:26px 0 36px}.search-form label{flex:1}.search-form input{width:100%;background:var(--cream);border:1px solid #9d9e8f;border-radius:2px;padding:12px 15px}.search-form button,.form-submit input{background:var(--petrol);color:white;border:0;padding:12px 22px;cursor:pointer}.comments-area{margin-top:55px;border-top:1px solid var(--line);padding-top:30px}.comment-list{padding-left:20px}.comment-body{margin-bottom:25px}.comment-form textarea,.comment-form input:not([type=checkbox]):not([type=submit]){display:block;width:100%;border:1px solid #9d9e8f;padding:10px;background:var(--cream)}.comment-form label{font-size:14px}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;z-index:999;top:10px;left:10px;padding:10px;background:white}.aligncenter{margin-inline:auto}.alignleft{float:left;margin-right:24px}.alignright{float:right;margin-left:24px}.entry-content:after{content:'';display:block;clear:both}.wp-caption{max-width:100%}.wp-caption-text{font-size:13px}.sticky{}.bypostauthor{}.gallery-caption{font-size:13px}
@media(max-width:1000px){.hero{gap:35px}.episode-grid{gap:18px}.card-body{padding:20px}.hero-actions{gap:15px}.hero-intro{font-size:17px}}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.header-row{min-height:88px;flex-wrap:wrap;padding-block:18px;gap:15px}.brand>a{font-size:29px}.menu-toggle:not([hidden]){display:block;background:none;border:1px solid var(--petrol);border-radius:2px;padding:7px 14px;color:var(--petrol);margin-left:auto}#site-navigation{width:100%}body:has(.menu-toggle:not([hidden])) #site-navigation:not(.is-open){display:none}#site-navigation ul{gap:15px 25px}.hero{padding-block:42px 55px;grid-template-columns:1fr 1fr;gap:25px}.hero h1{font-size:45px}.hero-intro{font-size:15px}.eyebrow{font-size:10px;letter-spacing:1.4px}.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-row{flex-direction:column}.episodes-section{padding-block:44px 55px}}
@media(max-width:560px){.hero{grid-template-columns:1fr;gap:35px}.hero h1{font-size:55px}.hero-intro{font-size:17px}.cover-frame{max-width:410px;transform:none;box-shadow:6px 6px 0 #e9e0cd}.episode-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.filters a{padding:7px 12px}.card-image{aspect-ratio:16/11}.card-body{padding:24px}.card-body h3{font-size:27px}.reading-layout{padding-top:32px}.entry-content{font-size:17px}.search-form{gap:6px}.search-form input{font-size:14px}.search-form button{padding:10px 15px}.entry-header h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
