/* ==========================================================================
   Typografie voor blogberichten
   Dezelfde lettertypen en kleuren als de skin, maar zonder de volledige
   skin-CSS — die zou de Elementor-opbouw van de blogsjablonen overhoop halen.
   ========================================================================== */

:root{
  --eh-ox:#A91E2C;
  --eh-ox-diep:#7F1621;
  --eh-oranje:#F08223;
  --eh-inkt:#221B17;
  --eh-inkt-zacht:#4A3F3A;
  --eh-linnen:#F3ECE0;
  --eh-haar:rgba(34,27,23,.13);
  --eh-display:"Fraunces",Georgia,"Times New Roman",serif;
  --eh-tekst:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* --- het artikellichaam --- */
.single-post .elementor-widget-theme-post-content > .elementor-widget-container{
  font-family:var(--eh-tekst);
  font-weight:300;
  font-size:17.5px;
  line-height:1.72;
  color:var(--eh-inkt-zacht);
  max-width:70ch;          /* leesbreedte; volle breedte leest slecht */
  margin-inline:auto;
}

.single-post .elementor-widget-theme-post-content p{
  margin:0 0 1.15em;
}
.single-post .elementor-widget-theme-post-content strong,
.single-post .elementor-widget-theme-post-content b{
  color:var(--eh-inkt);
  font-weight:600;
}
.single-post .elementor-widget-theme-post-content em{font-style:italic}

/* --- koppen in het artikel --- */
.single-post .elementor-widget-theme-post-content h2,
.single-post .elementor-widget-theme-post-content h3,
.single-post .elementor-widget-theme-post-content h4{
  font-family:var(--eh-display);
  font-weight:400;
  color:var(--eh-ox-diep);
  letter-spacing:-.012em;
  line-height:1.18;
  text-wrap:balance;
}
.single-post .elementor-widget-theme-post-content h2{
  font-size:clamp(24px,2.6vw,31px);
  margin:2.1em 0 .5em;
  padding-top:.55em;
  border-top:1px solid var(--eh-haar);
}
.single-post .elementor-widget-theme-post-content h2:first-child{
  margin-top:0;padding-top:0;border-top:none;
}
.single-post .elementor-widget-theme-post-content h3{
  font-size:clamp(19px,2vw,23px);
  margin:1.7em 0 .4em;
  color:var(--eh-ox);
}
.single-post .elementor-widget-theme-post-content h4{
  font-size:18px;margin:1.5em 0 .35em;
}

/* --- lijsten --- */
.single-post .elementor-widget-theme-post-content ul,
.single-post .elementor-widget-theme-post-content ol{
  margin:0 0 1.2em;padding-left:0;list-style:none;
}
.single-post .elementor-widget-theme-post-content ol{counter-reset:ehli}
.single-post .elementor-widget-theme-post-content li{
  position:relative;padding-left:26px;margin-bottom:.5em;
}
.single-post .elementor-widget-theme-post-content ul > li::before{
  content:"";position:absolute;left:3px;top:.66em;
  width:7px;height:7px;border-radius:50%;background:var(--eh-oranje);
}
.single-post .elementor-widget-theme-post-content ol > li::before{
  counter-increment:ehli;content:counter(ehli) ".";
  position:absolute;left:0;top:0;
  color:var(--eh-oranje);font-weight:700;font-size:15px;
}
.single-post .elementor-widget-theme-post-content li p{margin:0}

/* --- links --- */
.single-post .elementor-widget-theme-post-content a{
  color:var(--eh-ox);
  text-decoration:underline;
  text-underline-offset:2px;
  text-decoration-thickness:1px;
  text-decoration-color:rgba(169,30,44,.38);
  transition:color .18s ease,text-decoration-color .18s ease;
}
.single-post .elementor-widget-theme-post-content a:hover{
  color:var(--eh-oranje);
  text-decoration-color:currentColor;
}

/* --- beeld in de lopende tekst --- */
.single-post .elementor-widget-theme-post-content img{
  height:auto;border-radius:10px;
}
.single-post .elementor-widget-theme-post-content img.alignleft{
  float:left;margin:.3em 26px 18px 0;max-width:min(46%,300px);
}
.single-post .elementor-widget-theme-post-content img.alignright{
  float:right;margin:.3em 0 18px 26px;max-width:min(46%,300px);
}
.single-post .elementor-widget-theme-post-content img.aligncenter{
  display:block;margin:26px auto;
}
.single-post .elementor-widget-theme-post-content::after{content:"";display:table;clear:both}

/* --- blockquote --- */
.single-post .elementor-widget-theme-post-content blockquote{
  margin:1.6em 0;padding:2px 0 2px 22px;
  border-left:3px solid var(--eh-oranje);
  font-family:var(--eh-display);font-size:20px;font-style:italic;
  color:var(--eh-ox-diep);
}

@media (max-width:640px){
  .single-post .elementor-widget-theme-post-content > .elementor-widget-container{font-size:16.5px}
  .single-post .elementor-widget-theme-post-content img.alignleft,
  .single-post .elementor-widget-theme-post-content img.alignright{
    float:none;margin:18px 0;max-width:100%;
  }
}

/* --- hero-slider zonder beeld ---
   264 van de 360 berichten hebben geen uitgelichte afbeelding; de slider toont
   daar een dode grijze vlakte. Een merkverloop maakt er een bewuste hero van. */
/* Smart Slider zet zelf div#n2-ss-1 .n2-ss-slider-2, dus die specificiteit
   moeten we overtreffen: id plus twee klassen. */
.single-post div#n2-ss-1,
.single-post div#n2-ss-1 .n2-ss-slider-2,
.single-post div#n2-ss-1 .n2-ss-slide{
  background-color:#3D1116;
  background-image:linear-gradient(105deg,#1E070A 0%,#3D1116 55%,#5A1720 100%);
}
.single-post .n2-ss-slide-background-image{opacity:1}