/* =========================================================
   SHOOTZ – Custom zoekbalk (DGWT WooCommerce Ajax Search)
   Gerefactoreerde versie – augustus 2025
   ========================================================= */

/* ---------- Zoekbalk wrapper ---------- */
.dgwt-wcas-search-form{
  max-width:600px;            /* Extra breed – pas aan naar wens */
  margin:40px auto;            /* Horizontaal centreren + ruimte erboven/onder */
  display:flex;
  border:4px solid #f15a29;
  border-radius:50px;
  overflow:hidden;
  background:#fff;
}

/* ---------- Inputveld ---------- */
.dgwt-wcas-search-input{
  flex:1 1 auto;
  padding:18px 30px;
  border:none;
  font-size:19px;
  border-radius:0;
  outline:none;
  background:#fff;
  color:#444;
  font-style:italic;
}
.dgwt-wcas-search-input::placeholder{
  color:#bdbdbd;
  font-style:italic;
}

/* ---------- Zoekknop (oranje vlak rechts) ---------- */
.dgwt-wcas-search-submit{
  background:#f15a29 !important;
  color:#fff !important;
  border:none !important;
  border-radius:0 46px 46px 0 !important;
  min-width:85px;

  /* icoon exact centreren */
  display:grid !important;
  place-items:center;
  padding:18px 32px;           /* gelijke verticale padding als input */
  line-height:0;               /* voorkomt baseline-‘duw’ */
  transition:background .2s;
  box-shadow:none !important;
}
.dgwt-wcas-search-submit:hover{
  background:#d64518 !important;
}

/* ---------- Vergrootglas-icoon ---------- */
.dgwt-wcas-search-submit svg{
  width:24px !important;
  height:24px !important;
  fill:#fff !important;
}

/* ---------- Verwijder overbodige pseudo-elementen ---------- */
.dgwt-wcas-search-submit::before,
.dgwt-wcas-search-submit::after{
  display:none !important;
  content:none !important;
}

/* ---------- Verberg standaard plugin-loader/iconen ---------- */
.dgwt-wcas-sf-progress,
.dgwt-wcas-sf-loader,
.dgwt-wcas-sf-loader-bar,
.dgwt-wcas-search-icon{
  display:none !important;
}

/* ---------- Inset-rand voor nóg strakkere look ---------- */
.dgwt-wcas-search-submit{
  background:#f15a29 !important;
  color:#fff !important;
  border:none !important;                /* border vervangen */
  border-radius:0 46px 46px 0 !important;
  min-width:85px;

  /* centreren van het icoon */
  display:grid !important;
  place-items:center;
  padding:18px 32px;
  line-height:0;
  transition:background .2s;

  /* hier staat de binnen­rand */
  box-shadow:inset 0 0 0 4px #f15a29;
}
/* ----- HOVER-KLEUR (hier tussen plakken of aanpassen) ----- */
.dgwt-wcas-search-submit:hover{
  background:#0D0A46 !important;   /* vervang dit met jouw kleur */
}

/* =========================================================
   SHOOTZ – Big search styling (pagina-body versie)
   ========================================================= */

/* 1. Algemene maat & positionering
------------------------------------ */
.shootz-big-search{
  width:100%;                 /* rekt mee met de sectie   */
  max-width:1600px;           /* of 100% = full-width     */
  margin:60px auto;           /* centreren + extra ruimte */
}

/* 2. Form container
------------------------------------ */
.shootz-big-search .dgwt-wcas-search-form{
  height:76px;                /* totale hoogte            */
  border-radius:50px;         /* ronde hoeken             */
  border:4px solid #f15a29;   /* buitenrand               */
  overflow:hidden;            /* alles binnen de ronding  */
}

/* 3. Inputveld
------------------------------------ */
.shootz-big-search .dgwt-wcas-search-input{
  padding:22px 42px;          /* verticale & hori-padding */
  font-size:22px;             /* grotere placeholder-tekst*/
  font-weight:400;
}

/* 4. Zoekknop
------------------------------------ */
.shootz-big-search .dgwt-wcas-search-submit{
  padding:0 52px;             /* breed oranje vlak        */
  min-width:120px;
  border-radius:0 46px 46px 0 !important;
  line-height:0;
  transition:background .25s; /* iets langzamere fade     */
}

/* Hover-kleur (pas aan naar smaak) */
.shootz-big-search .dgwt-wcas-search-submit:hover{
  background:#0d0a46 !important;
}

