/* SK Menu – Art Deco mega-menu. Kleuren, fonts en maten komen uit Instellingen → SK Menu (CSS-variabelen). */

.skm-root,.skm-mm{
	--skm-rood:#2B0910;--skm-diep:#1E060B;--skm-licht:#3A0F17;--skm-messing:#B8925A;--skm-messing-l:#D4B47F;
	--skm-ossen:#6A1F22;--skm-creme:#ECE4D3;--skm-ink:#1D1B18;--skm-body:#4A423A;--skm-piet:#0C1724;--skm-kerst:#142610;
	--skm-font-h:"Cinzel",Georgia,serif;--skm-font-b:"Montserrat","Helvetica Neue",Arial,sans-serif;
	--skm-h:84px;--skm-logo-h:34px;--skm-logo-h-m:26px;--skm-panel-bg:var(--skm-rood);--skm-panel-img:none;--skm-panel-op:.15;
	--skm-panel-w:1320px;--skm-inset:14px;--skm-cut:8px;--skm-mobile-bg:var(--skm-rood);--skm-mobile-img:none;--skm-mobile-op:.16;
	--skm-line:rgba(184,146,90,.28);
}

/* ---------- basis en reset tegen themastijlen ---------- */
.skm-root,.skm-root *,.skm-mm,.skm-mm *{box-sizing:border-box}
.skm-root,.skm-mm{font-family:var(--skm-font-b);font-size:15px;line-height:1.6;color:var(--skm-creme);-webkit-font-smoothing:antialiased}
.skm-root ul,.skm-root ol,.skm-mm ul,.skm-mm ol{list-style:none;margin:0;padding:0}
.skm-root li,.skm-mm li{margin:0;padding:0}
.skm-root p,.skm-mm p{margin:0}
body .skm-root a,body .skm-mm a,body .skm-root a:hover,body .skm-mm a:hover,body .skm-root a:focus,body .skm-mm a:focus{color:inherit;text-decoration:none;box-shadow:none;background-color:transparent}
.skm-root img,.skm-mm img{max-width:100%;height:auto;display:block;border:0;border-radius:0;box-shadow:none}
body .skm-root button,body .skm-mm button{background:none;border:0;border-radius:0;box-shadow:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:none;padding:0;margin:0;min-height:0;cursor:pointer;line-height:inherit;text-decoration:none}
body .skm-root button:hover,body .skm-mm button:hover,body .skm-root button:focus,body .skm-mm button:focus{background:none;border:0;box-shadow:none;color:inherit}
.skm-root :focus-visible,.skm-mm :focus-visible{outline:2px solid var(--skm-messing-l);outline-offset:3px}
.skm-root svg,.skm-mm svg{display:block}
.skm-notice{padding:12px 16px;background:#fff3cd;color:#664d03;font:14px/1.4 sans-serif}

/* ---------- deco-knop: rechthoek met afgesneden hoeken ---------- */
.skm-root .skm-btn,.skm-mm .skm-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;
	font:600 13.5px/1 var(--skm-font-h);letter-spacing:.07em;white-space:nowrap;text-decoration:none;text-transform:none;border:0;border-radius:0;
	background:var(--skm-messing);color:var(--skm-diep);
	clip-path:polygon(var(--skm-cut) 0,calc(100% - var(--skm-cut)) 0,100% var(--skm-cut),100% calc(100% - var(--skm-cut)),calc(100% - var(--skm-cut)) 100%,var(--skm-cut) 100%,0 calc(100% - var(--skm-cut)),0 var(--skm-cut));
	transition:background-color .2s,color .2s}
