/*
Theme Name: Mpolthof Horses
Theme URI: https://mpolthofhorses.nl
Author: Mpolthof Horses
Description: Eigen thema voor Mpolthof Horses in de kleuren van het logo (wijnrood en koper-goud). Werkt samen met de plugin "Mpolthof Paarden".
Version: 1.0
Requires at least: 6.0
Text Domain: mpolthof
*/

:root{--bg:#f7f3ee;--card:#fff;--ink:#1f1416;--muted:#7a6a66;--accent:#6e1a2b;--gold:#c9a25e;--line:#e6ded2;--green:#3f5a3c}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}
a{color:inherit}
.wrap{max-width:1200px;margin:auto;padding:0 20px}
/* nav */
nav{position:sticky;top:0;z-index:20;background:rgba(31,20,22,.94);backdrop-filter:blur(6px);color:#f7f3ec}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-family:Fraunces,serif;font-size:20px;font-weight:600;text-decoration:none;display:flex;gap:10px;align-items:center}
.logo img{width:40px;height:40px;border-radius:50%;object-fit:cover}
nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0}
nav ul a{text-decoration:none;font-size:14px;opacity:.85}
nav ul a:hover,nav ul a.on{opacity:1;color:var(--gold)}
nav .adm{border:1px solid var(--gold);border-radius:20px;padding:6px 12px;color:var(--gold);opacity:1}
.burger{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}
/* hero */
.hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:linear-gradient(160deg,#3b4b33 0%,#6b7a4f 45%,#c9a66b 100%)}
.hero .scene{position:absolute;inset:0}
.hero .scene img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,15,10,.75),rgba(20,15,10,0) 60%)}
.hero .wrap{position:relative;z-index:2;padding-bottom:70px}
.hero small{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:12px}
.hero h1{font-family:Fraunces,serif;font-weight:400;font-size:clamp(36px,6vw,72px);line-height:1.05;margin:10px 0 16px;max-width:780px}
.hero h1 em{color:var(--gold)}
.hero p{max-width:540px;color:#eee3d4;font-size:17px;margin:0 0 26px}
.photoTag{position:absolute;right:16px;top:80px;z-index:3;background:rgba(0,0,0,.45);color:#fff;font-size:12px;padding:6px 10px;border-radius:8px}
.btn{display:inline-block;background:var(--gold);color:var(--ink);border:none;border-radius:30px;padding:12px 22px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.btn.dark{background:var(--accent);color:#fff}
.btn.ghost{background:none;border:1px solid currentColor;color:inherit}
.btn.sm{padding:8px 14px;font-size:14px}
section{padding:80px 0}
.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:600}
h2.big{font-family:Fraunces,serif;font-weight:400;font-size:clamp(28px,4vw,44px);margin:6px 0 18px;line-height:1.1}
/* usp */
.usp{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}
.usp>div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px}
.usp h3{font-family:Fraunces,serif;margin:8px 0 6px;font-weight:600}
.usp p{margin:0;color:var(--muted);font-size:15px}
.usp .ic{width:38px;height:38px;border-radius:50%;background:#efe5d4;display:grid;place-items:center;color:var(--accent);font-weight:700}
/* aanbod */
#aanbod{background:#efe8dc}
.shop{display:grid;grid-template-columns:270px 1fr;gap:24px;margin-top:20px}
aside{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;height:max-content;position:sticky;top:80px}
aside h3{font-size:15px;margin:0 0 10px;display:flex;justify-content:space-between}
aside h3 button{font-size:12px;background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline}
.f{border-top:1px solid var(--line);padding:11px 0}
.f label.t{display:block;font-weight:600;font-size:13px;margin-bottom:7px}
.range{display:flex;gap:8px;align-items:center}
input,select,textarea{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips label{font-size:13px;border:1px solid var(--line);border-radius:20px;padding:5px 11px;cursor:pointer;user-select:none;background:#fff}
.chips input{display:none}
.chips label:has(input:checked){background:var(--accent);border-color:var(--accent);color:#fff}
.bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px;flex-wrap:wrap}
.bar select{width:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.card{background:var(--card);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 0 var(--line)}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(60,40,20,.14)}
.ph{aspect-ratio:4/3;display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover;object-position:center 25%;position:absolute;inset:0}
.ph svg{width:78%;height:auto;margin-bottom:6%}
.badge{position:absolute;top:12px;left:12px;background:var(--gold);color:var(--ink);font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;z-index:2}
.badge.sold{background:#9b2c2c;color:#fff}.badge.res{background:var(--green);color:#fff}
.body{padding:16px;display:flex;flex-direction:column;gap:5px;flex:1}
.body h4{margin:0;font-family:Fraunces,serif;font-size:21px;font-weight:600}
.meta{font-size:13px;color:var(--muted)}
.tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}
.tags span{font-size:11px;background:#f3ece1;padding:3px 7px;border-radius:6px}
.price{margin-top:auto;padding-top:10px;font-weight:600;color:var(--accent);font-size:18px}
.empty{padding:40px;text-align:center;color:var(--muted)}
.toggle{display:none}
/* over */
.over{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.over .img{aspect-ratio:1/1;border-radius:20px;background:linear-gradient(170deg,#c9a66b,#6b4a2e);position:relative;overflow:hidden}
.over .img img{width:100%;height:100%;object-fit:cover}
.over p{color:#4a413a}
.stats{display:flex;gap:30px;margin-top:20px}
.stats b{font-family:Fraunces,serif;font-size:34px;display:block;color:var(--accent);font-weight:600}
.stats span{font-size:13px;color:var(--muted)}
/* contact */
#contact{background:var(--ink);color:#f7f3ec}
#contact .eyebrow{color:var(--gold)}
.ct{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.ct form{display:grid;gap:12px}
.ct input,.ct textarea{background:#2f2823;border-color:#4a4038;color:#fff}
.ct .info p{color:#cfc4b6}
footer{background:#1a1512;color:#8f857b;font-size:13px;padding:24px 0;text-align:center}
/* dialog */
dialog{border:none;border-radius:18px;max-width:680px;width:94%;padding:0;max-height:92vh}
dialog::backdrop{background:rgba(30,20,10,.6)}
.dlg .ph{aspect-ratio:4/3}
.thumbs{display:flex;gap:6px;padding:8px 20px 0;overflow-x:auto}
.thumbs img{width:70px;height:52px;object-fit:cover;border-radius:6px;cursor:pointer;opacity:.7}
.thumbs img.on{opacity:1;outline:2px solid var(--gold)}
.dlg .in{padding:20px}
.dlg h3{font-family:Fraunces,serif;margin:0 0 4px;font-size:28px;font-weight:600}
.dlg table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0}
.dlg td{padding:7px 0;border-bottom:1px solid var(--line);vertical-align:top}
.dlg td:first-child{color:var(--muted);width:38%}
.desc{font-size:15px;color:#4a413a;white-space:pre-line}
.note{font-size:13px;color:var(--muted);margin-top:10px}
/* beheer */
#beheer{display:none;padding:40px 0 80px}
body.admin #site{display:none}
body.admin #beheer{display:block}
.admTop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.admTop h2{font-family:Fraunces,serif;font-weight:600;margin:0;font-size:30px}
.hint{background:#fff7e6;border:1px solid #f0d9a8;border-radius:12px;padding:12px 16px;font-size:14px;margin-bottom:20px}
.formgrid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
fieldset{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin:0 0 20px}
legend{font-family:Fraunces,serif;font-size:19px;font-weight:600;padding:0 6px}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:14px}
.fld label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}
.fld label i{font-weight:400;color:var(--muted);font-style:normal}
.req{color:#9b2c2c}
.drop{border:2px dashed var(--gold);border-radius:14px;padding:26px;text-align:center;background:#fffaf1;cursor:pointer}
.drop.over{background:#f6e7c9}
.drop input{display:none}
.prev{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin-top:12px}
.prev div{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden}
.prev img{width:100%;height:100%;object-fit:cover}
.prev button{position:absolute;top:3px;right:3px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;width:22px;height:22px;cursor:pointer;line-height:1}
.prev .main{position:absolute;left:3px;bottom:3px;background:var(--gold);font-size:10px;padding:1px 5px;border-radius:4px;font-weight:600}
.side{position:sticky;top:80px}
.side .card{cursor:default}
.side .card:hover{transform:none}
.actions{display:flex;gap:10px;margin-top:14px}
.list{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-top:20px;overflow:hidden}
.list h4{margin:0;padding:14px 16px;border-bottom:1px solid var(--line);font-size:15px}
.list div.it{display:flex;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);font-size:14px}
.list div.it:last-child{border:none}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--green);color:#fff;padding:12px 20px;border-radius:30px;transition:transform .3s;z-index:50}
.toast.show{transform:translateX(-50%) translateY(0)}
@media(max-width:900px){
 nav ul{display:none;position:absolute;top:64px;left:0;right:0;background:var(--ink);flex-direction:column;padding:16px 20px;gap:14px}
 nav ul.open{display:flex}.burger{display:block}
 .shop,.over,.ct,.formgrid{grid-template-columns:1fr}
 aside{position:static;display:none}aside.open{display:block}.toggle{display:inline-block}
 .usp{grid-template-columns:1fr}.side{position:static}
}


/* Kleuren exact uit het Mpolthof-logo */
:root{--wine-0:#130102;--wine-1:#1e0103;--wine-2:#210205;--wine-3:#320205;--wine-4:#420107;--wine-5:#4a0a10;
--gold-d:#9e6940;--gold:#b87735;--gold-m:#d09149;--gold-l:#e0a459;--gold-h:#f4c166;
--cream:#f3e6d0;--cream-2:#d9c3a3;--muted:#b29478;
--goldgrad:linear-gradient(100deg,#9e6940 0%,#d09149 30%,#f4c166 50%,#e0a459 68%,#b87735 100%);
--bg:#210205;--card:#2a0306;--ink:#f3e6d0;--accent:#e0a459;--line:rgba(208,145,73,.28)}
html,body{background:var(--wine-2)}
body{font-family:Jost,system-ui,sans-serif;font-weight:300;letter-spacing:.01em;color:var(--cream);
background:radial-gradient(ellipse at 50% 0%,var(--wine-5) 0%,var(--wine-3) 35%,var(--wine-2) 70%,var(--wine-1) 100%) fixed}
b,strong,.btn,label.t,.fld label{font-weight:500}
h1,h2,h3,h4,.logo,.big,legend,.stats b,.dlg h3,.admTop h2{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:500!important}
.meta,.note,.usp p{color:var(--muted)!important}
/* nav */
nav{background:rgba(19,1,2,.92)!important;border-bottom:1px solid var(--line)}
.logo{font-size:24px!important;letter-spacing:.04em;background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.logo img{border:1px solid var(--gold-m);width:44px!important;height:44px!important}
nav ul a{font-size:12px!important;text-transform:uppercase;letter-spacing:.2em;color:var(--cream-2)}
nav ul a:hover,nav ul a.on{color:var(--gold-h)!important}
nav .adm{border-color:var(--gold-m)!important;color:var(--gold-l)!important;border-radius:0!important;padding:7px 14px!important}
nav ul{background:var(--wine-0)}
@media(min-width:901px){nav ul{background:none}}
/* hero */
.hero{min-height:88vh;background:var(--wine-1)}
.hero::after{background:linear-gradient(0deg,rgba(30,1,3,.95) 0%,rgba(50,2,5,.6) 42%,rgba(66,1,7,.18) 75%,rgba(19,1,2,.4) 100%)!important}
.hero small{color:var(--gold-l)!important;letter-spacing:.38em!important;font-size:12px}
.hero small::before,.eyebrow::before{content:"";display:inline-block;width:36px;height:1px;background:currentColor;vertical-align:middle;margin-right:12px}
.hero h1{font-size:clamp(44px,7vw,88px)!important;font-weight:400!important;color:var(--cream)}
.hero h1 em{font-style:italic;background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.hero p{color:var(--cream-2)!important;font-size:18px}
/* knoppen */
.btn{border-radius:0!important;text-transform:uppercase;letter-spacing:.2em;font-size:12.5px;padding:15px 28px;background:var(--goldgrad)!important;color:var(--wine-1)!important;border:none!important;transition:filter .2s,transform .2s}
.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.btn.ghost{background:transparent!important;border:1px solid var(--gold-m)!important;color:var(--gold-l)!important}
.btn.dark{background:var(--goldgrad)!important;color:var(--wine-1)!important}
.btn.sm{padding:10px 16px;font-size:11px}
/* koppen */
.eyebrow{color:var(--gold-m)!important;letter-spacing:.34em!important;font-size:11.5px!important;font-weight:500}
h2.big{font-size:clamp(34px,4.6vw,58px)!important;background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent!important;display:inline-block}
section{padding:100px 0;background:transparent}
section+section,#over,#contact{border-top:1px solid var(--line)}
/* usp */
.usp>div{background:transparent!important;border:none!important;border-top:1px solid var(--gold)!important;border-radius:0!important;padding:28px 4px 0!important}
.usp .ic{background:transparent!important;border:1px solid var(--gold-m);color:var(--gold-l)!important;font-family:'Cormorant Garamond',serif;font-size:20px;border-radius:50%}
.usp h3{font-size:28px;color:var(--cream)}
/* aanbod */
#aanbod{background:rgba(19,1,2,.35)!important}
aside{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:0!important;color:var(--cream)}
aside h3{font-family:Jost,sans-serif!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.22em;color:var(--gold-l)}
aside h3 button{color:var(--gold-l)!important}
.f{border-color:var(--line)!important}
input,select,textarea{border-radius:0!important;border:1px solid var(--line)!important;background:var(--wine-1)!important;color:var(--cream)!important;font-weight:300}
input::placeholder,textarea::placeholder{color:#8a6f5c}
input:focus,select:focus,textarea:focus{outline:1px solid var(--gold-m)!important}
select option{background:var(--wine-2)}
.chips label{border-radius:0!important;background:transparent!important;border-color:var(--line)!important;color:var(--cream-2);font-size:12.5px!important}
.chips label:has(input:checked){background:var(--goldgrad)!important;border-color:var(--gold-m)!important;color:var(--wine-1)!important}
.bar strong{color:var(--cream)}
.card{border-radius:0!important;background:var(--card)!important;box-shadow:none!important;border:1px solid var(--line)}
.card:hover{box-shadow:0 18px 44px rgba(0,0,0,.45)!important;border-color:var(--gold-m)}
.card .ph img{transition:transform .6s}
.card:hover .ph img{transform:scale(1.04)}
.body h4{font-size:27px!important;color:var(--cream)}
.tags span{background:transparent!important;border:1px solid var(--line);border-radius:0!important;text-transform:uppercase;letter-spacing:.12em;font-size:10px!important;color:var(--cream-2)}
.price{font-family:'Cormorant Garamond',serif;font-size:25px!important;font-weight:600;border-top:1px solid var(--line);margin-top:auto;padding-top:12px!important;background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.badge{border-radius:0!important;text-transform:uppercase;letter-spacing:.14em;font-size:10px!important;background:var(--goldgrad)!important;color:var(--wine-1)!important}
.badge.sold,.badge.res{background:var(--wine-1)!important;color:var(--gold-l)!important;border:1px solid var(--gold-m)}
.empty{color:var(--muted)}
/* over ons */
#over p{color:var(--cream-2)!important}
.over .img{border-radius:0!important;background:none!important;box-shadow:0 30px 60px rgba(0,0,0,.5)}
/* contact */
#contact{background:rgba(19,1,2,.55)!important}
.ct .info p{color:var(--cream-2)!important}
footer{background:var(--wine-0)!important;color:var(--muted)!important;letter-spacing:.12em;font-size:12px;border-top:1px solid var(--line)}
/* detail + beheer */
dialog{border-radius:0!important;background:var(--wine-2)!important;color:var(--cream);border:1px solid var(--gold-m)!important}
.dlg h3{background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.dlg td{border-color:var(--line)!important}
.dlg td:first-child{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--muted)!important}
.desc{color:var(--cream-2)!important}
.thumbs img.on{outline-color:var(--gold-m)!important}
fieldset{border-radius:0!important;background:var(--card)!important;border-color:var(--line)!important}
legend{font-size:24px!important;color:var(--gold-l)}
.drop{border-radius:0!important;border-color:var(--gold-m)!important;background:var(--wine-1)!important;color:var(--cream)}
.hint{border-radius:0!important;background:var(--wine-3)!important;border-color:var(--gold-m)!important;color:var(--cream)}
.list{border-radius:0!important;background:var(--card)!important;border-color:var(--line)!important}
.list h4,.list div.it{border-color:var(--line)!important}
.prev div{border-radius:0!important}
.admTop h2{color:var(--gold-l)}
.toast{border-radius:0!important;background:var(--goldgrad)!important;color:var(--wine-1)!important}
#beheer{background:transparent}

/* Glimmende goudaccenten (zoals het logo) */
@keyframes sheen{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes sweep{0%{left:-60%}55%,100%{left:130%}}
@keyframes flare{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.15)}}
.logo,h2.big,.hero h1 em,.price,.dlg h3{background-image:linear-gradient(100deg,#9e6940 0%,#d09149 22%,#f4c166 38%,#fff1c9 46%,#f4c166 54%,#e0a459 70%,#b87735 100%)!important;background-size:250% 100%!important;-webkit-background-clip:text;background-clip:text;animation:sheen 7s linear infinite}
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,244,214,.75),transparent);transform:skewX(-20deg);animation:sweep 4.5s ease-in-out infinite;pointer-events:none}
.btn.ghost::after{background:linear-gradient(100deg,transparent,rgba(244,193,102,.35),transparent)}
.goldline,.usp>div,.price{position:relative}
.usp>div{border-top:none!important}
.usp>div::before,section+section::before,#over::before,#contact::before,nav::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#b87735 15%,#f4c166 50%,#b87735 85%,transparent);box-shadow:0 0 10px rgba(244,193,102,.55)}
section{position:relative}
nav{border-bottom:none!important}nav::after{top:auto;bottom:0}
section+section,#over,#contact{border-top:none!important}
.hero::before{content:"";position:absolute;z-index:1;top:-120px;left:8%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,230,170,.55) 0%,rgba(244,193,102,.25) 25%,rgba(184,119,53,.08) 50%,transparent 70%);animation:flare 6s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}
.logo img{box-shadow:0 0 0 1px #d09149,0 0 14px rgba(244,193,102,.55)}
.card{border-color:rgba(208,145,73,.28)}
.card:hover{border-color:#f4c166!important;box-shadow:0 0 0 1px rgba(244,193,102,.5),0 0 22px rgba(244,193,102,.25),0 18px 44px rgba(0,0,0,.5)!important}
.over .img{box-shadow:0 0 0 1px #d09149,0 0 30px rgba(244,193,102,.35),0 30px 60px rgba(0,0,0,.5)!important}
.usp .ic{box-shadow:0 0 12px rgba(244,193,102,.35)}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}

/* WordPress-aanvullingen */
.mp-nophoto{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-family:'Cormorant Garamond',serif;font-size:22px;background:var(--wine-1)}
.mp-video{position:relative;padding-top:56.25%;margin:14px 0}.mp-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mp-contact{display:grid;gap:12px}.mp-note{color:var(--gold-l)}
.entry{max-width:820px}.entry p{color:var(--cream-2)}.entry a{color:var(--gold-l)}
.entry h2,.entry h3{color:var(--gold-l)}
.single-paard .ph{aspect-ratio:4/3;max-width:820px}
.wp-block-image img{height:auto}
.admin-bar nav{top:32px}
@media(max-width:782px){.admin-bar nav{top:46px}}
.screen-reader-text{position:absolute;left:-9999px}

/* Menu niet over de naam heen op middelgrote schermen */
nav .wrap{gap:24px}.logo{white-space:nowrap}
@media(max-width:1060px){nav ul{display:none;position:absolute;top:64px;left:0;right:0;background:var(--wine-0);flex-direction:column;padding:16px 20px;gap:14px}nav ul.open{display:flex}.burger{display:block}}

/* Dekhengsten, nieuws, galerij */
.usp{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
#dekhengsten .grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.mp-news{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.mp-news-item{display:block;text-decoration:none;color:inherit;border-top:1px solid var(--gold-m);padding-top:18px}
.mp-news-item img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:12px}
.mp-news-item h3{font-size:26px;color:var(--cream);margin:4px 0 8px}
.mp-news-item p{color:var(--cream-2);margin:0 0 10px}
.mp-more{color:var(--gold-l);font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.mp-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:14px 0}
.mp-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.single-paard .desc{white-space:pre-line;color:var(--cream-2)}
.mp-social a{color:var(--gold-l)}
.single .entry p,.entry li{color:var(--cream-2)}
/* ===== Luxe voorpagina ===== */
.lux{position:relative;overflow:hidden;text-align:center;padding:46px 0 0;color:var(--cream);
background:
 radial-gradient(ellipse 60% 45% at 50% 38%,rgba(244,193,102,.13),transparent 70%),
 radial-gradient(ellipse 90% 60% at 15% 85%,rgba(110,10,24,.55),transparent 60%),
 radial-gradient(ellipse 80% 50% at 90% 75%,rgba(100,6,20,.5),transparent 60%),
 repeating-linear-gradient(115deg,rgba(255,255,255,0) 0 90px,rgba(255,255,255,.025) 130px,rgba(0,0,0,.12) 190px,rgba(255,255,255,0) 260px),
 linear-gradient(180deg,#160103 0%,#2a0306 40%,#3a050b 70%,#1a0103 100%)}
.lux-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.85}
.lux>*{position:relative}.lux>.lux-lines{position:absolute}
.lux-top{z-index:2}
.lux-logo{width:78px;height:78px;border-radius:50%;border:1px solid var(--gold-m);box-shadow:0 0 30px rgba(244,193,102,.25)}
.lux-name{font-family:'Cormorant Garamond',serif;font-size:clamp(38px,6vw,68px);line-height:1;margin-top:8px;background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(244,193,102,.25))}
.lux-tag{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:14px}
.lux-tag:before,.lux-tag:after{content:"";height:1px;width:min(18vw,190px);background:linear-gradient(90deg,transparent,var(--gold-m),transparent)}
.lux-tag span{font-family:Cinzel,serif;letter-spacing:.42em;font-size:clamp(11px,1.4vw,16px);color:var(--cream-2);text-transform:uppercase}
.lux-checks{list-style:none;margin:0;padding:0;position:absolute!important;right:4vw;top:190px;z-index:3;text-align:left}
.lux-checks li{font-family:Cinzel,serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-2);padding:6px 0 6px 28px;position:relative}
.lux-checks li:before{content:"✓";position:absolute;left:0;top:3px;color:var(--gold-h);font-size:16px;text-shadow:0 0 8px rgba(244,193,102,.6)}
.lux-stage{margin:18px auto 0;max-width:1100px;padding:0 20px}
.lux-sfeer .lux-pic img{width:100%;display:block;-webkit-mask:radial-gradient(ellipse 52% 60% at 50% 45%,#000 62%,transparent 100%);mask:radial-gradient(ellipse 52% 60% at 50% 45%,#000 62%,transparent 100%)}
.lux-echt .lux-pic{max-width:760px;margin:0 auto;aspect-ratio:16/10;border-radius:380px 380px 6px 6px;overflow:hidden;padding:3px;background:var(--goldgrad);box-shadow:0 0 0 1px rgba(244,193,102,.25),0 0 60px rgba(244,193,102,.25),0 30px 60px rgba(0,0,0,.5)}
.lux-echt .lux-pic img{width:100%;height:100%;object-fit:cover;border-radius:377px 377px 4px 4px;display:block}
.lux-title{font-family:Cinzel,serif!important;font-weight:500!important;line-height:.95;margin:-10px 0 0;font-size:clamp(46px,8.5vw,108px);text-transform:uppercase;background:linear-gradient(180deg,#fff3d6 0%,#f4c166 35%,#d09149 60%,#9e6940 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 14px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(244,193,102,.2))}
.lux-echt .lux-title{margin-top:26px}
.lux-title span{display:block;font-size:.62em;letter-spacing:.04em}
.lux-orn{color:var(--gold-l);font-size:26px;margin:6px 0 26px;display:flex;justify-content:center;align-items:center;gap:14px}
.lux-orn:before,.lux-orn:after{content:"";width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-m))}
.lux-orn:after{transform:scaleX(-1)}
.lux-car{max-width:1180px;margin:0 auto;padding:0 64px;position:relative}
.lux-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*20px)/4);column-gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 10px}
.lux-track::-webkit-scrollbar{display:none}
.lux-card{scroll-snap-align:start;text-decoration:none;color:inherit;background:linear-gradient(180deg,#2a0306,#1a0103);padding:8px 8px 18px;position:relative;border:1px solid var(--gold-m);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);transition:transform .3s,box-shadow .3s}
.lux-card:before{content:"";position:absolute;inset:4px;border:1px solid rgba(244,193,102,.35);clip-path:inherit;pointer-events:none}
.lux-card:hover{transform:translateY(-4px)}
.lux-card .ph{aspect-ratio:1/1;overflow:hidden;background:var(--wine-1)}
.lux-card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.lux-card:hover .ph img{transform:scale(1.05)}
.lux-card h3{font-family:Cinzel,serif!important;font-size:16px!important;letter-spacing:.16em;text-transform:uppercase;margin:14px 6px 6px;color:var(--cream)}
.lux-card .sub{font-family:Cinzel,serif;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-2)}
.lux-card .go{display:inline-block;margin-top:14px;border:1px solid var(--gold-m);border-radius:30px;padding:7px 22px;font-family:Cinzel,serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-l)}
.lux-card:hover .go{background:var(--goldgrad);color:var(--wine-0);border-color:transparent}
.lux-arr{position:absolute;top:40%;width:44px;height:44px;border-radius:50%;border:1px solid var(--gold-m);background:rgba(19,1,2,.6);color:var(--gold-h);font-size:26px;line-height:1;cursor:pointer;z-index:2}
.lux-arr.prev{left:6px}.lux-arr.next{right:6px}
.lux-arr:hover{background:var(--goldgrad);color:var(--wine-0)}
.lux-dots{display:flex;justify-content:center;gap:10px;margin:18px 0 0}
.lux-dots button{width:10px;height:10px;border-radius:50%;border:1px solid var(--gold-m);background:none;padding:0;cursor:pointer}
.lux-dots button.on{background:var(--gold-h);box-shadow:0 0 8px var(--gold-h)}
.lux-bar{display:grid;grid-template-columns:repeat(4,1fr);margin-top:46px;border-top:1px solid var(--line);background:rgba(19,1,2,.55)}
.lux-bar div{padding:28px 14px;display:flex;flex-direction:column;align-items:center;gap:12px}
.lux-bar div+div{border-left:1px solid var(--line)}
.lux-bar svg{width:40px;height:40px;fill:none;stroke:var(--gold-l);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(244,193,102,.35))}
.lux-bar span{font-family:Cinzel,serif;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--cream-2);max-width:200px}
@media(max-width:1100px){.lux-checks{position:relative!important;right:auto;top:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px;margin:18px auto 0;padding:0 16px}}
@media(max-width:900px){.lux-track{grid-auto-columns:calc((100% - 20px)/2)}.lux-bar{grid-template-columns:repeat(2,1fr)}.lux-bar div:nth-child(3){border-left:0}.lux-bar div:nth-child(n+3){border-top:1px solid var(--line)}}
@media(max-width:560px){.lux-car{padding:0 18px}.lux-arr{display:none}.lux-track{grid-auto-columns:78%}.lux-tag span{letter-spacing:.25em}.lux-title{margin-top:0}}