/* Vergrootglas iets groter */
.shootz-big-search .dgwt-wcas-search-submit svg{
  width:30px !important;
  height:30px !important;
}

/* 5. Suggestie-dropdown mee-stylen (optioneel)
------------------------------------ */
.shootz-big-search .dgwt-wcas-suggestions{
  width:100% !important;      /* even breed als balk      */
  border-radius:0 0 28px 28px;
  box-shadow:0 8px 28px rgba(0,0,0,.08);
}

/* 6. Responsiveness
------------------------------------ */
@media (max-width:1024px){
  .shootz-big-search{
    margin:40px 0;
  }
  .shootz-big-search .dgwt-wcas-search-form{
    height:64px;
  }
  .shootz-big-search .dgwt-wcas-search-input{
    padding:18px 32px;
    font-size:19px;
  }
  .shootz-big-search .dgwt-wcas-search-submit{
    padding:0 36px;
    min-width:100px;
  }
  .shootz-big-search .dgwt-wcas-search-submit svg{
    width:26px !important;
    height:26px !important;
  }
}
/* ──────────────────────────────────────────────
   SHOOTZ – compacte hoogte voor .shootz-big-search
   ────────────────────────────────────────────── */

/* totale balk – bepaal de nieuwe hoogte */
.shootz-big-search .dgwt-wcas-search-form{
  height:40px !important;      /* ↑ kies je eigen hoogte (bijv. 48-56) */
  border-radius:40px;          /* optioneel: iets minder rond als ’ie lager wordt */
}

/* inputveld – verticale padding in lijn met nieuwe hoogte */
.shootz-big-search .dgwt-wcas-search-input{
  padding:12px 30px !important;/* 12 px boven/onder, 30 px links/rechts */
  font-size:18px;              /* tikkie kleiner, anders lijkt hij geplet */
}

/* oranje knop – laat vanzelf meeschalen */
.shootz-big-search .dgwt-wcas-search-submit{
  padding:0 36px !important;   /* 0 px verticaal (grid centreert icoon) */
  min-width:90px;              /* iets smaller, past bij lagere balk    */
}

/* icoon – schaal een fractie mee */
.shootz-big-search .dgwt-wcas-search-submit svg{
  width:22px !important;
  height:22px !important;
}

/* ─────────────────────────────────────────────
   SHOOTZ – fine-tune grote zoekbalk
   ───────────────────────────────────────────── */

/* ➊ Tekst/placeholder exact centreren */
.shootz-big-search .dgwt-wcas-search-input{
  /* interne hoogte 46 px (52 px form – 2×3 px border) */
  height:33px !important;
  line-height:30px !important;     /* baseline = midden   */
  padding:0 20px !important;       /* 0 boven/onder       */
  font-size:18px;
}

/* ➋ Match hoek-radius knop & form */
.shootz-big-search .dgwt-wcas-search-form{
  border-radius:40px;              /* zelfde waarde … */
}
.shootz-big-search .dgwt-wcas-search-submit{
  border-radius:0 40px 40px 0 !important; /* … voor knop */
  height:100% !important;          /* vult volledige hoogte  */
  padding:0 36px !important;       /* alleen horizontaal     */
  display:grid !important;         /* icoon gecentreerd      */
  place-items:center;
}

/* optioneel: witte sikkel helemaal weg forceren */
.shootz-big-search .dgwt-wcas-search-submit{
  box-shadow:inset 0 0 0 3px #f15a29;  /* neemt de form-buitenrand over */
}
/* =========  SHOOTZ – Filter-knop + rij  ========= */

/* Flex-container voor knop + searchbar */
.shootz-filter-row{
  display:flex;
  align-items:center;        /* verticaal centreren */
  gap:40px;                  /* ruimte ertussen     */
}

