/* PHEV-thema — maatwerk-opmaak bovenop theme.json */

/* Verticale schuifbalk altijd reserveren: voorkomt dat de lay-out (header/kopbalk) 15px verspringt tussen korte en lange pagina's en bij het openen van het menu-overlay (dat body op overflow:hidden zet). */
html{overflow-y:scroll}

/* Afbeeldingen nooit breder dan hun kolom (voorkomt o.a. dat de uitgelichte foto op de evenement-detailpagina uit beeld loopt). */
.tribe-events-single img,.wp-block-post-content img,.entry-content img{max-width:100%;height:auto}

/* ===== Header: schild-band met bewegende gouden spotlight ===== */
:root{--phev-hdr-photo:url('https://nieuw.phev.nl/wp-content/uploads/2026/07/IMG-20260425-WA0016.jpg')}
.phev-siteheader{position:sticky;top:0;z-index:100;overflow:hidden;background-color:#0b2340;background-image:linear-gradient(120deg,rgba(11,35,64,.86),rgba(22,48,92,.62)),var(--phev-hdr-photo);background-size:cover;background-position:center 30%;border-bottom:2px solid #c8a12c}
.phev-siteheader::before{content:"";position:absolute;inset:-40% -10%;z-index:0;pointer-events:none;background:radial-gradient(closest-side,rgba(230,198,90,.26),transparent 70%),radial-gradient(closest-side,rgba(200,161,44,.15),transparent 70%);background-repeat:no-repeat;background-size:44% 170%,36% 150%;background-position:12% 40%,82% 60%;animation:phevspot 16s ease-in-out infinite alternate;will-change:background-position}
@keyframes phevspot{0%{background-position:8% 30%,86% 70%}50%{background-position:42% 62%,58% 30%}100%{background-position:74% 40%,22% 66%}}
@media(prefers-reduced-motion:reduce){.phev-siteheader::before,.phev-pagehead::before{animation:none}}
.phev-siteheader > .wp-block-group{position:relative;z-index:1}
.phev-hd-row{padding-top:9px;padding-bottom:9px}
.phev-hd-brand{gap:11px}
.phev-hd-acts{gap:16px}
.phev-siteheader .wp-block-site-logo img{border-radius:50%;border:1px solid rgba(230,198,90,.5)}
.phev-siteheader .wp-block-site-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:16px;line-height:1.05}
.phev-siteheader .wp-block-site-title a{color:#fff;text-decoration:none}
.phev-hd-sub{color:#e6c65a;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;margin:4px 0 0}
.phev-siteheader .wp-block-navigation a{color:#e7eef7;text-decoration:none;font-weight:500}
.phev-siteheader .wp-block-navigation a:hover{color:#fff}

/* ===== Paginakop: navy band + subtiele spot ===== */
.phev-pagehead{position:relative;overflow:hidden;background-color:#0e2a47;background-image:linear-gradient(120deg,rgba(14,42,71,.82),rgba(22,48,92,.6)),var(--phev-hdr-photo);background-size:cover;background-position:center 35%;border-bottom:2px solid #c8a12c;color:#fff;padding-top:28px;padding-bottom:30px;margin-top:0}
.phev-pagehead::before{content:"";position:absolute;inset:-40% -10%;z-index:0;pointer-events:none;background:radial-gradient(closest-side,rgba(230,198,90,.2),transparent 70%);background-repeat:no-repeat;background-size:40% 170%;background-position:80% 50%;animation:phevspot 18s ease-in-out infinite alternate}
.phev-pagehead > *{position:relative;z-index:1}
.phev-pagehead .wp-block-post-title a,.phev-pagehead .wp-block-post-title{color:#fff!important}
.phev-pagehead .phev-eyebrow{color:#e6c65a;letter-spacing:3px;text-transform:uppercase;font-weight:700;font-size:12px;margin:0 0 6px}

/* ===== Footer ===== */
.phev-sitefooter{background:#0e2a47;color:#c3cede;border-top:2px solid #c8a12c;padding-top:26px;padding-bottom:26px}
.phev-sitefooter a{color:#dbe5f2}
.phev-sitefooter .wp-block-site-title a{color:#fff}

/* ===== Homepage: hero + secties ===== */
.phev-hero{position:relative;overflow:hidden}
.phev-hero::after{content:"";position:absolute;inset:-30% -10%;z-index:1;pointer-events:none;background:radial-gradient(closest-side,rgba(230,198,90,.16),transparent 70%);background-repeat:no-repeat;background-size:50% 140%;background-position:78% 30%;animation:phevspot 20s ease-in-out infinite alternate}
.phev-hero .wp-block-cover__inner-container{position:relative;z-index:2}
.phev-hero h1{font-size:clamp(2rem,1.3rem+3vw,3.2rem)}
.phev-eyebrow{color:#e6c65a;letter-spacing:3px;text-transform:uppercase;font-weight:700;font-size:13px}
.phev-band{border-top:2px solid #c8a12c;border-bottom:2px solid #c8a12c;background:#0b2038;color:#fff;padding:66px 0}
.phev-band h2{color:#fff}
.phev-band .doe{max-width:680px;margin:0 auto;text-align:center}
.phev-band .doe .eb{color:#e6c65a;letter-spacing:3px;text-transform:uppercase;font-weight:700;font-size:13px;margin:0 0 10px}
.phev-band .doe p{color:#d7e0ec;font-size:18px;margin:0 0 26px}
.phev-band .b1{display:inline-block;background:#c8a12c;color:#16305c;font-weight:700;padding:14px 27px;border-radius:999px;text-decoration:none}
.phev-band .b1:hover{background:#d9b53f}
.phev-vaandel{background:#0b2038}
.phev-vaandel .in{display:flex;gap:44px;align-items:center;flex-wrap:wrap;justify-content:center}
.phev-vaandel .vi{width:150px;max-width:38vw;filter:drop-shadow(0 8px 28px rgba(0,0,0,.4));flex:0 0 auto}
.phev-vaandel .vt{flex:1;min-width:280px;max-width:560px}
.phev-vaandel .eb{color:#e6c65a;letter-spacing:3px;text-transform:uppercase;font-weight:700;font-size:13px;margin:0 0 8px}
.phev-vaandel h2{margin:0 0 12px;font-size:clamp(24px,3vw,32px)}
.phev-vaandel p{color:#d7e0ec;font-size:16.5px;margin:0}
.phev-vaandel .mot{margin-top:14px;font-family:'Poppins',sans-serif;font-style:italic;color:#fff;font-size:18px}

/* ===== Evenement-detail (The Events Calendar) ===== */
body.single-tribe_events .tribe-events-back a{color:#e6c65a;text-decoration:none;font-weight:600}
body.single-tribe_events .tribe-events-back a:hover{color:#fff}
body.single-tribe_events .tribe-events-schedule h2{color:#e6c65a;font-weight:600;font-size:17px;background:none;padding:0}
body.single-tribe_events .tribe-events-cal-links a,body.single-tribe_events .tribe-events-c-subscribe-dropdown__button,body.single-tribe_events .tribe-events-button{background:#c8a12c!important;border:1px solid #b7913c!important;color:#16305c!important;font-weight:700!important;border-radius:999px!important;box-shadow:none!important;text-shadow:none!important;padding:10px 18px!important}
body.single-tribe_events .tribe-events-cal-links a:hover,body.single-tribe_events .tribe-events-c-subscribe-dropdown__button:hover{background:#e6c65a!important}
body.single-tribe_events .tribe-events-c-subscribe-dropdown__button svg,body.single-tribe_events .tribe-events-c-subscribe-dropdown__button-icon{color:#16305c!important;fill:#16305c!important}
body.single-tribe_events .tribe-events-event-meta{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:24px 22px 20px;margin:26px 0 0;box-shadow:0 6px 22px rgba(0,0,0,.28)}
body.single-tribe_events .tribe-events-single-section-title,body.single-tribe_events .tribe-events-event-meta h2,body.single-tribe_events .tribe-events-event-meta h3{color:#e6c65a;text-transform:uppercase;letter-spacing:2px;font-size:11.5px;font-weight:700;margin:0 0 10px;border:0;padding:0}
body.single-tribe_events .tribe-events-event-meta dt,body.single-tribe_events .tribe-events-event-meta strong{color:#fff}
body.single-tribe_events .tribe-events-event-meta,body.single-tribe_events .tribe-events-event-meta dd{color:#cdd8e8}
body.single-tribe_events .tribe-events-event-meta a,body.single-tribe_events .tribe-events-event-categories a{color:#e6c65a}
body.single-tribe_events .tribe-events-single-event-title{display:none}

/* ===== Navigatie: compacte hamburger-overlay (navy) ===== */
.phev-siteheader .wp-block-navigation__responsive-container-open{color:#fff}
.phev-siteheader .wp-block-navigation__responsive-container-open svg{width:30px;height:30px;fill:currentColor}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content a{font-family:'Poppins',sans-serif;font-weight:600;font-size:20px}
.wp-block-navigation__responsive-container.is-menu-open a:hover{color:#e6c65a}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{color:#e6c65a}
.phev-siteheader .wp-block-navigation .phev-nav-auth a{color:#e6c65a;font-weight:700}

/* ===== Agenda-filter op navy achtergrond (voorheen module 66) ===== */
.phev-agenda-filter,.phev-agenda-filter label,.phev-agenda-filter .phev-hint{color:#dbe5f2!important}
.phev-agenda-filter select{background:#12294a;color:#e7eef7;border-color:rgba(255,255,255,.25)}
.phev-hint-pil{background:rgba(230,198,90,.16);color:#e6c65a;border:1px solid rgba(230,198,90,.4)}

/* ===== Nieuws-overzicht (home.html) ===== */
.phev-nieuws-grid{gap:22px!important}
.phev-nieuws-kaart{background:#0f2a4d;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.28);height:100%}
.phev-nieuws-img{margin:0}
.phev-nieuws-img img{width:100%;height:100%;object-fit:cover;display:block}
.phev-nieuws-body{display:flex;flex-direction:column;gap:6px}
.phev-nieuws-titel{margin:0;text-align:center}
.phev-nieuws-titel a,.phev-nieuws-kaart h3{color:#e6c65a!important;font-family:'Poppins',sans-serif;font-weight:700;font-size:19px;line-height:1.25;text-decoration:none}
.phev-nieuws-titel a:hover{color:#f0d47a!important}
.phev-nieuws-datum{color:#9fb2c8!important;font-size:12.5px;text-align:center;margin:0}
.phev-nieuws-exc,.phev-nieuws-exc p{color:#c3cede!important;font-size:15px;margin:6px 0 0}
.phev-nieuws-exc .wp-block-post-excerpt__more-link{display:inline-block;margin-top:8px;color:#e6c65a!important;font-weight:700;text-decoration:none}
.phev-nieuws-exc .wp-block-post-excerpt__more-link:hover{color:#fff!important}

/* ===== Agenda-kaarten (module 91) — klassiek navy ===== */
.phev-kaart{background:#0f2a4d!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 10px 26px rgba(0,0,0,.28)!important}
.phev-kaart-tekst h3,.phev-kaart-tekst h3 a{color:#e6c65a!important;text-decoration:none}
.phev-kaart-tekst h3 a:hover{color:#f0d47a!important}
.phev-kaart-tekst p,.phev-kaart-tekst{color:#c3cede!important}
.phev-kaart-meta{color:#9fb2c8!important}
.phev-kaart-meer{color:#e6c65a!important}
.phev-kaart-orkest span{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.18)!important;color:#e7eef7!important}
.phev-kaart-datum{background:#16305c!important;border:1px solid rgba(230,198,90,.28)!important}
.phev-kaart-datum .dag{color:#fff!important}
.phev-kaart-datum .maand{color:#e6c65a!important}
/* De keuzebalk (.phev-agenda-tabs/.phev-agtab) stond hier tot 08-08-2026 met eigen kleuren en
   !important. Weggehaald: hij is nu één component in plugin-module 62.6-keuzeknoppen.php, en deze
   regels zorgden juist dat de agenda er anders uitzag dan de andere selectors (ander goud: #e6c65a
   in plaats van #c9a227, en een eigen vak-achtergrond). Niets voor terugzetten — pas 62.6 aan. */
.phev-nieuws-kaart .phev-nieuws-img:not(:has(img)){display:none}
.phev-nieuws-pag{margin-top:30px}
.phev-nieuws-pag a,.phev-nieuws-pag .wp-block-query-pagination-previous,.phev-nieuws-pag .wp-block-query-pagination-next{color:#e6c65a!important;text-decoration:none}
.phev-nieuws-pag .current{color:#fff;font-weight:700}

/* ===== Contentpagina — typografie ("redactioneel ritme", 31 jul 2026) =====
   Ritme voor lopende tekst op pagina's en berichten. Actief via de klasse .phev-artikel op het
   post-content-blok (templates/page.html en single.html). De losse onderdelen zijn in de editor
   als blok-stijl te kiezen: Lead (intro) · Onderkop (klein) · Afsluiting · Prijslijst
   (geregistreerd in plugin-module 62.1-blokstijlen.php). De regels gelden ook binnen de
   blok-editor, zodat die WYSIWYG blijft.
   margin-inline:0 is nodig omdat WordPress' constrained layout blokken met een eigen max-width
   anders met margin:auto centreert; daardoor zou de tekst niet meer op de koppen uitlijnen. */
:is(.phev-artikel,.editor-styles-wrapper .is-root-container) > :is(p,ul,ol,h2,h3):not(.alignwide):not(.alignfull):not(.aligncenter){margin-inline:0!important}

/* De editor gelijk aan de site (06-08-2026). Module 63-chrome-styling.php zet de contentbreedte op
   1080px, maar hangt aan wp_head met `if (is_admin()) return;` en komt dus NIET in het editor-iframe.
   Daardoor viel de editor terug op de contentbreedte uit theme.json (820px) en op de auto-marges van
   WordPress' constrained layout: lopende tekst stond links (regel hierboven), maar de knoppenrij,
   het sponsorraster, kolommen en afbeeldingen stonden 162px naar rechts geschoven én smaller dan op
   de site. Deze twee regels doen in de editor wat 63 op de site doet. Editor-only — de front-end
   wordt hier niet geraakt. Wijzigt 63 de 1080px, pas die dan hier ook aan. */
.editor-styles-wrapper .is-root-container.wp-block-post-content.is-layout-constrained > :not(.alignfull):not(.alignwide){max-width:1080px}
.editor-styles-wrapper .is-root-container.wp-block-post-content.is-layout-constrained > :not(.alignfull):not(.alignwide):not(.aligncenter){margin-inline:0!important}
:is(.phev-artikel,.editor-styles-wrapper .is-root-container) :is(p,li){line-height:1.7}
/* !important is nodig: module 63-chrome-styling.php zet de contentbreedte site-breed op 1080px
   met een specifiekere selector; voor comfortabel lezen willen we hier een kortere regellengte. */
:is(.phev-artikel,.editor-styles-wrapper .is-root-container) > p{max-width:66ch!important}

/* Lead: de eerste alinea is automatisch de intro; elders als blok-stijl te kiezen. */
:is(.phev-artikel,.editor-styles-wrapper .is-root-container) > p:first-child,p.is-style-phev-lead{font-size:clamp(1.12rem,1rem + .45vw,1.3rem);font-weight:300;line-height:1.62;color:#eaf1fb;max-width:58ch!important;margin-bottom:2.6rem}

/* Koppen: meer lucht erboven, strakker gezet. */
:is(.phev-artikel,.editor-styles-wrapper .is-root-container) > h2{font-size:clamp(1.35rem,1.1rem + .8vw,1.7rem);letter-spacing:-.01em;margin-top:3rem;margin-bottom:1rem}
:is(.phev-artikel,.editor-styles-wrapper .is-root-container) > h3{font-size:clamp(1.1rem,1rem + .45vw,1.28rem);margin-top:2.2rem;margin-bottom:.8rem}

/* Onderkop: korte toelichtingsregel direct onder een kop. */
p.is-style-phev-sub{margin-top:-.7rem;margin-bottom:1.5rem;font-size:.94rem;color:#9fb2cc;max-width:66ch!important}

/* Afsluiting: laatste alinea met een scheidingslijn erboven. */
p.is-style-phev-slot{margin-top:3rem;padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.14);font-size:.98rem;color:#9fb2cc;max-width:64ch!important}
p.is-style-phev-slot strong{color:#dbe5f2;font-weight:500}

/* Prijslijst: naam links, bedrag (vet) rechts, cursief = toelichting eronder. */
ul.is-style-phev-prijslijst,ol.is-style-phev-prijslijst{list-style:none;margin-top:0;margin-bottom:1.5rem;padding:0;max-width:62ch!important}
.is-style-phev-prijslijst li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 1.2rem;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.09);max-width:none}
.is-style-phev-prijslijst li:first-child{border-top:1px solid rgba(255,255,255,.09)}
.is-style-phev-prijslijst li strong{margin-left:auto;font-family:'Poppins',sans-serif;font-weight:600;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.is-style-phev-prijslijst li em{flex-basis:100%;order:3;font-style:normal;font-size:.85rem;color:#9fb2cc;margin-top:.15rem}
/* In de blok-editor staat de tekst van een lijstitem in een eigen element binnen de <li>; dat moet
   dan de flex-rij zijn, anders staat het bedrag tijdens het bewerken niet rechts (op de site wel). */
.editor-styles-wrapper .is-style-phev-prijslijst li > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 1.2rem;width:100%}

/* Hier stond een mobiele uitzondering die het vak van de keuzebalk onder 760px een kaart-radius gaf,
   omdat een pilvormig vak bij twee regels een ovaal werd. Overbodig sinds 08-08-2026: het vak is nu
   altijd een afgeronde rechthoek, gedefinieerd in plugin-module 62.6-keuzeknoppen.php. */

/* Paginakop: titel strakker gezet (zelfde maat, rustiger beeld). */
.phev-pagehead .wp-block-post-title{letter-spacing:-.02em;line-height:1.04}

/* ===== Kopritme "gouden accentbalk" (variant A, 5 aug 2026) =====
   Aanleiding (Eric): de koppen stonden kaal naast de diepte die de kaartjes aan een pagina geven.
   De H1 in de navy band krijgt een korte gouden balk met gloed, elke H2 een gouden staaf en elke
   H3 een gouden stip. De bovenregel (.phev-eyebrow) boven de titel komt uit de menugroep van de
   pagina; die wordt gevuld door plugin-module 65.1.6-pagina-bovenregel.php.
   Bewust dezelfde >-selector als het leesritme hierboven: alleen koppen op het eerste niveau van
   het artikel. Koppen BINNEN blokken (agenda-, nieuws- en subpaginakaartjes, tabellen) houden hun
   eigen opmaak, anders zou de gouden staaf ook in elk kaartje verschijnen. */
.phev-pagehead .wp-block-post-title::after{content:"";display:block;width:74px;height:5px;border-radius:3px;margin-top:16px;background:linear-gradient(90deg,#e6c65a,#c8a12c);box-shadow:0 3px 10px rgba(200,161,44,.45)}
:is(.phev-artikel,.editor-styles-wrapper .is-root-container) > h2{position:relative;padding-left:20px}
:is(.phev-artikel,.editor-styles-wrapper .is-root-container) > h2::before{content:"";position:absolute;left:0;top:.16em;bottom:.16em;width:5px;border-radius:3px;background:linear-gradient(180deg,#e6c65a,#c8a12c);box-shadow:0 2px 10px rgba(200,161,44,.4)}
:is(.phev-artikel,.editor-styles-wrapper .is-root-container) > h3{position:relative;padding-left:20px}
:is(.phev-artikel,.editor-styles-wrapper .is-root-container) > h3::before{content:"";position:absolute;left:2px;top:.3em;width:9px;height:9px;border-radius:50%;background:#e6c65a;box-shadow:0 0 0 3px rgba(230,198,90,.18)}
.phev-nieuws-kaart .phev-nieuws-img:not(:has(img)){display:none}