.skm-root .skm-btn:hover,.skm-mm .skm-btn:hover,.skm-root .skm-btn:focus,.skm-mm .skm-btn:focus{background:var(--skm-messing-l);color:var(--skm-diep)}
.skm-root .skm-btn--rood,.skm-mm .skm-btn--rood{background:var(--skm-rood);color:var(--skm-creme)}
.skm-root .skm-btn--rood:hover,.skm-root .skm-btn--rood:focus{background:var(--skm-ossen);color:var(--skm-creme)}
.skm-mm .skm-btn--line{background:var(--skm-messing);color:var(--skm-creme);isolation:isolate}
.skm-mm .skm-btn--line::before{content:"";position:absolute;inset:1px;z-index:-1;background:var(--skm-diep);clip-path:inherit;transition:background-color .2s}
.skm-mm .skm-btn--line:hover,.skm-mm .skm-btn--line:focus{background:var(--skm-messing);color:var(--skm-creme)}
.skm-mm .skm-btn--line:hover::before{background:var(--skm-licht)}

.skm-root .skm-iconbtn,.skm-mm .skm-iconbtn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;color:var(--skm-creme)}
.skm-root .skm-iconbtn:hover,.skm-mm .skm-iconbtn:hover{color:var(--skm-messing-l)}
.skm-iconbtn svg{width:22px;height:22px}
.skm-badge{position:absolute;top:6px;right:4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--skm-messing);color:var(--skm-diep);font:600 10px/17px var(--skm-font-b);text-align:center}
.skm-badge--empty{display:none}

/* ---------- header ---------- */
.skm-header{position:fixed;top:var(--wp-admin--admin-bar--height,0px);left:0;right:0;z-index:9990;padding-top:env(safe-area-inset-top,0px)}
.skm-bar{position:relative;height:var(--skm-h);display:flex;align-items:center;gap:28px;padding:0 clamp(20px,3.6vw,56px);background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,0));transition:background-color .3s}
.skm-root.is-solid .skm-bar{background-color:var(--skm-diep);background-image:none}
.skm-bar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;border-top:1px solid var(--skm-messing);border-bottom:1px solid var(--skm-line);opacity:0;transition:opacity .3s;pointer-events:none}
.skm-root.is-solid .skm-bar::after{opacity:.8}
.skm-logo{display:inline-flex;align-items:center;flex:none}
.skm-logo .skm-logo__img{height:var(--skm-logo-h);width:auto;max-width:none}
.skm-logo--mob .skm-logo__img{height:var(--skm-logo-h-m)}
.skm-logo__text{font:500 20px/1 var(--skm-font-h);letter-spacing:.06em;color:var(--skm-messing-l)}
.skm-nav{margin-left:auto}
.skm-nav ul{display:flex}
.skm-root .skm-trigger{position:relative;display:flex;align-items:center;gap:8px;height:var(--skm-h);padding:0 15px;color:var(--skm-creme);font:500 15px/1 var(--skm-font-h);letter-spacing:.06em}
.skm-trigger .skm-chev{width:10px;height:6px;color:var(--skm-messing);transition:transform .25s}
.skm-trigger::after{content:"";position:absolute;left:15px;right:15px;bottom:16px;height:1px;background:var(--skm-messing);transform:scaleX(0);transition:transform .25s}
.skm-root .skm-trigger:hover,.skm-root .skm-trigger[aria-expanded="true"]{color:var(--skm-messing-l)}
.skm-trigger--link:hover::after,.skm-trigger[aria-expanded="true"]::after{transform:scaleX(1)}
.skm-trigger[aria-expanded="true"] .skm-chev{transform:rotate(180deg)}
.skm-actions{display:flex;align-items:center;gap:4px}
.skm-nav+.skm-actions{margin-left:0}
.skm-actions .skm-cta{margin-left:12px}
.skm-mbar{display:none;align-items:center;gap:2px;width:100%}
.skm-mbar .skm-logo{margin-right:auto}
.skm-burger{flex-direction:column;align-items:flex-end;justify-content:center;gap:6px}
.skm-root .skm-burger{display:inline-flex}
.skm-burger span{display:block;height:1px;width:24px;background:var(--skm-messing-l)}
.skm-burger span:nth-child(2){width:16px}
.skm-burger span:nth-child(3){width:20px}