/* Oranje filter-knop */
.shootz-filter-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:52px;               /* zelfde hoogte als zoekbalk */
  padding:0 34px;
  background:#f15a29;
  color:#fff;
  border:0;
  border-radius:40px;
  font-size:20px;
  font-weight:600;
  cursor:pointer;
  transition:background .2s;
}
.shootz-filter-toggle:hover{ background:#d64518; }

/* Optioneel icoon net iets groter */
.shootz-filter-toggle::first-letter{
  font-size:24px;
  line-height:0;
}
/* Verberg alléén de oorspronkelijke plugin-knop  */
a[href="#shootz-product-filter-offcanvas"]:not(.shootz-filter-toggle),
.shootz-product-filter-btn:not(.shootz-filter-toggle){
  display:none !important;
}
/* Mouse-over / hover */
.shootz-filter-toggle:hover{
  background:#0d0a46;   /* ← kies hier je eigen tint */
  /* optioneel: tekstkleur mee veranderen */
  /* color:#fff; */
}
/* ==========================================
   Header-zoekbalk: witruimte weg
   ========================================== */

/* alle uk-drop’s BINNEN het header-zoek-widget  */
.widget_shootz-search-dropdown .uk-drop{
  padding:0 !important;          /* boven/onder & links/rechts 0  */
  border-radius:0 !important;    /* afronding weg, optioneel      */
  min-width:unset !important;    /* laat breedte door inhoud      */
  max-width:none !important;     /* plugin zette 612 px, haal weg */
  box-shadow:none !important;    /* schaduw weg, optioneel        */
}

/* verwijder eventuele marge binnenin */
.widget_shootz-search-dropdown .dgwt-wcas-search-wrapp{
  margin:0 !important;
}
/* === GALERIJ GRID: 4 op desktop / 2 op mobiel =========================== */
ul.products.columns-4 {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Standaard: 4 per rij (desktop) */
ul.products.columns-4 li.product {
  flex: 0 0 calc(25% - 18px);
  max-width: calc(25% - 18px);
  margin: 0;
  padding: 0;
  margin-bottom: 32px;
  box-sizing: border-box;
}

/* Afbeelding styling */
ul.products.columns-4 li.product img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 2 / 3;
  object-fit: cover !important;
  border-radius: 16px;
  display: block;
}

/* Titel styling */
ul.products.columns-4 li.product h2,
ul.products.columns-4 li.product .woocommerce-loop-product__title {
  font-size: 15px;
  text-align: center;
  margin-top: 8px;
  word-break: break-word;
  padding: 0 4px;
}

/* === FORCEER 2 per rij op mobiel < 768px ================================ */
@media (max-width: 767px) {
  ul.products.columns-4 li.product {
    flex: 0 0 calc(50% - 12px) !important;
    max-width: calc(50% - 12px) !important;
  }

  ul.products.columns-4 li.product h2,
  ul.products.columns-4 li.product .woocommerce-loop-product__title {
    font-size: 13px !important;
  }
}
/* ==================  FILTER-RIJ  ============================= */

/* ======================================================= */
/* DESKTOP (≥ 769 px) – knop & zoekveld naast elkaar       */
/* ======================================================= */
@media (min-width: 769px){
  .shootz-filter-row{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:16px;                 /* ruimte tussen knop en balk  */
  }
}

/* ======================================================= */
/* ================================ */
/* MOBIEL (≤ 768 px) – compact menu */
/* ================================ */
@media (max-width: 768px) {
  .shootz-filter-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 0 16px;
  }

  .shootz-big-search {
    width: 100%;
  }

  .shootz-filter-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 20px !important;
    line-height: 1 !important;
    min-height: auto !important;
    height: auto !important;
    border-radius: 14px !important;
    font-size: 15px !important;
  }

  .shootz-filter-toggle span {
    margin-left: 6px;
  }
}  /* ← correcte afsluiting van media query */

/* Hoofdcategorieën – kleiner, vet, uppercase */
.pf-filter-title.uk-accordion-title {
  font-size: 15px !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  color: #0D0A46 !important;
  padding: 6px 0 !important;
  display: block;
  border-bottom: 1px solid #ddd;
  margin-bottom: 4px;
}

/* Subcategorieën – donkerblauw, beter leesbaar */
label.shootz-pf-handle {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #0D0A46 !important;
  display: inline-block;
  line-height: 1.4;
  margin-bottom: 4px;
}
/* Mouse-over effect op subcategorieën */
label.shootz-pf-handle:hover {
  color: #f15a29 !important;
  cursor: pointer;
}
a.pf-filter-title.uk-accordion-title {
  text-transform: none !important;
}

/* ruimte boven eerste categorie */
.shootz-pf-list > .shootz-pf-item:first-child {
  margin-top: 40px !important;
}
/* === SHOOTZ floating contact (vervang jouw huidige blok) === */
.shootz-floating-contact{
  position: fixed;
  top: 40%;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end !important;       /* container rekt items NIET mee */
  z-index: 999;
}

