/*
Theme Name: Prima Entertainment
Description: Maatwerk thema boven op Flatsome voor Prima entertainment
Author: UX Themes
Template: flatsome
Version: 3.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


body .gform-theme .gform-body .gform-theme-button, body .gform-theme .gform-body .gform_button  {
	background:#c1041a !important;
	width: 100% !important;
}

.gform-theme--framework .gf_step_active .gf_step_number, .gform-theme--framework .gf_step_completed .gf_step_number::after {
	background:#c1041a !important;
	color:white !important;
}

.gform-theme--framework .gf_step_completed .gf_step_number::after {
	border:2px solid #c1041a !important;
}

body .gform-theme .gform-body .gform-theme-button.gform_previous_button {
	background:inherit !important;
}
 
body .gform-theme--foundation .gform_fields {
 	row-gap:20px;
 }

.gform_required_legend {
	display:none;
}

.wit-container-block {
	background:white;
	padding:20px;
	border-radius:20px;
	
}

.gform-theme--foundation .gf_page_steps {
	justify-content: space-between;
}

.shop_table .cart_item td.product-name a {
	font-weight:bold !important;
}

.shop_table .cart_item td.product-remove a {
	border: none;
    font-size: 26px !important;
    color: black;
}



	
/* ——— Checkout-knoppen volledig verbergen (mini-cart & elders) ——— */
.widget_shopping_cart_content :is(.buttons .checkout, .woocommerce-mini-cart__buttons .checkout),
a.checkout, .button.checkout, .checkout-button {
  display: none !important;
}

/* Aantal zichtbaar houden */
.widget_shopping_cart .quantity { opacity: 1; }

/* ——— Catalogus sidebar: witte box, radius, padding ——— */
.woocommerce-page #shop-sidebar.sidebar-inner,
.woocommerce-page .shop-container .sidebar-wrapper {
  background: #fff !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}
.woocommerce-page #shop-sidebar.sidebar-inner,
.woocommerce-page .shop-container .sidebar-wrapper #shop-sidebar.sidebar-inner {
  padding: 30px !important;
}

/* Sidebar-titels: geen divider/underline */
.woocommerce-page #shop-sidebar.sidebar-inner .widget :is(.widget-title, .widgettitle) {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding-bottom: 5px !important;
}
.woocommerce-page #shop-sidebar.sidebar-inner .widget :is(.widget-title:after, .widgettitle:after, .is-divider) {
  display: none !important;
}

/* ——— PRODUCTBOXEN op shop/archief: witte kaart ——— */
.woocommerce-page :is(ul.products li.product .product-small .box, .products .product .product-small.box) {
  background: #fff !important;
  border-radius: 20px !important;
  padding: 20px !important;
  overflow: hidden;
}
.woocommerce-page :is(ul.products li.product .product-small .box .box-image,
                      .products .product .product-small.box .box-image),
