/* Mijn Waalre Halloweengids 1.1.0 — donker en griezelig, alleen Halloween */
.mwh-guide,
.mwh-home-section{
  --mwh-bg:#0c101b;--mwh-panel:#171b29;--mwh-border:#44333d;
  --mwh-text:#f3eff0;--mwh-muted:#d1c7ce;--mwh-orange:#ffc278;
  --mwh-red:#ed7166;
}
.mwh-guide{width:100%;max-width:100%;min-width:0;overflow-wrap:anywhere;padding:clamp(16px,2.6vw,28px);background:radial-gradient(ellipse at 90% 2%,#352132 0%,transparent 37%),linear-gradient(180deg,#101625,#0b0e17);color:var(--mwh-text);border-radius:14px;box-shadow:inset 0 0 0 1px #48313a;font-family:inherit}
.mwh-guide .mwh-hero{isolation:isolate;position:relative;overflow:hidden;min-height:340px;display:flex;flex-direction:column;justify-content:center;gap:0;padding:clamp(26px,5vw,54px);border-radius:12px;border:1px solid #7e4141;background-image:linear-gradient(90deg,rgba(8,11,20,.98) 0%,rgba(12,15,25,.93) 33%,rgba(14,14,25,.54) 65%,rgba(12,15,23,.13) 100%),url('./haunted-hero.svg');background-size:cover,cover;background-position:center,right center;box-shadow:0 12px 34px rgba(0,0,0,.4),inset 0 0 46px rgba(6,7,12,.3);margin:0 0 23px}
.mwh-guide .mwh-hero::after{content:'';position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,transparent,#ba4b44 25%,#f0ad63 64%,transparent);opacity:.85;pointer-events:none;z-index:-1}
.mwh-guide .mwh-hero-eyebrow{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;border:1px solid rgba(242,167,114,.48);border-radius:30px;background:rgba(41,18,28,.7);color:#ffdfb4;font-size:11px;font-weight:800;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;padding:8px 13px;margin:0 0 21px}
.mwh-guide .mwh-hero-eyebrow::before{content:'☾';font-size:16px;line-height:.8;color:#ffb85f}
.mwh-guide .mwh-hero-kicker{color:var(--mwh-red);font-size:clamp(16px,2vw,22px);font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;margin:0 0 8px}
.mwh-guide .mwh-hero h1{color:#fff!important;font-family:Georgia,'Times New Roman',serif;font-size:clamp(35px,5.1vw,58px);font-weight:750;letter-spacing:-.04em;line-height:1.04;text-shadow:0 3px 16px rgba(0,0,0,.5);max-width:740px;margin:0 0 20px}
.mwh-guide .mwh-hero h1 span{display:block;color:#ffc278}
.mwh-guide .mwh-hero>p:not(.mwh-hero-kicker):not(.mwh-hero-note){max-width:610px;font-size:clamp(15px,1.5vw,17px);font-weight:550;line-height:1.65;color:#eee9ed;margin:0}
.mwh-guide .mwh-hero-note{display:inline-block;align-self:flex-start;border-left:2px solid #da6b61;padding-left:12px;margin:20px 0 0;color:#f3e4df;font-size:12px;line-height:1.55;max-width:530px}
.mwh-guide .mwh-filters{display:flex;flex-wrap:wrap;gap:9px;margin:8px 0 30px}
.mwh-guide .mwh-filters a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;text-decoration:none;font-size:14px;font-weight:750;border-radius:8px;background:#1b202d;color:#eee7ea;border:1px solid #67505c;transition:background .17s,color .17s,border-color .17s}
.mwh-guide .mwh-filters a.is-current,.mwh-guide .mwh-filters a:hover{color:#160f16;background:#ffc278;border-color:#ffc278}
.mwh-guide a:focus-visible,.mwh-home-section a:focus-visible{outline:3px solid #ffc278;outline-offset:3px}
.mwh-guide .mwh-guide-section{margin:28px 0 38px}
.mwh-guide .mwh-guide-section h2{color:#f7eae5!important;font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,2.9vw,33px);line-height:1.2;padding-bottom:13px;border-bottom:1px solid #79504a;margin:0 0 20px}
.mwh-guide .mwh-guide-section h2::before{content:'✧';color:var(--mwh-red);margin-right:9px;font-family:serif;font-size:.8em}
.mwh-guide .mwh-guide-section>p{color:#d6cbd0;font-size:15px;line-height:1.6}
.mwh-guide .mwh-cards,.mwh-home-section .mwh-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mwh-guide .mwh-card,.mwh-home-section .mwh-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #59404a;border-radius:12px;background:linear-gradient(180deg,#22202b 0%,#151a27 100%);box-shadow:0 7px 22px rgba(0,0,0,.26);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
@media(hover:hover){.mwh-guide .mwh-card:hover,.mwh-home-section .mwh-card:hover{transform:translateY(-3px);box-shadow:0 14px 27px rgba(0,0,0,.38);border-color:#d07665}}
.mwh-guide .mwh-card-photo,.mwh-home-section .mwh-card-photo{position:relative;display:block;aspect-ratio:800/467;min-height:0;background:linear-gradient(120deg,#281a28,#100e18);overflow:hidden}
.mwh-guide .mwh-card-photo::after,.mwh-home-section .mwh-card-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(17,13,23,.45));pointer-events:none}
.mwh-guide .mwh-card-photo img,.mwh-home-section .mwh-card-photo img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}
.mwh-guide .mwh-photo-placeholder,.mwh-home-section .mwh-photo-placeholder{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;background-image:linear-gradient(180deg,rgba(14,15,23,.2),rgba(14,15,23,.68)),url('./haunted-hero.svg');background-size:cover;background-position:center;min-height:142px;padding:16px 8px;color:#ffc278;font-weight:800;letter-spacing:.13em;font-size:clamp(12px,1.5vw,16px);text-align:center;text-shadow:0 2px 12px #000}
.mwh-guide .mwh-card-content,.mwh-home-section .mwh-card-content{flex:1;display:flex;flex-direction:column;gap:10px;padding:17px 18px 20px}
.mwh-guide .mwh-eyebrow,.mwh-home-section .mwh-eyebrow{display:flex;gap:7px;flex-wrap:wrap;font-size:11px;font-weight:800;letter-spacing:.02em;color:#fff}
.mwh-guide .mwh-eyebrow span,.mwh-home-section .mwh-eyebrow span{padding:4px 8px;background:#3e2a36;border:1px solid #6b4950;border-radius:5px;color:#ffe0b7}
.mwh-guide .mwh-card h3,.mwh-home-section .mwh-card h3{font-size:clamp(17px,1.7vw,20px);line-height:1.32;margin:0;color:#fff;font-weight:800;letter-spacing:-.013em}
.mwh-guide .mwh-card h3 a,.mwh-home-section .mwh-card h3 a{color:#fff;text-decoration:none}
.mwh-guide .mwh-card h3 a:hover,.mwh-home-section .mwh-card h3 a:hover{color:#ffc278;text-decoration:underline;text-underline-offset:3px}
.mwh-guide .mwh-card-date,.mwh-guide .mwh-place,.mwh-guide .mwh-price,.mwh-home-section .mwh-card-date,.mwh-home-section .mwh-place,.mwh-home-section .mwh-price{color:#e2d3d7;font-size:13px;line-height:1.5;font-weight:600;margin:0}
.mwh-guide .mwh-summary,.mwh-home-section .mwh-summary{color:#ded4d9;font-size:14px;line-height:1.62;margin:0}
.mwh-guide .mwh-card-links,.mwh-home-section .mwh-card-links{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:10px}
.mwh-guide .mwh-card-links a,.mwh-home-section .mwh-card-links a{color:#ffd09a;font-size:13px;font-weight:800;text-decoration:none}
.mwh-guide .mwh-card-links a:hover,.mwh-home-section .mwh-card-links a:hover{color:#fff;text-decoration:underline}
.mwh-guide .mwh-tip{margin:30px 0 0;padding:21px 23px;background:linear-gradient(95deg,#32232e,#20202b);border:1px solid #71474b;border-left:4px solid #e27b63;border-radius:9px}
.mwh-guide .mwh-tip h2{font-family:Georgia,serif;color:#fff!important;font-size:clamp(20px,2.3vw,25px);margin:0 0 8px}
.mwh-guide .mwh-tip p{margin:0 0 12px;color:#efe0e4}
.mwh-guide .mwh-tip a{color:#ffd09a;font-weight:800;text-decoration:underline}
/* Een sfeervol, maar overzichtelijk Halloweenblok op de gewone voorpagina. */
.mwh-home-section.mw-boxed-section{background:linear-gradient(135deg,#171827,#2a1b29 62%,#111723);border:1px solid #6b3943;box-shadow:0 8px 26px rgba(18,11,25,.18);color:#f2e6e7;border-radius:12px;padding:clamp(17px,2.5vw,27px)}
.mwh-home-section .mw-section-title{font-family:Georgia,serif;color:#fff!important;font-size:clamp(22px,2.5vw,30px)}
.mwh-home-section .mw-section-title::before{content:'☾';color:#ffa45e;margin-right:10px}
.mwh-home-section .mw-section-more{color:#ffc278;font-weight:800}
.mwh-home-section .mwh-card-content{padding:15px}
/* Halloweenartikelen: de vormgeving blijft plaatselijk. */
body.single-mwh_halloween .mwh-article{border-color:#73545a;border-top:5px solid #9e4c48;box-shadow:0 8px 24px rgba(31,20,30,.14)}
body.single-mwh_halloween .mwh-article>h1{color:#57232f;font-family:Georgia,'Times New Roman',serif}
body.single-mwh_halloween .mwh-article>nav a{color:#7b343c;font-weight:800}
body.single-mwh_halloween .mwh-detail-meta{border-left:4px solid #ba5b50;background:#f9efed;color:#482b35;border-radius:6px;margin:0 0 24px;padding:14px 18px;font-size:14px}
body.single-mwh_halloween .mwh-detail-meta p{margin:4px 0!important}
body.single-mwh_halloween .mwh-source{border-top:1px solid #dcd2d2;margin-top:30px;padding-top:15px;font-size:13px}
/* Tijdelijke menulink, zowel themaheader als losse HTML-header. */
.mw-navigation .mw-halloween-link,.mw-nav .mw-halloween-link{border:1px solid #aa5d4f;border-radius:6px;background:#3b222c!important;color:#ffd39a!important;font-weight:800}
.mw-navigation .mw-halloween-link::before,.mw-nav .mw-halloween-link::before{content:'☾ ';color:#ffb477}
.mw-navigation .mw-halloween-link:hover,.mw-nav .mw-halloween-link:hover{background:#6f3335!important;color:#fff!important}
@media(max-width:900px){.mwh-guide .mwh-cards,.mwh-home-section .mwh-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.mwh-guide{padding:13px;border-radius:10px}.mwh-guide .mwh-hero{padding:27px 21px;min-height:355px;background-image:linear-gradient(90deg,rgba(8,11,20,.96) 0%,rgba(8,11,20,.88) 48%,rgba(8,11,20,.62) 100%),url('./haunted-hero.svg');background-position:center,63% center}.mwh-guide .mwh-hero h1{font-size:clamp(34px,10vw,45px);margin-bottom:15px}.mwh-guide .mwh-hero-eyebrow{margin-bottom:17px}.mwh-guide .mwh-filters{gap:7px}.mwh-guide .mwh-filters a{flex:1 1 auto;padding:10px}.mwh-guide .mwh-cards,.mwh-home-section .mwh-cards{grid-template-columns:1fr}.mwh-guide .mwh-card,.mwh-home-section .mwh-card{display:grid;grid-template-columns:minmax(0,39%) minmax(0,61%)}.mwh-guide .mwh-card-photo,.mwh-home-section .mwh-card-photo{aspect-ratio:auto;height:100%}.mwh-guide .mwh-card-photo img,.mwh-home-section .mwh-card-photo img{height:100%}.mwh-guide .mwh-card-content,.mwh-home-section .mwh-card-content{padding:13px 12px;gap:7px}.mwh-guide .mwh-card h3,.mwh-home-section .mwh-card h3{font-size:16px}.mwh-guide .mwh-summary{font-size:13px}.mwh-guide .mwh-guide-section h2{font-size:25px}}
@media(max-width:405px){.mwh-guide .mwh-card,.mwh-home-section .mwh-card{display:flex}.mwh-guide .mwh-card-photo,.mwh-home-section .mwh-card-photo{aspect-ratio:800/467}.mwh-guide .mwh-hero h1{font-size:34px}.mwh-guide .mwh-hero{min-height:380px}}
@media(prefers-reduced-motion:reduce){.mwh-guide .mwh-card,.mwh-home-section .mwh-card,.mwh-guide .mwh-filters a{transition:none}}