.shootz-floating-contact .contact-btn{
  /* anti-stretch: elk item houdt eigen breedte */
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 44px;                        /* icoon + padding */
  box-sizing: content-box;

  background: #F15A29;
  color: #fff;
  text-decoration: none;
  padding: 12px;
  border-radius: 8px 0 0 8px;
  box-shadow: 0 6px 16px rgba(13,10,70,.15);
  transition: background .2s ease, filter .2s ease;
  white-space: nowrap;
}

/* label standaard dicht */
.shootz-floating-contact .contact-btn .label{
  display: inline-block;
  margin-left: 8px;
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: max-width .3s ease;
}

/* hard reset: geen container-hover die alles opent */
.shootz-floating-contact:hover .contact-btn .label{
  max-width: 0 !important;
}

/* alléén gehoverde knop opent */
.shootz-floating-contact .contact-btn:hover .label,
.shootz-floating-contact .contact-btn:focus .label{
  max-width: 220px;                       /* pas aan naar wens */
}

/* algemene hover voor mail/telefoon */
.shootz-floating-contact .contact-btn:hover{ filter: brightness(.92); }

/* WhatsApp groen op hover */
.shootz-floating-contact .contact-btn.is-whatsapp:hover{
  background: #25D366 !important;
  filter: none;
}

