/*
Theme Name: Pertisau Tramon
Version: 1.0.0
Description: Licht reisdesign voor Pertisau, met toegankelijke navigatie, gidsen en onderwerpkaarten.
Author: Pertisau.nl
License: GNU General Public License v2 or later
Text Domain: pertisau-tramon
*/
:root{--ink:#123349;--muted:#526977;--teal:#087c80;--light:#f4f7f5;--line:#dae5e3;--white:#fff;--wide:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--light);color:var(--ink);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--teal);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto;display:block}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}h1,h2,h3{line-height:1.15;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(2.25rem,5vw,4.7rem);font-weight:750;margin:0 0 24px}h2{font-size:clamp(1.8rem,3.2vw,2.8rem)}h3{font-size:1.35rem}p{margin:0 0 1.4em}.wrap{width:min(var(--wide),calc(100% - 64px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.74rem;font-weight:750;color:var(--teal);margin-bottom:18px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:1.6rem;font-weight:800;letter-spacing:-.055em}.brand svg{width:43px;height:39px;color:var(--teal)}.brand small{display:block;font-size:.62rem;letter-spacing:.17em;text-transform:uppercase;font-weight:650;color:var(--muted);line-height:1.6}.desktop-nav{display:flex;gap:23px;align-items:center;font-size:.85rem;font-weight:650}.desktop-nav a{text-decoration:none;color:var(--ink)}.desktop-nav a:hover{color:var(--teal)}details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}.nav-drop{position:relative}.nav-drop summary:after{content:'⌄';padding-left:7px}.nav-drop[open]>div{position:absolute;top:35px;left:-16px;background:#fff;padding:16px;box-shadow:0 12px 32px #12334920;border:1px solid var(--line);border-radius:12px;min-width:210px;display:grid;gap:10px}.mobile-nav{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--teal);color:#fff!important;padding:13px 21px;border:1px solid var(--teal);border-radius:5px;text-decoration:none;font-weight:650;font-size:.9rem}.btn:hover{background:#06696c}.btn.secondary{background:transparent;color:var(--ink)!important;border-color:#aec1c7}.hero{position:relative;margin-top:28px;min-height:590px;border-radius:12px;overflow:hidden;background:#123349;display:flex;align-items:center;color:#fff}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,35,45,.89) 0%,rgba(10,35,45,.58) 47%,rgba(10,35,45,.06) 100%)}.hero-copy{position:relative;z-index:1;max-width:690px;padding:60px}.hero h1{font-size:clamp(2.6rem,5.5vw,5rem);line-height:1.04}.hero .eyebrow{color:#a5e4dc}.hero p{max-width:475px;font-size:1.07rem;color:#f0f7f5}.hero .btn{background:#c5eee7;color:var(--ink)!important;border:0}.photo-credit{position:absolute;right:16px;bottom:10px;font-size:.65rem;z-index:1;background:#103444b8;padding:3px 8px;color:white;border-radius:4px}.photo-credit a{color:white}.intro-strip{display:flex;gap:30px;justify-content:space-between;padding:23px 0;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--muted)}.intro-strip strong{color:var(--ink)}.section{padding:70px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-title h2{margin:0}.section-title p{margin:0;color:var(--muted);max-width:400px;font-size:.94rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #1233490b}.card a{text-decoration:none;color:var(--ink);display:flex;flex:1;flex-direction:column;padding:27px}.card .card-kicker{font-size:.69rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--teal)}.card h3{margin:16px 0 13px}.card p{font-size:.9rem;line-height:1.65;color:var(--muted);margin-bottom:23px}.card .arrow{margin-top:auto;color:var(--teal);font-weight:650;font-size:.84rem}.card-icon{font-size:2rem;color:var(--teal);line-height:1;margin-bottom:20px}.tinted{background:#e6efeb}.planning{background:var(--ink);color:white;padding:46px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:40px}.planning h2{font-size:2rem;margin:0 0 14px}.planning p{max-width:630px;color:#cfdddf;margin:0}.planning .btn{flex-shrink:0;background:#c5eee7;color:var(--ink)!important}.breadcrumbs{padding:26px 0;font-size:.78rem;color:var(--muted)}.breadcrumbs a{color:var(--muted);text-decoration:none}.page-heading{max-width:880px;padding:18px 0 35px}.page-heading h1{font-size:clamp(2.25rem,4.3vw,3.7rem)}.page-heading .lead{font-size:1.18rem;max-width:760px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:64px;padding-bottom:65px}.article-body{min-width:0}.article-body h2{font-size:1.7rem;margin:2em 0 .8em}.article-body h3{font-size:1.35rem;margin:1.8em 0 .7em}.article-body p,.article-body li{font-size:1.03rem;line-height:1.85}.article-body h2:first-child{margin-top:0}.article-body a{overflow-wrap:anywhere}.article-body ul{padding-left:24px}.article-body figure.wp-block-table{overflow-x:auto;margin:25px 0}table{border-collapse:collapse;width:100%}th,td{padding:12px;border:1px solid var(--line);text-align:left}.toc{background:#fff;border:1px solid var(--line);border-radius:8px;padding:23px;font-size:.81rem;position:sticky;top:28px}.toc strong{display:block;font-size:.9rem;margin-bottom:13px}.toc ol{padding-left:20px;margin:0}.toc li{margin:10px 0}.toc a{color:var(--muted);text-decoration:none}.toc a:hover{color:var(--teal)}.source-date{font-size:.75rem;color:var(--muted);border-top:1px solid var(--line);padding-top:17px}.home-reading{max-width:760px;margin:auto}.home-reading h2{font-size:1.65rem;margin:1.6em 0 .8em}.home-reading>h2:first-child{margin-top:0}.related{border-top:1px solid var(--line)}.site-footer{background:#0e2d3e;color:#d4e1e5;padding:58px 0 20px;font-size:.86rem}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:65px;padding-bottom:40px}.site-footer .brand{color:white;margin-bottom:18px}.site-footer p{max-width:340px;color:#a8bec6}.site-footer h2{font-size:1rem;letter-spacing:0;margin:0 0 20px}.site-footer ul{list-style:none;padding:0;margin:0;columns:2;column-gap:20px}.site-footer li{margin:0 0 10px}.site-footer a{color:#d4e1e5;text-decoration:none}.footer-bottom{border-top:1px solid #305061;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#a8bec6;font-size:.74rem}.search-form{display:flex;gap:8px;max-width:550px;margin:20px 0}.search-form input{min-width:0;width:100%;border:1px solid #aac0c5;border-radius:5px;padding:12px}.skip-link{position:absolute;left:20px;top:-100px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #d78925;outline-offset:4px}.empty{padding:60px 0;min-height:50vh}.cookie-controls{border:0;background:none;color:inherit;text-decoration:underline;padding:0;font-size:inherit}.consent{position:fixed;bottom:20px;left:20px;max-width:430px;z-index:99;background:white;border:1px solid #b8cfce;border-radius:10px;padding:24px;box-shadow:0 8px 40px #12334930}.consent[hidden]{display:none}.consent p{font-size:.83rem;margin:0 0 16px}.consent .actions{display:flex;gap:10px}.consent .btn{font-size:.78rem;padding:10px 13px}.consent strong{display:block;margin-bottom:8px}.mini-title{font-size:1.45rem}.results .card{margin-bottom:18px}.site-main{min-height:55vh}
@media(max-width:1000px){.desktop-nav{gap:14px;font-size:.77rem}.wrap{width:calc(100% - 40px)}.hero-copy{padding:45px}.article-layout{gap:35px}.footer-grid{gap:35px}}
@media(max-width:760px){body{font-size:16px}.wrap{width:calc(100% - 32px)}.header-inner{min-height:78px}.brand{font-size:1.4rem}.brand svg{width:35px}.desktop-nav{display:none}.mobile-nav{display:block}.mobile-nav summary{padding:9px 13px;border:1px solid var(--line);border-radius:5px;font-size:.9rem;font-weight:600}.mobile-nav[open] nav{position:absolute;left:0;right:0;top:78px;background:white;padding:20px 24px;box-shadow:0 10px 20px #12334915;display:grid;grid-template-columns:1fr 1fr;gap:15px;max-height:75vh;overflow:auto}.mobile-nav nav a{font-size:.9rem;text-decoration:none;color:var(--ink)}.hero{margin-top:16px;min-height:530px;align-items:flex-end}.hero-copy{padding:32px 25px 54px}.hero:after{background:linear-gradient(0deg,#0b2b3bea 0%,#0b2b3b83 70%,#0b2b3b14 100%)}.hero h1{font-size:3.1rem}.hero p{font-size:.98rem}.photo-credit{font-size:.57rem}.intro-strip{gap:13px;font-size:.71rem;flex-wrap:wrap}.section{padding:45px 0}.section-title{display:block}.section-title p{margin-top:15px}.cards{grid-template-columns:1fr 1fr;gap:14px}.card a{padding:21px}.card h3{font-size:1.16rem}.card p{font-size:.84rem}.planning{padding:28px;display:block}.planning .btn{margin-top:25px}.article-layout{grid-template-columns:1fr;gap:28px}.article-aside{grid-row:1}.toc{position:static}.toc ol{columns:2;column-gap:22px}.toc li{break-inside:avoid}.page-heading{padding-top:4px}.page-heading h1{font-size:2.35rem}.page-heading .lead{font-size:1.05rem}.article-body p{font-size:1rem}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{display:block}.footer-bottom>span{display:block;margin-bottom:12px}.consent{left:12px;right:12px;bottom:12px;max-width:none;padding:20px}.site-footer{padding-top:40px}}
@media(max-width:440px){.cards{grid-template-columns:1fr}.hero h1{font-size:2.7rem}.hero{min-height:525px}.toc ol{columns:1}.intro-strip span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

.section-title .eyebrow h2{text-transform:none;color:var(--ink);letter-spacing:-.035em;margin-top:18px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}