/*
Theme Name: Campervideo Portaal
Theme URI: https://vandaagdedag.nl/
Author: Campervideo Portaal
Description: Persoonlijk overzicht van favoriete campervloggers met YouTube RSS-import.
Version: 1.3.2
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: campervideo
*/
:root{--navy:#132943;--mint:#bce5d8;--bg:#f5f7f9;--ink:#17283b;--line:#dce3e9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#12628b}header.site{background:var(--navy);color:#fff}header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}header.site a{color:white;text-decoration:none}.brand{font-size:1.35rem;font-weight:800}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}.menu{display:flex;gap:1rem;flex-wrap:wrap}main{min-height:65vh;padding:2rem 0}h1,h2,h3{line-height:1.2}h1{font-size:clamp(1.8rem,4vw,2.7rem)}.hero{background:var(--mint);border-radius:20px;padding:2rem;margin-bottom:2rem}.button,button,input[type=submit]{display:inline-block;background:var(--navy);border:0;border-radius:10px;color:white;padding:.65rem 1rem;text-decoration:none;cursor:pointer;font:inherit}.button:hover,button:hover{background:#285477}.secondary{background:#e8eef2;color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.card-content{padding:14px}.card h3{margin:.2rem 0;font-size:1.08rem}.card p{margin:.3rem 0;color:#526577;font-size:.9rem}.thumb{display:block;aspect-ratio:16/9;background:#dbe3e8}.thumb img{width:100%;height:100%;object-fit:cover}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.channel-choice{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.channel-choice input{width:20px;height:20px}.notice{padding:12px 16px;border-radius:10px;background:#e4f3ed;margin:1rem 0}.notice.error{background:#ffe8e8}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:1rem 0 1.5rem}.muted{color:#657586}.form-box{max-width:480px;background:#fff;padding:24px;border-radius:15px;border:1px solid var(--line)}.form-box input:not([type=submit]){width:100%;padding:10px;border:1px solid #b7c4ce;border-radius:8px}footer.site{padding:2rem 0;background:#e8eef2;color:#475b6e}.pagination{display:flex;gap:10px;justify-content:center;margin:2rem 0}.pagination a,.pagination span{padding:6px 12px;background:#fff;border-radius:8px}.screen-reader-text{position:absolute;left:-9999px}@media(max-width:650px){header.site .wrap{align-items:flex-start;flex-direction:column}.hero{padding:1.3rem}}
/* Vormgeving afgestemd op Vandaag de Dag Magazine 0.7.56 */
:root{--navy:#1a3867;--mint:#c5fce9;--bg:#fff;--ink:#1a3867;--line:#d4e8e3;--orange:#e28d32}
body{background:#fff;color:var(--ink)}a{color:var(--navy)}a:hover{color:var(--orange)}header.site{background:#fff;color:var(--navy);border-bottom:2px solid var(--mint)}header.site a{color:var(--navy)}header.site a:hover{color:var(--orange)}.brand{letter-spacing:-.025em;font-weight:900;font-size:clamp(25px,3vw,37px)}.hero{background:var(--mint);color:var(--navy);border-radius:0;padding:clamp(36px,5vw,70px) 32px}.hero h1{letter-spacing:-.04em}.button,button,input[type=submit]{background:var(--orange);border-radius:999px;font-weight:750}.button:hover,button:hover{background:var(--navy);color:#fff}.secondary{background:var(--mint);color:var(--navy)}.card{border-radius:14px;box-shadow:0 5px 20px rgba(26,56,103,.07)}.card h3 a{text-decoration:none}.channel-choice{border-color:var(--line)}.channel-choice.mandatory{background:var(--mint)}.channel-choice small{display:block;font-size:.78rem;color:var(--navy)}.notice{background:var(--mint)}footer.site{background:var(--navy);color:#fff}footer.site a{color:#fff}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}

/* Eigen accountpagina's in de Vandaag de Dag-huisstijl */
.auth-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1020px;margin:1.5rem auto 3rem;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 12px 40px rgba(26,56,103,.08)}
.auth-intro{background:var(--mint);padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:center}
.auth-intro h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em;margin:.6rem 0}
.auth-eyebrow{color:var(--navy);font-size:.85rem;font-weight:800;letter-spacing:.13em}
.auth-panel{padding:clamp(24px,4vw,54px)}
.auth-panel h2{font-size:1.85rem;margin:0 0 .5rem}
.auth-panel p{margin:0 0 1.4rem}
.auth-panel form{display:flex;flex-direction:column;gap:9px;margin:1.5rem 0}
.auth-panel label{font-weight:700;font-size:.93rem}
.auth-panel input:not([type=checkbox]){width:100%;padding:13px 14px;border:1px solid #afc5c5;border-radius:10px;font:inherit;color:var(--ink);margin-bottom:10px;background:#fff}
.auth-panel input:focus-visible{outline:3px solid var(--mint);border-color:var(--navy)}
.auth-panel button{width:100%;margin-top:12px;padding:13px}
.auth-check{display:flex;align-items:center;gap:9px;font-weight:400!important}
.auth-panel a{font-weight:700}
@media(max-width:750px){.auth-layout{grid-template-columns:1fr}.auth-intro{padding:30px}.auth-panel{padding:28px}}

.profile-page{max-width:1080px;margin:2rem auto 4rem}
.profile-heading{margin-bottom:2rem}.profile-heading h1{font-size:clamp(2rem,4vw,3rem);margin:.3rem 0}
.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px}
.profile-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(20px,3vw,34px);box-shadow:0 8px 25px rgba(26,56,103,.05)}
.profile-panel h2{margin:0 0 1rem}.profile-panel form{display:flex;flex-direction:column;gap:9px}
.profile-panel label{font-weight:700}.profile-panel input:not([type=checkbox]){width:100%;padding:12px 14px;border:1px solid #afc5c5;border-radius:10px;font:inherit;margin-bottom:10px}
.profile-panel button{align-self:flex-start;margin-top:10px}.profile-favorites .channel-grid{margin-top:1.5rem}
@media(max-width:750px){.profile-grid{grid-template-columns:1fr}}