/* zoekbalk */
.skm-search{display:flex;gap:12px;align-items:center;justify-content:center;padding:16px clamp(20px,3.6vw,56px);background:var(--skm-diep);border-bottom:1px solid var(--skm-line)}
.skm-search[hidden]{display:none}
.skm-root .skm-search input[type="search"]{width:min(520px,100%);height:46px;padding:0 16px;background:transparent;border:1px solid var(--skm-messing);border-radius:0;color:var(--skm-creme);font:400 15px var(--skm-font-b);box-shadow:none}
.skm-root .skm-search input[type="search"]::placeholder{color:rgba(236,228,211,.55)}

/* ---------- mega-paneel ---------- */
.skm-mega{position:absolute;left:0;right:0;top:100%;background:var(--skm-panel-bg);padding:26px clamp(20px,3.6vw,56px) 26px;box-shadow:0 34px 70px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s,transform .22s,visibility 0s .22s}
.skm-mega::before{content:"";position:absolute;inset:0;background-image:var(--skm-panel-img);background-size:cover;background-position:center;opacity:var(--skm-panel-op);pointer-events:none}
.skm-mega.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .22s,transform .22s}
.skm-mega::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;border-top:1px solid var(--skm-messing);border-bottom:1px solid var(--skm-line);opacity:.8}
.skm-frame{position:relative;max-width:var(--skm-panel-w);margin:0 auto;padding:52px 60px 54px;border:1px solid var(--skm-messing)}
.skm-frame::before{content:"";position:absolute;inset:var(--skm-inset);border:1px solid rgba(184,146,90,.45);pointer-events:none}
.skm-frame::after{content:"";position:absolute;inset:4px;border:1px solid rgba(184,146,90,.18);pointer-events:none}
.skm-corner{position:absolute;width:44px;height:44px;color:var(--skm-messing);pointer-events:none}
.skm-corner svg{width:100%;height:100%}
.skm-corner__dot{fill:var(--skm-panel-bg)}
.skm-corner--tl{top:-1px;left:-1px}.skm-corner--tr{top:-1px;right:-1px;transform:scaleX(-1)}.skm-corner--bl{bottom:-1px;left:-1px;transform:scaleY(-1)}.skm-corner--br{bottom:-1px;right:-1px;transform:scale(-1)}

.skm-panel{display:none;position:relative;gap:44px;align-items:flex-start}
.skm-panel.is-active{display:flex;animation:skm-fade .3s ease}
@keyframes skm-fade{from{opacity:0}to{opacity:1}}
.skm-col{flex:0 0 250px;min-width:0}
.skm-arches-wrap,.skm-feature{flex:1 1 0;min-width:0}
.skm-card,.skm-template{flex:0 0 290px;min-width:0}

.skm-col-h{font:600 12px/1.3 var(--skm-font-h);letter-spacing:.16em;color:var(--skm-messing);padding-bottom:12px;margin-bottom:6px!important;border-bottom:3px double rgba(184,146,90,.5)}
.skm-col .skm-col-h:not(:first-child){margin-top:26px!important}
.skm-links a{display:block;padding:11px 0;border-bottom:1px solid rgba(184,146,90,.14)}
.skm-links strong{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font:500 16px/1.3 var(--skm-font-h);letter-spacing:.03em;color:var(--skm-creme);transition:color .2s}
.skm-links span{display:block;margin-top:3px;font-size:12.5px;line-height:1.45;color:rgba(212,180,127,.82)}
.skm-root .skm-links a:hover strong{color:var(--skm-messing-l)}
.skm-note{font:500 10.5px/1 var(--skm-font-b);font-style:normal;letter-spacing:.04em;color:var(--skm-diep);background:var(--skm-messing);padding:4px 7px;white-space:nowrap}
.skm-sublinks{display:flex;flex-direction:column;gap:2px;margin-top:16px!important;padding-top:14px!important;border-top:3px double rgba(184,146,90,.5)}
.skm-root .skm-sublinks a{display:inline-block;padding:6px 0;font:500 13.5px/1.3 var(--skm-font-h);letter-spacing:.04em;color:var(--skm-messing-l)}
.skm-root .skm-sublinks a:hover{color:var(--skm-creme)}