.woocommerce-page :is(ul.products li.product .product-small .box .box-image img,
                      .products .product .product-small.box .box-image img) {
  border-radius: 0 !important; /* afbeelding blijft ‘vierkant’ binnen kaart */
  background: transparent;
}
.woocommerce-page :is(ul.products li.product .product-small .box .box-image,
                      .products .product .product-small.box .box-image) {
  margin-bottom: 12px;
}
/* Producttitel binnen kaarten */
.woocommerce-page .products .product .product-small.box .product-title,
.woocommerce-page .products .product .product-small.box .product-title a,
.woocommerce-page .products .product .product-small.box .name.product-title,
.woocommerce-page .products .product .product-small.box .name.product-title a {
  color: #000 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}
.woocommerce-page .products .product .product-small.box .product-title a:hover,
.woocommerce-page .products .product .product-small.box .name.product-title a:hover {
  color: #000 !important;
}

/*******************************
 * BOXED PAGE HEADER (Flatsome)
 *******************************/
.shop-page-title.category-page-title.page-title.featured-title {
  background: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.shop-page-title.featured-title :is(.page-title-bg, .title-bg, .title-overlay) { display: none !important; }

.shop-page-title.featured-title .page-title-inner.container {
  max-width:100%;
  margin: 0 auto !important;
  background: var(--fs-color-primary, #c1041a) !important;
  border-radius: 20px !important;
  padding: 30px !important;
  overflow: hidden !important;
  position: relative;
  box-shadow: none !important;
}

/* Titel + zwarte punt */
.shop-page-title.featured-title h1.shop-page-title {
  text-transform: uppercase !important;
  color: #fff !important;
  margin: 0 0 6px !important;
  font-weight: 800 !important;
  position: relative;
}
.shop-page-title.featured-title h1.shop-page-title::after {
  content: ".";
  color: #140000;
  font-weight: 900;
  margin-left: .05em;
}

/* Divider onder titel */
.shop-page-title.featured-title .is-xsmall::before {
  content: "";
  display: block;
  width: 140px;
  height: 4px;
  background: #140000;
  border-radius: 2px;
  margin: 12px 0 10px;
}

/* Breadcrumbs leesbaar op rood */
.shop-page-title.featured-title .woocommerce-breadcrumb,
.shop-page-title.featured-title .woocommerce-breadcrumb a {
  color: rgba(255,255,255,.9) !important;
}
.shop-page-title.featured-title .woocommerce-breadcrumb a:hover { color: #fff !important; }

/* Variaties voor archief */
.shop-page-title.category-page-title.page-title.featured-title h1.shop-page-title { font-size: 30px !important; }
.shop-page-title.category-page-title.page-title.featured-title .is-xsmall::before {
  width: 100px !important;
  height: 3px !important;
  margin: 12px 0 20px !important; /* extra space boven breadcrumb */
}
.shop-page-title.category-page-title.page-title.featured-title .woocommerce-breadcrumb { margin-top: 0 !important; }

/* Header sticky zonder schaduw */
.header-wrapper.stuck, .header-wrapper.stuck .header-main { box-shadow: none !important; }

/* Ruimte boven catalogus-header */
.post-type-archive-product .shop-page-title.category-page-title.page-title.featured-title,
.tax-product_cat        .shop-page-title.category-page-title.page-title.featured-title,
.tax-product_tag        .shop-page-title.category-page-title.page-title.featured-title {
  margin-top: 20px !important;
}

/* PDP titel — zwarte punt */
.single-product :is(.product .product_title.entry-title,
                    h1.product-title,
                    .product-info .product-title)::after {
  content: ".";
  color: #140000;
  font-weight: 900;
  margin-left: .05em;
}

/* ——— GERELATEERDE / UPSELLS op PDP: witte kaarten ——— */
body.single-product :is(.related, .upsells) :is(ul.products li.product .col-inner, .products .product .col-inner) {
  background: #fff !important;
  border-radius: 20px !important;
  padding: 30px !important;
  overflow: hidden;
}
body.single-product :is(.related, .upsells) .col-inner :is(.box-image, .box-image img) {
  border-radius: 0 !important;
  background: transparent !important;
}
body.single-product :is(.related, .upsells) .col-inner .box-image { margin-bottom: 12px !important; }
body.single-product :is(.related, .upsells) .col-inner :is(.product-title, .name.product-title),
body.single-product :is(.related, .upsells) .col-inner :is(.product-title a, .name.product-title a) {
  color: #000 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}
body.single-product :is(.related, .upsells) .col-inner :is(.product-title a, .name.product-title a):hover {
  color: #000 !important;
}

/* ——— ACCORDION (FAQ) – behoudt je werking maar met nette uitlijning ——— */
.accordion .accordion-title{
  display:flex !important;
  align-items:center !important;
  gap:14px;
  padding:16px 20px !important;
  color:#111 !important;
  text-decoration:none !important;
}
.accordion .accordion-title .toggle{
  position:relative !important;
  display:flex !important;
  align-items:center; justify-content:center;
  flex:0 0 40px !important;
  width:40px !important; height:40px !important;
  padding:0 !important; margin:0 2px 0 0 !important;
  background:transparent !important; border:0 !important; line-height:1 !important;
}
.accordion .accordion-title .icon-angle-down{
  font-size:20px !important;
  color:#E63B5B !important;
  transition:transform .2s ease !important;
}
.accordion .accordion-title[aria-expanded="true"] .icon-angle-down,
.accordion .accordion-item.active .accordion-title .icon-angle-down{
  transform:rotate(180deg) !important;
}

/* Titeltekst 16px, uppercase, iets minder dik; ruimte voor vraagteken */
.accordion .accordion-title span{
  position:relative; flex:1 1 auto; display:block;
  font-size:16px !important; font-weight:600 !important;
  text-transform:uppercase !important; letter-spacing:.02em;
  color:#111 !important; line-height:1.25; padding-left:52px;
}
/* Vraagteken-badge */
.accordion .accordion-title::before{ content:none !important; } /* oude pseudo uitzetten */
.accordion .accordion-title span::before{
  content:'?'; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:36px; height:36px; border-radius:50%;
  background:#E63B5B; color:#fff; display:grid; place-items:center;
  font-weight:700; font-size:17px; pointer-events:none;
}

/* Inhoud 16px zwart en uitgelijnd onder de tekstkolom */
.accordion .accordion-inner{
  padding:0 20px 18px 112px !important; /* 40 (chevron) + 14 (gap) + 52 (badge) + 6 speling */
  font-size:16px !important; color:#000 !important; line-height:1.6;
}
.accordion .accordion-inner p{ margin:0 0 12px; }
.accordion .accordion-inner p:last-child{ margin-bottom:0; }

/* ——— Image Boxes op pagina’s: echte witte border (10px) + radius 20px ——— */
body.page :is(.image-box .box-image, .image-box .image, .image-box .img, .ux-image, .ux-box-image, .box-image){
  border:10px solid #fff !important;
  border-radius:20px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
body.page :is(.image-box img, .ux-image img, .ux-box-image img, .box-image img, .image-box .image img, .image-box .img-inner img){
  border:none !important;
  border-radius:20px !important;
  display:block; width:100%; height:auto;
}
body.page .image-box :is(.box-image, img){ box-shadow:none !important; }

/* PDP korte omschrijving zwart */
.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__short-description :is(p, li),
.single-product .product-short-description,
.single-product .product-short-description :is(p, li) {
  color:#000 !important;
}

/* ——— Mobile tweaks ——— */
@media only screen and (max-width: 48em) {
  .accordion .accordion-title{ padding:14px 16px !important; gap:12px; }
  .accordion .accordion-title .toggle{ flex-basis:36px !important; width:36px !important; height:36px !important; }
  .accordion .accordion-title span{ padding-left:48px; }
  .accordion .accordion-title span::before{ width:34px; height:34px; font-size:16px; }
  .accordion .accordion-inner{ padding:0 16px 16px 100px !important; }
}
/* ——— END ——— */

/* === SHOP/CATEGORY/TAG HEADER – BOXED + NO OVERFLOW (mobiel & tablet) === */
/* Flatsome gebruikt negatieve .flex-row-marges; we neutraliseren die en boxen de header in. */

@media (max-width: 64em){ /* ≈ tot en met tablet (1024px) */

  /* Parallax/overlays uit + wrapper zonder extra padding */
  :is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
  .shop-page-title.featured-title{
    background: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  :is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
  .shop-page-title.featured-title :is(.page-title-bg, .title-bg, .title-overlay){
    display: none !important;
  }

  /* Flatsome’s .flex-row heeft negatieve zijmarges → neutraliseren om overflow te voorkomen */
  :is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
  .shop-page-title .page-title-inner.flex-row{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Boxed paneel */
  :is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
  .shop-page-title.featured-title .page-title-inner.container{
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    margin: 20px 16px 0 !important;            /* veilige zijmarges */
    padding: 20px 30px 0px 30px !important;
    background: #c1041a !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    text-align: left !important;
  }

  /* Safe-area voor iOS */
  @supports (margin-left: env(safe-area-inset-left)){
    :is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
    .shop-page-title.featured-title .page-title-inner.container{
      margin-left: calc(16px + env(safe-area-inset-left)) !important;
      margin-right: calc(16px + env(safe-area-inset-right)) !important;
    }
  }

  /* Titel (mobiel 22.4px, tablet iets ruimer) */
  :is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
  h1.shop-page-title{
    margin: 0 0 6px !important;
    color: #fff !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    font-size: clamp(22.4px, 2.6vw, 26px) !important;  /* 22.4→26px tussen mobiel en tablet */
  }
  :is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
  h1.shop-page-title::after{
    content: ".";
    color: #000;
    font-weight: 900;
    margin-left: .05em;
  }

  /* Zwarte divider 100x3 */
  :is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
  .is-xsmall::before{
    content: "";
    display: block;
    width: 100px;
    height: 3px;
    background: #000;
    border-radius: 2px;
    margin: 10px 0 12px;
  }

  /* Breadcrumbs 16px */
  :is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
  .woocommerce-breadcrumb{
    margin: 0 !important;
    font-size: 16px !important;
    color: rgba(255,255,255,.95) !important;
    text-transform: uppercase;
  }
  :is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
  .woocommerce-breadcrumb a{
    color: #fff !important;
  }

  /* Links uitlijnen binnen kolom */
  :is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
  .shop-page-title .flex-col.flex-grow{
    text-align: left !important;
  }
}

/* Laat de FILTER-sectie met rust (geen extra regels hier) */


@media only screen and (max-width: 48em) {
	
	/* =========================
   iOS Safari compat pack
   ========================= */

/* 0) Algemene WebKit fixes */
html { -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
*, *::before, *::after { -webkit-font-smoothing: antialiased; }

/* 1) SHOP-HEADER (mobiel + tablet) – zonder :is(), geen flex-gap, geen overflow */
.post-type-archive-product .shop-page-title.featured-title,
.tax-product_cat .shop-page-title.featured-title,
.tax-product_tag .shop-page-title.featured-title{
  background: transparent !important;
}
.post-type-archive-product .shop-page-title.featured-title .page-title-bg,
.tax-product_cat .shop-page-title.featured-title .page-title-bg,
.tax-product_tag .shop-page-title.featured-title .page-title-bg,
.post-type-archive-product .shop-page-title.featured-title .title-bg,
.tax-product_cat .shop-page-title.featured-title .title-bg,
.tax-product_tag .shop-page-title.featured-title .title-bg,
.post-type-archive-product .shop-page-title.featured-title .title-overlay,
.tax-product_cat .shop-page-title.featured-title .title-overlay,
.tax-product_tag .shop-page-title.featured-title .title-overlay{
  display:none !important;
}

.shop-page-title.featured-title .page-title-inner.container{
  max-width:1280px !important;
  width:auto !important;          /* voorkom 100vw-overflow in iOS */
  margin:20px 16px 0 16px !important;
  background:#c1041a !important;
  border-radius:20px !important;
  padding:18px 22px !important;   /* desktop default */
  overflow:hidden !important;
  position:relative;
  -webkit-transform:translateZ(0); /* zorgt dat border-radius netjes clip’t */
}

@media (max-width:1024px){
  .post-type-archive-product .shop-page-title.featured-title .page-title-inner.container,
  .tax-product_cat .shop-page-title.featured-title .page-title-inner.container,
  .tax-product_tag .shop-page-title.featured-title .page-title-inner.container{
    margin:20px 16px 0 16px !important;
    padding:16px 18px 12px 18px !important; /* mobiel/tablet compacter */
  }
}

.shop-page-title.featured-title h1.shop-page-title{
  font-size:22.4px !important;
  text-transform:uppercase !important;
  color:#fff !important;
  margin:0 0 6px 0 !important;
  font-weight:800 !important;
}
.shop-page-title.featured-title .is-xsmall::before{
  content:"";
  display:block;
  width:100px; height:3px;
  background:#000;
  border-radius:2px;
  margin:8px 0 10px;
}
.shop-page-title.featured-title .woocommerce-breadcrumb,
.shop-page-title.featured-title .woocommerce-breadcrumb a{
  font-size:16px !important;
  color:rgba(255,255,255,.9) !important;
}
.shop-page-title.featured-title .woocommerce-breadcrumb a:hover{ color:#fff !important; }

/* 2) ACCORDION – vermijd flex-gap; gebruik margins en WebKit-veilige layout */
.accordion{
  background:#fff; border-radius:24px;
  box-shadow:0 12px 30px rgba(0,0,0,.06);
  padding:8px 0; margin:0;
}
.accordion .accordion-item{ border:0 !important; }

.accordion .accordion-title{
  display:flex !important;
  align-items:center !important;
  padding:14px 16px !important;
  color:#111 !important;
  text-decoration:none !important;
  position:relative;
}

/* Chevron LINKS (gevraagd) – vaste kolom, zonder overlap */
.accordion .accordion-title .toggle{
  display:flex !important; align-items:center; justify-content:center;
  width:40px !important; height:40px !important;
  margin-right:12px !important;  /* i.p.v. gap */
  background:transparent !important; border:0 !important; padding:0 !important;
  flex:0 0 40px !important;
}
.accordion .accordion-title .icon-angle-down{
  font-size:20px !important; color:#E63B5B !important;
  transition:transform .2s ease !important;
}
.accordion .accordion-title[aria-expanded="true"] .icon-angle-down,
.accordion .accordion-item.active .accordion-title .icon-angle-down{
  transform:rotate(180deg) !important;
}

/* Titelteksten – uppercase, 16px, iets minder bold */
.accordion .accordion-title span{
  display:block; flex:1 1 auto;
  font-size:16px !important; font-weight:600 !important;
  text-transform:uppercase !important; letter-spacing:.02em;
  color:#111 !important; line-height:1.25;
  padding-left:48px;              /* ruimte voor ?-badge */
  position:relative;
}

/* Vraagteken-badge – kleiner, netjes uitgelijnd en NIET over chevron */
.accordion .accordion-title span::before{
  content:'?';
  position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:34px; height:34px; border-radius:50%;
  background:#E63B5B; color:#fff; display:grid; place-items:center;
  font-weight:700; font-size:16px; pointer-events:none;
}
/* reset evt. oude pseudo */
.accordion .accordion-title::before{ content:none !important; }

/* Inhoud – zonder overlap, uitgelijnd onder tekstkolom */
.accordion .accordion-inner{
  padding:0 16px 14px 100px !important; /* 40 (chev) + 12 (mr) + 48 (badge ruimte) */
  font-size:16px !important; color:#000 !important; line-height:1.6;
}
.accordion .accordion-inner p{ margin:0 0 12px; }
.accordion .accordion-inner p:last-child{ margin-bottom:0; }

/* 3) PRODUCTBOXEN (shop-lijsten) – vermijd :is() */
.woocommerce-page ul.products li.product .product-small .box{
  background:#fff !important; border-radius:20px !important;
  padding:20px !important; overflow:hidden;
}
.woocommerce-page ul.products li.product .product-small .box .box-image,
.woocommerce-page ul.products li.product .product-small .box .box-image img{
  border-radius:0 !important; background:transparent !important;
}
.woocommerce-page ul.products li.product .product-small .box .box-image{ margin-bottom:12px; }
.woocommerce-page ul.products li.product .product-small .box .product-title,
.woocommerce-page ul.products li.product .product-small .box .product-title a{
  color:#000 !important; font-weight:700 !important; text-transform:uppercase !important;
}

/* 4) GERELATEERDE/UPSELLS op PDP – zonder :is() */
body.single-product .related ul.products li.product .col-inner,
body.single-product .upsells ul.products li.product .col-inner{
  background:#fff !important; border-radius:20px !important; padding:30px !important; overflow:hidden;
}
body.single-product .related ul.products li.product .col-inner .box-image,
body.single-product .upsells  ul.products li.product .col-inner .box-image,
body.single-product .related ul.products li.product .col-inner .box-image img,
body.single-product .upsells  ul.products li.product .col-inner .box-image img{
  border-radius:0 !important; background:transparent !important;
}
body.single-product .related ul.products li.product .col-inner .box-image,
body.single-product .upsells  ul.products li.product .col-inner .box-image{ margin-bottom:12px !important; }
body.single-product .related ul.products li.product .col-inner .product-title,
body.single-product .related ul.products li.product .col-inner .product-title a,
body.single-product .related ul.products li.product .col-inner .name.product-title,
body.single-product .related ul.products li.product .col-inner .name.product-title a,
body.single-product .upsells  ul.products li.product .col-inner .product-title,
body.single-product .upsells  ul.products li.product .col-inner .product-title a,
body.single-product .upsells  ul.products li.product .col-inner .name.product-title,
body.single-product .upsells  ul.products li.product .col-inner .name.product-title a{
  color:#000 !important; font-weight:700 !important; text-transform:uppercase !important; line-height:1.25 !important;
}

/* 5) IMAGE BOX – echte witte rand + WebKit clipping fix */
body.page .image-box .box-image,
body.page .image-box .image,
body.page .ux-image,
body.page .ux-box-image,
body.page .box-image{
  border:10px solid #fff !important;
  border-radius:20px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  /* WebKit: dwing nette clipping bij border-radius */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-transform: translateZ(0);
}
body.page .image-box img,
body.page .ux-image img,
body.page .ux-box-image img,
body.page .box-image img{
  border:none !important;
  border-radius:20px !important;
  display:block; width:100%; height:auto;
  -webkit-transform: translateZ(0);
}

/* 6) Korte productomschrijving (zeker zwart op iOS) */
.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__short-description p,
.single-product .woocommerce-product-details__short-description li{
  color:#000 !important;
}

/* 7) iOS-specifiek hokje voor extra zekerheid */
@supports (-webkit-touch-callout: none){
  /* voorkom horizontale bleed van containers */
  .shop-page-title.featured-title .page-title-inner.container{ max-width: calc(100% - 32px) !important; }
  /* fallback voor ontbrekende flex-gap: extra margin op items (acc) */
  .accordion .accordion-title .toggle{ margin-right:12px !important; }
}
	/* PDP: Product Add to Cart typografie op 16px */
.single-product .product form.cart,
.single-product .product .variations_form.cart {
  font-size: 16px;
  line-height: 1.4;
}

/* Kind-elementen binnen Add to Cart */
.single-product form.cart label,
.single-product form.cart .label,
.single-product form.cart .reset_variations,
.single-product form.cart .woocommerce-variation-description,
.single-product form.cart .woocommerce-variation-price,
.single-product form.cart .quantity input.qty,
.single-product form.cart input[type="number"],
.single-product form.cart input[type="text"],
.single-product form.cart select,
.single-product form.cart button,
.single-product form.cart .button,
.single-product form.cart .price,
.single-product form.cart .woocommerce-variation.single_variation {
  font-size: 16px;
}

/* Select2 (variaties dropdowns) */
.single-product form.cart .select2-selection__rendered,
.single-product form.cart .select2-results__option,
.single-product form.cart .select2-selection__placeholder {
  font-size: 16px !important; /* select2 heeft inline/JS-styles */
}

/* Flatsome/UX Builder qty-knoppen (indien aanwezig) */
.single-product form.cart .ux-quantity,
.single-product form.cart .ux-quantity * {
  font-size: 16px;
}

	/* Forceer 16px in Add to Cart, alle schermen */
.single-product .product .summary form.cart,
.single-product .product .summary .variations_form.cart {
  font-size: 16px !important;
  line-height: 1.4;
}

/* Alle directe elementen binnen het formulier */
.single-product .product .summary form.cart *,
.single-product .product .summary .variations_form.cart * {
  font-size: 16px !important;
  line-height: 1.4;
}

/* Select2 dropdowns (variaties) */
.single-product .product .summary form.cart .select2-container .select2-selection__rendered,
.single-product .product .summary form.cart .select2-results__option,
.single-product .product .summary form.cart .select2-selection__placeholder {
  font-size: 16px !important;
}

/* (Voor Flatsome) qty en knoppen */
.single-product .product .summary form.cart .ux-quantity,
.single-product .product .summary form.cart .ux-quantity * {
  font-size: 16px !important;
}
	
	/* Desktop: alles in Product Add to Cart op 16px */
@media (min-width: 1024px) {
  body.single-product .add-to-cart-container.form-normal.is-normal,
  body.single-product .add-to-cart-container.form-normal.is-normal * {
    font-size: 16px !important;
    line-height: 1.4;
  }

  /* Labels expliciet */
  body.single-product .add-to-cart-container.form-normal.is-normal label {
    font-size: 16px !important;
  }

  /* Woo variatie-beschrijving */
  body.single-product .add-to-cart-container.form-normal.is-normal .woocommerce-variation-description {
    font-size: 16px !important;
  }

  /* Woo variatie-prijs (alle sub-elementen meegenomen) */
  body.single-product .add-to-cart-container.form-normal.is-normal .woocommerce-variation-price,
  body.single-product .add-to-cart-container.form-normal.is-normal .woocommerce-variation-price .price,
  body.single-product .add-to-cart-container.form-normal.is-normal .woocommerce-variation-price .woocommerce-Price-amount,
  body.single-product .add-to-cart-container.form-normal.is-normal .woocommerce-variation-price bdi,
  body.single-product .add-to-cart-container.form-normal.is-normal .woocommerce-variation-price .woocommerce-Price-currencySymbol {
    font-size: 16px !important;
    line-height: 1.4;
  }

  /* Form inputs/selects/buttons binnen Add to Cart */
  body.single-product .add-to-cart-container.form-normal.is-normal input,
  body.single-product .add-to-cart-container.form-normal.is-normal select,
  body.single-product .add-to-cart-container.form-normal.is-normal textarea,
  body.single-product .add-to-cart-container.form-normal.is-normal button {
    font-size: 16px !important;
    line-height: 1.4;
  }
}

/* ---------- PRIMA Shop Header (herschreven) ---------- */
:root{
  /* wijzig alleen deze variabelen voor design tweaks */
  --shop-header-max: 1600px;                /* max breedte van de rode headerkaart */
  --shop-header-bg: #c1041a;                /* achtergrondkleur */
  --shop-header-radius: 20px;               /* hoekradius */
  --shop-header-side-gap: clamp(16px, 3vw, 40px); /* horizontale padding/gutter */
  --shop-header-divider: #140000;           /* zwarte punt/divider */
}

/* Basis: geen parallax/overlays, geen extra buiten-paddings */
.shop-page-title.featured-title{
  background: transparent !important;
  padding: 0 !important;
}
.shop-page-title.featured-title .page-title-bg,
.shop-page-title.featured-title .title-bg,
.shop-page-title.featured-title .title-overlay{
  display: none !important;
}

/* De “rode kaart” zelf – schaalt mee met het scherm */
.shop-page-title.featured-title .page-title-inner.container{
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: min(var(--shop-header-max), 100%) !important;  /* geen harde 1280-cap meer */
  margin: 20px auto 0 !important;
  padding: 24px max(var(--shop-header-side-gap), env(safe-area-inset-left))
           14px max(var(--shop-header-side-gap), env(safe-area-inset-right)) !important;
  background: var(--shop-header-bg) !important;
  border-radius: var(--shop-header-radius) !important;
  overflow: hidden !important;
  box-shadow: none !important;
  text-align: left !important;
  -webkit-transform: translateZ(0); /* iOS nette clipping */
}

/* Titel + “zwarte punt” */
.shop-page-title.featured-title h1.shop-page-title{
  margin: 0 0 6px !important;
  color: #fff !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  /* schaal typografie vanzelf van phone → desktop */
  font-size: clamp(22px, 2.2vw, 34px) !important;
  position: relative;
}
.shop-page-title.featured-title h1.shop-page-title::after{
  content: ".";
  color: var(--shop-header-divider);
  font-weight: 900;
  margin-left: .05em;
}

/* Divider onder de titel */
.shop-page-title.featured-title .is-xsmall::before{
  content: "";
  display: block;
  width: clamp(100px, 12vw, 140px);
  height: 3px;
  background: var(--shop-header-divider);
  border-radius: 2px;
  margin: 10px 0 12px;
}

/* Breadcrumbs goed leesbaar op het rood */
.shop-page-title.featured-title .woocommerce-breadcrumb,
.shop-page-title.featured-title .woocommerce-breadcrumb a{
  color: rgba(255,255,255,.92) !important;
  font-size: 16px !important;
  text-transform: uppercase;
}
.shop-page-title.featured-title .woocommerce-breadcrumb a:hover{ color:#fff !important; }

/* Archive varianten (optioneel net iets compacter) */
.shop-page-title.category-page-title.page-title.featured-title h1.shop-page-title{
  font-size: clamp(22px, 2vw, 30px) !important;
}

/* Header sticky zonder schaduw (bewust minimalistisch) */
.header-wrapper.stuck, .header-wrapper.stuck .header-main{ box-shadow: none !important; }

/*************** ADD MOBILE ONLY CSS HERE  ***************/