/* iconen altijd wit */
.shootz-floating-contact [uk-icon]{ color:#fff; }

/* mobiel: labels altijd zichtbaar */
@media (max-width: 959px){
  .shootz-floating-contact .contact-btn .label{ max-width: 220px; }
}
.shootz-floating-contact .contact-btn:hover .label,
.shootz-floating-contact .contact-btn:focus .label,
.shootz-floating-contact .contact-btn:focus-visible .label{
  max-width: 220px !important; /* zet !important erbij */
}

/* Alles binnen de kaart houden */
.shootz-specs{ overflow:hidden; }

/* Layout van het voorbeeldgedeelte */
.shootz-specs .orientation-example{
  display:flex !important;
  gap:28px !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  margin:10px 0 16px !important;
  text-align:center !important;
}

/* Basis mockup-stijl */
.shootz-specs .orientation-example .example{
  position:relative !important;
  display:inline-block !important;
  border-radius:12px !important;
  border:2px solid #ccc !important;
  background:#fff !important;                  /* altijd wit basis */
  box-shadow:0 4px 12px rgba(13,10,70,.08) !important;
}

/* Afmetingen (verticale = correct, horizontale = wrong) */
.shootz-specs .orientation-example .example.correct{  width:120px !important; height:180px !important; }
.shootz-specs .orientation-example .example.wrong{    width:180px !important; height:120px !important; }

/* Binnenkader voor diepte */
.shootz-specs .orientation-example .example::before{
  content:"" !important;
  position:absolute !important;
  inset:10px !important;
  border-radius:8px !important;
  background:linear-gradient(#e9e9ee,#e0e0e7) !important;
}

/* Badge rechtsboven */
.shootz-specs .orientation-example .example::after{
  content:"" !important;
  position:absolute !important;
  right:8px !important; top:8px !important;
  width:26px !important; height:26px !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:0 2px 8px rgba(13,10,70,.12) !important;
  display:grid !important; place-items:center !important;
  font-size:16px !important; font-weight:700 !important;
  color:#1a9b3f !important; /* default groen */
}
.shootz-specs .orientation-example .example.correct::after{ content:"✔" !important; }
.shootz-specs .orientation-example .example.wrong::after{  content:"✖" !important; color:#d33a2c !important; }

/* Horizontale mockup extra “fout” */
.shootz-specs .orientation-example .example.wrong{
  background:#ffe5e5 !important;              /* zacht rood */
  border-color:#e53935 !important;            /* rood randje */
  box-shadow:0 4px 12px rgba(229,57,53,.25) !important;
  transform:rotate(-6deg) scale(.92) !important;
  transform-origin:center !important;
}

/* Onderschriften: de lege <p> direct na elk blok */
.shootz-specs .orientation-example .example + p{
  margin:8px 0 0 0 !important;
  font-size:14px !important;
  color:#0D0A46 !important;
}
.shootz-specs .orientation-example .example.correct + p::before{
  content:"Verticale foto (aanbevolen)" !important; font-weight:600 !important;
}
.shootz-specs .orientation-example .example.wrong + p::before{
  content:"Horizontale foto (niet toegestaan)" !important; font-weight:600 !important;
}

/* Mobiel stapelen */
@media (max-width:600px){
  .shootz-specs .orientation-example{ flex-direction:column !important; gap:16px !important; }
  .shootz-specs .orientation-example .example{ margin:0 auto !important; }
}
/* Kaart-styling */
.shootz-specs{
  background: rgba(241,90,41,.08);
  border: 1px solid rgba(241,90,41,.15);
  border-radius: 14px;
  padding: 18px 18px 14px;
  box-shadow: 0 6px 18px rgba(13,10,70,.06);
  overflow: hidden; /* niets buiten de kaart */
}
.shootz-specs h3{
  margin: 0 0 12px;
  color: #0D0A46;
  font-weight: 800;
  letter-spacing: .2px;
}

/* Voorbeeldjes rij */
.shootz-orient{
  display: flex;
  gap: 28px;
  align-items: flex-start;
  margin: 6px 0 16px;
  flex-wrap: wrap;
}

/* Kaartjes zelf */
.shootz-orient .orient-card{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #0D0A46;
}

/* Thumbnails */
.shootz-orient .thumb{
  position: relative;
  border-radius: 12px;
  background: #fff;
  border: 2px solid #ccc;
  box-shadow: 0 4px 12px rgba(13,10,70,.08);
  overflow: hidden;
}
.shootz-orient .thumb svg{ display:block; width:100%; height:auto; }

/* Maten */
.shootz-orient .thumb.v{ width:120px; height:180px; }
.shootz-orient .thumb.h{ width:180px; height:120px; }

/* Badge rechtsboven */
.shootz-orient .orient-card .thumb::after{
  content: "✔";
  position: absolute;
  right: 8px; top: 8px;
  width: 26px; height: 26px;
  display: grid; place-items: center;
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(13,10,70,.12);
  color: #1a9b3f; /* groen */
  font-weight: 700;
  font-size: 16px;
}
/* Wrong-variant opvallend en met rood kruis */
.shootz-orient .orient-card.no .thumb{
  background: #ffe5e5;
  border-color: #e53935;
  box-shadow: 0 4px 12px rgba(229,57,53,.25);
}
.shootz-orient .orient-card.no .thumb::after{
  content: "✖";
  color: #d33a2c;
}

/* Caption */
.shootz-orient figcaption{
  margin: 8px 0 0;
  font-size: 14px;
}

/* Bullets binnen de kaart */
.shootz-specs ul{ list-style: none; margin: 0; padding: 0; }
.shootz-specs li{
  position: relative;
  padding-left: 26px;
  margin: 9px 0;
  line-height: 1.5;
  color: #0D0A46;
}
.shootz-specs li::before{
  content: "";
  position: absolute;
  left: 0; top: .55em;
  width: 10px; height: 10px;
  border-radius: 50%;
  background: #F15A29;
  box-shadow: 0 0 0 3px rgba(241,90,41,.12);
}

/* Mobile */
@media (max-width:600px){
  .shootz-orient{ gap:16px; }
  .shootz-orient .orient-card{ margin: 0 auto; }
}
/* Verberg floating contact op tablet en mobiel */
@media (max-width: 1024px){
  .shootz-floating-contact{
    display: none !important;
}
/* ===========================================
   SHOOTZ hero tekstblok (mobiel + tablet)
   =========================================== */

.shootz-text-block{
  display:inline-block;
  background: rgba(255,255,255,.72);
  padding: .5rem .8rem;
  border-radius: 14px;
  line-height: 1.2;
  text-align: left;
  box-sizing: border-box;
  max-width: min(92vw, 680px);
  backdrop-filter: blur(2px);
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  margin: .5rem 0 0;
  overflow-wrap: anywhere;
  hyphens: auto;
}
.shootz-text-block > span{ display:block; }
.shootz-text-block .orange{ color:#f15a29; }
.shootz-text-block .blue{ color:#0D0A46; }

/* Mobiel (tot 640px) */
@media (max-width: 640px){
  .shootz-text-block{
    font-size: clamp(26px, 8vw, 45px);
    line-height: 1.25;
  }
}

/* Tablets (641px tot 1280px) */
@media (min-width: 641px) and (max-width: 1280px){
  .shootz-text-block{
    font-size: clamp(38px, 7vw, 68px);
    line-height: 1.3;
  }
}
/* Hero basis */
.hero-desktop,
.hero-mobile {
  position: relative;
  min-height: 70vh;           /* pas aan naar wens */
  display: flex;
  align-items: flex-end;      /* titel/meta onderin */
  padding: 40px 0;            /* ruimte voor titel */
  background-position: center;
  background-size: cover;
}

/* Iets royaler op mobiel */
@media (max-width: 959px){
  .hero-mobile { min-height: 75vh; }
}

/* Zachte overlay voor leesbaarheid */
.hero-desktop::before,
.hero-mobile::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.25); /* 25% donker */
  pointer-events: none;
}

/* Witte titels binnen heroes, voor het geval uk-light niet overal pakt */
.hero-desktop .el-title,
.hero-mobile .el-title,
.hero-desktop h1,
.hero-mobile h1,
.hero-desktop .uk-text-lead,
.hero-mobile .uk-text-lead {
  color: #fff !important;
}
.hero-mobile, .hero-fallback {
  min-height: 70vh;
  background-size: cover;
  background-position: center;
}
@media (max-width: 959px){
  .hero-fallback{
    min-height: 70vh;
    background-size: cover;
    background-position: center;
    margin-bottom: 0;
}
    /* TOC basis */
.shootz-toc-wrapper {
  background: #f9f9f9;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 30px;
  box-shadow: 0 2px 6px rgba(0,0,0,.05);
}

.shootz-toc-title {
  font-weight: 700;
  margin-bottom: 10px;
  color: #0D0A46; /* Shootz blauw */
}

.shootz-toc-wrapper ul {
  margin: 0;
  padding-left: 20px;
  list-style: disc;
}

.shootz-toc-wrapper a {
  color: #F15A29; /* Shootz oranje */
  text-decoration: none;
}

.shootz-toc-wrapper a:hover {
  text-decoration: underline;
}
    .shootz-toc-wrapper {
  background: #f9f9f9;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 30px;
  box-shadow: 0 2px 6px rgba(0,0,0,.05);
}

.shootz-toc-title {
  font-weight: 700;
  margin-bottom: 10px;
  color: #0D0A46; /* Shootz blauw */
}

.shootz-toc-wrapper ul {
  margin: 0;
  padding-left: 20px;
  list-style: disc;
}

.shootz-toc-wrapper a {
  color: #F15A29; /* Shootz oranje */
  text-decoration: none;
}

.shootz-toc-wrapper a:hover {
  text-decoration: underline;
}
/* ===== Blog H1 in de hero wit (gecontextualiseerd) ===== */

/* Standaard: Heading › Small overal donkerblauw */
.uk-heading-small {
  color: #0D0A46 !important;
  text-shadow: none !important;
}
.uk-heading-small strong { color: inherit !important; }

/* Uitzondering: in donkere/hero secties mag het wit zijn */
.uk-light .uk-heading-small,
.uk-section-primary .uk-heading-small,
.uk-section-secondary .uk-heading-small,
.hero .uk-heading-small { /* gebruik .hero als je die class op je hero-sectie hebt */
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0,0,0,.5) !important; /* leesbaarheid */
}
/* ===== SHOOTZ – verduidelijk captions zonder layout te breken ===== */

/* 1) H3 subtitel kort en inline (geen blok, geen kolom-breek) */
.shootz-specs h3::after{
  content:" — alleen de eerste 2 moeten staand zijn; overige foto’s vrij";
  font-weight:700;
  font-size:90%;
  margin-left:.25em;
}

/* 2) Vervang de twee captions onder de voorbeeldjes */
.shootz-specs .orient-card figcaption{ font-size:0; } /* verberg originele tekst, niet de ruimte */
.shootz-specs .orient-card .thumb.v + figcaption::after{
  content:"Staand (verplicht voor de eerste 2 profielfoto’s)";
  font-size:14px; line-height:1.3;
}
.shootz-specs .orient-card.no .thumb.h + figcaption::after{
  content:"Liggend (niet toegestaan bij de eerste 2)";
  font-size:14px; line-height:1.3;
}

/* 3) Kleine verduidelijking in de eerste bullet (inline, geen blok) */
.shootz-specs ul:first-of-type li:first-child{
  position:relative;
}
.shootz-specs ul:first-of-type li:first-child::after{
  content:" (alle overige foto’s mogen staand of liggend)";
  font-weight:700;
  font-size:95%;
}