/* boogvensters */
.skm-arches{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin-top:18px}
.skm-root .skm-arch{display:block;color:var(--skm-creme)}
.skm-arch__img{display:block;aspect-ratio:3/4;border:1px solid var(--skm-messing);border-bottom:0;border-radius:999px 999px 0 0;padding:5px 5px 0;overflow:hidden}
.skm-arch__img img{width:100%;height:100%;object-fit:cover;border-radius:999px 999px 0 0;transition:transform .5s ease}
.skm-arch:hover .skm-arch__img img{transform:scale(1.04)}
.skm-arch__cap{display:block;padding:12px 14px 13px;border:1px solid var(--skm-messing);background:var(--skm-c,var(--skm-diep));box-shadow:inset 0 0 0 4px var(--skm-c,var(--skm-diep)),inset 0 0 0 5px rgba(184,146,90,.35)}
.skm-arch__cap strong{display:block;font:500 15px/1.25 var(--skm-font-h);letter-spacing:.03em}
.skm-arch__cap span{display:block;font-size:12px;color:rgba(212,180,127,.85);margin-top:3px}
.skm-arch:hover .skm-arch__cap strong{color:var(--skm-messing-l)}
.skm-arch--diep{--skm-c:var(--skm-diep)}.skm-arch--piet{--skm-c:var(--skm-piet)}.skm-arch--kerst{--skm-c:var(--skm-kerst)}

/* uitgelicht */
.skm-feature{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:center}
.skm-arch__img--feat{border-bottom:1px solid var(--skm-messing);padding-bottom:5px}
.skm-feature__h{font:500 22px/1.25 var(--skm-font-h);letter-spacing:.03em;margin-bottom:10px!important;color:var(--skm-creme)}
.skm-feature__txt p:not(.skm-feature__h){font-size:14px;color:rgba(236,228,211,.82);max-width:34ch;margin-bottom:16px!important}
.skm-root .skm-textlink{display:inline-block;font:600 13px/1 var(--skm-font-h);letter-spacing:.06em;color:var(--skm-messing-l);padding-bottom:4px;border-bottom:1px solid var(--skm-messing)}
.skm-root .skm-textlink:hover{color:var(--skm-creme)}

/* crème kaart */
.skm-card{position:relative;background:var(--skm-creme);color:var(--skm-body);padding:28px 26px 26px}
.skm-card::before{content:"";position:absolute;inset:6px;border:1px solid rgba(184,146,90,.75);pointer-events:none}
.skm-card__h{font:500 20px/1.25 var(--skm-font-h);letter-spacing:.03em;color:var(--skm-ink);margin-bottom:10px!important}
.skm-card p:not(.skm-card__h):not(.skm-card__meta){font-size:14px;line-height:1.6;margin-bottom:20px!important}
.skm-card .skm-btn{position:relative;z-index:1}
.skm-card__meta{margin-top:14px!important;font-size:12px}

@media (max-width:1240px){
	.skm-root .skm-trigger{padding:0 11px;font-size:14px}
	.skm-trigger::after{left:11px;right:11px}
	.skm-panel{gap:32px}
	.skm-col{flex-basis:220px}
	.skm-feature{grid-template-columns:170px minmax(0,1fr);gap:22px}
	.skm-frame{padding:44px 44px 46px}
}

