/* =========================================
   K2 ARTICLE LAYOUT FIX
   ========================================= */

/* Gewone artikelafbeeldingen */
#k2Container .itemFullText img,
#k2Container .itemBody img,
#k2Container div[itemprop="articleBody"] img {
  float: none !important;
  display: block !important;
  clear: none !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 0 25px 0 !important;
}

/* Hoofdtekst niet laten wachten op rechter zijblok */
#k2Container .itemBody,
#k2Container .itemFullText,
#k2Container div[itemprop="articleBody"] {
  float: none !important;
  clear: left !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
  display: block !important;
}

/* Eerste alinea en overige tekst normaal tonen */
#k2Container .itemBody p,
#k2Container .itemFullText p,
#k2Container div[itemprop="articleBody"] p {
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
}

/* Datum links laten staan */
#k2Container .itemDateCreated,
#k2Container .itemDateModified,
#k2Container time,
#k2Container [itemprop="dateCreated"],
#k2Container [itemprop="datePublished"] {
  float: left !important;
  display: block !important;
  clear: none !important;
  width: auto !important;
  margin: 0 15px 15px 0 !important;
}

/* Elementen waarin direct een afbeelding staat */
#k2Container .itemFullText p:has(> img),
#k2Container .itemFullText div:has(> img),
#k2Container .itemBody p:has(> img),
#k2Container .itemBody div:has(> img) {
  float: none !important;
  clear: none !important;
  display: block !important;
  width: auto !important;
  margin: 0 !important;
}

/* Optionele afbeelding links */
#k2Container img.image-left {
  float: left !important;
  clear: none !important;
  margin: 0 25px 20px 0 !important;
}

/* Optionele afbeelding rechts */
#k2Container img.image-right {
  float: right !important;
  clear: none !important;
  margin: 0 0 20px 25px !important;
}

/* Alleen handmatig gebruiken waar echt nodig */
#k2Container .clear-both {
  display: block;
  clear: both !important;
  width: 100%;
  height: 0;
}

/* =========================================
   K2 SOCIAL SHARE BUTTONS – COMPACT
   ========================================= */

#k2Container .itemSocialSharing,
#k2Container .social-sharing,
#k2Container .social-share,
#k2Container [class*="social-share"],
#k2Container [class*="share-buttons"] {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  clear: both !important;
}

/* De afzonderlijke social buttons */
#k2Container .itemSocialSharing a,
#k2Container .social-sharing a,
#k2Container .social-share a,
#k2Container [class*="social-share"] a,
#k2Container [class*="share-buttons"] a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
  line-height: 38px !important;
}

/* Iconen zelf */
#k2Container .itemSocialSharing a i,
#k2Container .itemSocialSharing a span,
#k2Container .social-sharing a i,
#k2Container .social-sharing a span,
#k2Container [class*="social-share"] a i,
#k2Container [class*="social-share"] a span {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* =========================================
   K2 TAGPAGINA – KORTE ARTIKELINTRO
   ========================================= */

/* Ieder artikel netjes afsluiten */
#k2Container .tagItemView {
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}

/* Afbeelding links behouden */
#k2Container .tagItemImageBlock {
  float: left !important;
  width: 320px;
  max-width: 32%;
  margin: 0 22px 15px 0 !important;
}

#k2Container .tagItemImageBlock img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 !important;
}

/* Intro beperken tot ongeveer vier regels */
#k2Container .tagItemIntroText {
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

/* Read more zichtbaar en netjes geplaatst */
#k2Container .tagItemReadMore {
  display: block !important;
  margin-top: 12px;
}

#k2Container .tagItemReadMore a {
  display: inline-block;
}

/* Voorkomen dat een volgend artikel om de vorige foto heen loopt */
#k2Container .tagItemView::after {
  content: "";
  display: table;
  clear: both;
}

/* Mobiele weergave */
@media (max-width: 767px) {
  #k2Container .tagItemImageBlock {
    float: none !important;
    width: 100%;
    max-width: 100%;
    margin: 0 0 18px 0 !important;
  }

  #k2Container .tagItemIntroText {
    max-height: 7.5em;
  }
}

/* =========================================
   K2 BLOGS – RUIMTE EN HAARLIJN TUSSEN RIJEN
   ========================================= */

/* De clear na iedere rij van drie artikelen */
#k2Container.entertainment #itemListLeading > .clr {
  display: block !important;
  position: relative !important;
  clear: both !important;
  width: 100% !important;
  height: 80px !important;
  margin: 0 !important;
  border: 0 !important;
}

/* Haarlijn met ruimte erboven */
#k2Container.entertainment #itemListLeading > .clr::before {
  content: "";
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.08);
}

/* De twee afsluitende clears onderaan niet tonen */
#k2Container.entertainment #itemListLeading > .clr:nth-last-child(2),
#k2Container.entertainment #itemListLeading > .clr:last-child {
  height: 0 !important;
  margin: 0 !important;
}

/* Ook de haarlijn van de afsluitende clears verbergen */
#k2Container.entertainment #itemListLeading > .clr:nth-last-child(2)::before,
#k2Container.entertainment #itemListLeading > .clr:last-child::before {
  display: none !important;
}

/* Geen extra ruimte binnen de afzonderlijke kolommen */
#k2Container.entertainment #itemListLeading > .itemContainer {
  margin-bottom: 0 !important;
  box-sizing: border-box;
}

/* Afbeelding iets los van de titel */
#k2Container.entertainment .catItemImageBlock {
  margin-bottom: 14px !important;
}

/* Read more iets los van de tekst */
#k2Container.entertainment .catItemReadMore {
  margin-top: 14px !important;
}

/* Het blok More... duidelijk onder de artikelen plaatsen */
#k2Container.entertainment #itemListLinks {
  clear: both !important;
  margin-top: 10px !important;
}

/* Op mobiel iets minder ruimte */
@media (max-width: 767px) {
  #k2Container.entertainment #itemListLeading > .clr {
    height: 55px !important;
  }

  #k2Container.entertainment #itemListLeading > .clr::before {
    top: 18px;
  }
}

/* Extra ruimte boven de paginering */
#k2Container.entertainment > .pagination {
  clear: both !important;
  margin-top: 45px !important;
  padding-top: 10px;
}