/* ===== Evelyn Storms – 2 kolommen op desktop (stabiel) ===== */
@media (min-width: 1024px){

  /* Neutraliseer theme floats die de layout kunnen breken */
  .single-product .woocommerce div.product div.images,
  .single-product .woocommerce div.product div.summary{
    float: none !important;
  }

  /* Maak van de product container een 2-koloms grid */
  .single-product .woocommerce div.product,
  .single-product .product.type-product{
    display: grid !important;
    grid-template-columns: 540px minmax(0, 1fr) !important;
    column-gap: 48px !important;
    align-items: start !important;
  }

  /* Beperk de afbeelding/gallerij hard */
  .single-product .woocommerce div.product div.images,
  .single-product .woocommerce-product-gallery{
    width: 540px !important;
    max-width: 540px !important;
    overflow: hidden !important;
  }

  /* Zorg dat de tekstkolom niet uit beeld kan */
  .single-product .woocommerce div.product div.summary,
  .single-product .summary{
    min-width: 0 !important;
    max-width: 720px !important;
  }

  /* Afbeelding zelf netjes schalen binnen de kolom */
  .single-product .woocommerce-product-gallery img,
  .single-product .woocommerce div.product div.images img{
    width: 100% !important;
    height: auto !important;
  }
}
/* =========================================================
   EVELYN STORMS – RELATED PRODUCTS (NO OVERLAP + TEXT OK)
   Hazel theme compatible + luxury tweaks
   ========================================================= */

/* Hazel overschrijven (die zet display:block !important) */
html body.single-product.woocommerce-page section.related.products ul.products.columns-4{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  margin: 0 -14px !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Elke product-card krijgt echte hoogte (voorkomt overlap) */
html body.single-product.woocommerce-page section.related.products ul.products.columns-4 > li.product{
  box-sizing: border-box !important;
  padding: 0 14px !important;
  margin: 0 0 40px 0 !important;      /* meer ademruimte onderaan */

  flex: 0 0 25% !important;           /* 4 kolommen */
  max-width: 25% !important;
  width: auto !important;

  float: none !important;
  transform: none !important;
  top: auto !important;
  left: auto !important;

  display: flex !important;
  flex-direction: column !important;  /* belangrijk voor stabiele hoogte */
  gap: 16px !important;               /* meer ruimte tussen foto en tekst */
  height: auto !important;
}

/* Link wrapper ook als kolom (zodat titel/prijs mee in hoogte tellen) */
html body.single-product.woocommerce-page section.related.products ul.products.columns-4 > li.product .woocommerce-loop-product__link{
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  height: auto !important;
}

/* Afbeelding consistent (iets kleiner = luxury) */
html body.single-product.woocommerce-page section.related.products ul.products.columns-4 > li.product img{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 260px !important;           /* was 300px */
  object-fit: cover !important;
}

/* Titel + prijs terug normaal onder foto */
html body.single-product.woocommerce-page section.related.products ul.products.columns-4 > li.product .woocommerce-loop-product__title,
html body.single-product.woocommerce-page section.related.products ul.products.columns-4 > li.product .price{
  position: static !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  margin: 0 !important;
}

/* Titel subtieler (optioneel luxury detail) */
html body.single-product.woocommerce-page section.related.products ul.products.columns-4 > li.product .woocommerce-loop-product__title{
  font-size: 14px !important;
  letter-spacing: 0.03em !important;
  line-height: 1.25 !important;
}

/* Tablet / mobiel */
@media (max-width: 1024px){
  html body.single-product.woocommerce-page section.related.products ul.products.columns-4 > li.product{
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
  }
}
@media (max-width: 768px){
  html body.single-product.woocommerce-page section.related.products ul.products.columns-4 > li.product{
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
.footer .widget_media_image img,
.footer .widget img {
    display: block;
    margin: 30px auto;
    max-width: 140px;
}
.vc_separator.atelier-silhouettes .vc_sep_text {
    font-size: 48px !important;
    letter-spacing: 4px;
}
/* SILHOUETTES - WPBakery Separator with Text */
.vc_separator.atelier-silhouettes .vc_sep_text,
.vc_separator.atelier-silhouettes .vc_sep_text *{
  font-size: 64px !important;
  letter-spacing: 5px !important;
  line-height: 1 !important;
}
.vc_separator.atelier-silhouettes .vc_sep_text,
.vc_separator.atelier-silhouettes .vc_sep_text *{
  font-size: 72px !important;
  letter-spacing: 6px !important;
}

@media (max-width: 768px){
  .vc_separator.atelier-silhouettes .vc_sep_text,
  .vc_separator.atelier-silhouettes .vc_sep_text *{
    font-size: 34px !important;
    letter-spacing: 3px !important;
  }
}
/* FORCE SILHOUETTES SIZE - Hazel + WPBakery */
.vc_separator.atelier-silhouettes h1,
.vc_separator.atelier-silhouettes h2,
.vc_separator.atelier-silhouettes h3,
.vc_separator.atelier-silhouettes h4,
.vc_separator.atelier-silhouettes h5,
.vc_separator.atelier-silhouettes span {
    font-size: 72px !important;
    letter-spacing: 6px !important;
    line-height: 1.05 !important;
}