/* ---------- mobiel menu: het programmaboekje ---------- */
.skm-mm{position:fixed;inset:0;z-index:99990;display:flex;flex-direction:column;background:var(--skm-mobile-bg);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;overflow:hidden;padding-top:env(safe-area-inset-top,0px)}
.skm-mm.is-open{opacity:1;visibility:visible;transition:opacity .3s}
.skm-mm__bg{position:absolute;inset:0;background-image:var(--skm-mobile-img);background-size:cover;background-position:center 10%;opacity:var(--skm-mobile-op);pointer-events:none}
.skm-mm__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,var(--skm-mobile-bg) 38%)}
.skm-mm__top{position:relative;display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 14px 0 20px;flex:none}
.skm-mm__close svg{width:26px;height:26px;color:var(--skm-messing-l)}
.skm-mm__scroll{position:relative;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:34px 20px 24px}
.skm-acts{border-top:3px double rgba(184,146,90,.55)}
.skm-act{border-bottom:1px solid var(--skm-line)}
.skm-mm .skm-act__head{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) 28px;align-items:center;min-height:66px;color:var(--skm-creme);text-align:left}
.skm-act__num{font:500 13px/1 var(--skm-font-h);letter-spacing:.12em;color:var(--skm-messing)}
.skm-act__title{font:500 23px/1.15 var(--skm-font-h);letter-spacing:.03em}
.skm-act__icon{position:relative;width:16px;height:16px;justify-self:end}
.skm-act__icon::before,.skm-act__icon::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--skm-messing-l);transition:transform .3s}
.skm-act__icon::after{transform:rotate(90deg)}
.skm-act.is-open .skm-act__icon::after{transform:rotate(0)}
.skm-act.is-open .skm-act__title{color:var(--skm-messing-l)}
.skm-act__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.skm-act.is-open .skm-act__body{grid-template-rows:1fr}
.skm-act__inner{overflow:hidden;padding-left:46px}
.skm-act.is-open .skm-act__inner{padding-bottom:18px}
.skm-mm .skm-mlinks a{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:2px;min-height:44px;padding:11px 0;font-size:15px;line-height:1.4;color:rgba(236,228,211,.9)}
.skm-mm .skm-mlinks a:hover{color:var(--skm-messing-l)}
.skm-mlinks em{font-style:normal;font-size:11px;color:var(--skm-messing)}
.skm-mrow{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:10px;margin:4px 0 10px}
.skm-mm .skm-mchar{display:block;color:var(--skm-creme);font:500 12px/1.2 var(--skm-font-h);letter-spacing:.03em;text-align:center}
.skm-mchar__img{display:block;aspect-ratio:3/4;border:1px solid var(--skm-messing);border-radius:999px 999px 0 0;padding:3px;margin-bottom:7px;background:var(--skm-c,var(--skm-diep));overflow:hidden}
.skm-mchar__img img{width:100%;height:100%;object-fit:cover;border-radius:999px 999px 0 0}
.skm-msplit{display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:18px;align-items:start}
.skm-mchar--single{margin-top:8px}
.skm-mchar--single .skm-mchar__img{margin-bottom:0}
.skm-mm__bottom{position:relative;flex:none;background:var(--skm-diep);padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px))}
.skm-mm__bottom::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;border-top:1px solid var(--skm-messing);border-bottom:1px solid var(--skm-line);opacity:.8}
.skm-mm__btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px}
.skm-mm .skm-mm__btns .skm-btn{min-height:50px;padding:0 12px;font-size:13px}
.skm-mm__info{margin-top:12px!important;font-size:12px;line-height:1.5;color:rgba(212,180,127,.85);text-align:center}
.skm-mm__info a{border-bottom:1px solid var(--skm-messing)}

body.skm-locked{overflow:hidden}

@media (prefers-reduced-motion:reduce){
	.skm-root *,.skm-root *::before,.skm-root *::after,.skm-mm,.skm-mm *,.skm-mm *::before,.skm-mm *::after{transition:none!important;animation:none!important}
}