.elementor-4534 .elementor-element.elementor-element-052fcd5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4534 .elementor-element.elementor-element-66f327f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4534 .elementor-element.elementor-element-66f327f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4534 .elementor-element.elementor-element-e60fb4f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4534 .elementor-element.elementor-element-cb8eedc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4534 .elementor-element.elementor-element-cb8eedc.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-4534 .elementor-element.elementor-element-66f327f{--width:23.731%;}.elementor-4534 .elementor-element.elementor-element-e60fb4f{--width:66.6666%;}}@media(max-width:1024px){.elementor-4534 .elementor-element.elementor-element-cb8eedc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-4534 .elementor-element.elementor-element-cb8eedc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS *//* =====================================================
   ROBNICKYSHOP — VOLLEDIG V18 PREMIUM
   ===================================================== */
:root {
  --rnk-pink:          #d4689a;
  --rnk-pink-light:    #f2c4db;
  --rnk-pink-pale:     #fdf0f6;
  --rnk-purple:        #7c4fa0;
  --rnk-text:          #3a1f3a;
  --rnk-bg:            #f9e8f3;
  --rnk-white:         #ffffff;
  --rnk-radius:        20px;
  --rnk-shadow:        0 10px 30px rgba(212,104,154,0.12);
  --rnk-shadow-hover:  0 18px 45px rgba(212,104,154,0.25);
}

/* =====================================================
   BASE
   ===================================================== */
body.woocommerce-page {
  background-color: var(--rnk-bg) !important;
  color: var(--rnk-text) !important;
  font-family: 'Nunito', sans-serif !important;
}

/* =====================================================
   BREADCRUMB
   ===================================================== */
.woocommerce .woocommerce-breadcrumb {
  font-size: 0.8rem !important;
  color: var(--rnk-purple) !important;
  opacity: 0.7 !important;
  margin-bottom: 20px !important;
}
.woocommerce .woocommerce-breadcrumb a {
  color: var(--rnk-purple) !important;
  text-decoration: none !important;
}
.woocommerce .woocommerce-breadcrumb a:hover {
  color: var(--rnk-pink) !important;
}

/* =====================================================
   LAYOUT: SIDEBAR + PRODUCTEN
   ===================================================== */
.elementor-element-052fcd5 > .e-con-inner,
.elementor-element-052fcd5 {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 30px !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
}

.elementor-element-66f327f {
  flex: 0 0 300px !important;
  position: sticky !important;
  top: 120px;
  z-index: 100;
}

.elementor-element-e60fb4f { flex: 1 !important; }

/* =====================================================
   FILTER WRAPPER
   ===================================================== */
.wpf_form,
.wpfMainWrapper {
  background: var(--rnk-white) !important;
  padding: 22px !important;
  border-radius: var(--rnk-radius) !important;
  box-shadow: var(--rnk-shadow) !important;
  border: 1.5px solid var(--rnk-pink-pale) !important;
}

/* =====================================================
   FILTER SECTIE TITELS
   ===================================================== */
.wpf_item_name {
  font-family: 'Fredoka', sans-serif !important;
  color: var(--rnk-purple) !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  border-bottom: 2px solid var(--rnk-pink-pale) !important;
  padding-bottom: 8px !important;
  margin-bottom: 12px !important;
}

/* =====================================================
   FILTER CHECKBOXES (Categorie + Maat)
   ===================================================== */
.wpf_item ul.wpf_column_horizontal {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.wpf_item ul.wpf_column_horizontal li {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 5px 8px !important;
  border-radius: 10px !important;
  transition: background 0.15s !important;
  cursor: pointer !important;
}

.wpf_item ul.wpf_column_horizontal li:hover {
  background: var(--rnk-pink-pale) !important;
}

/* Verberg native checkbox */
.wpf_item ul li input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  border: 2px solid var(--rnk-pink-light) !important;
  border-radius: 5px !important;
  background: var(--rnk-white) !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  transition: background 0.15s, border-color 0.15s !important;
  position: relative !important;
}

.wpf_item ul li input[type="checkbox"]:checked {
  background: linear-gradient(135deg, var(--rnk-pink), var(--rnk-purple)) !important;
  border-color: var(--rnk-pink) !important;
}

/* Vinkje via pseudo-element */
.wpf_item ul li input[type="checkbox"]:checked::after {
  content: '' !important;
  position: absolute !important;
  left: 3px !important;
  top: 0px !important;
  width: 5px !important;
  height: 9px !important;
  border: 2px solid #fff !important;
  border-top: none !important;
  border-left: none !important;
  transform: rotate(45deg) !important;
  display: block !important;
}

.wpf_item ul li label {
  font-family: 'Nunito', sans-serif !important;
  font-size: 0.88rem !important;
  color: var(--rnk-text) !important;
  cursor: pointer !important;
  flex: 1 !important;
}

/* Aantal items per categorie/maat */
.wpf_item_count {
  font-size: 0.72rem !important;
  color: var(--rnk-pink) !important;
  background: var(--rnk-pink-pale) !important;
  border-radius: 20px !important;
  padding: 1px 7px !important;
  font-weight: 700 !important;
  font-family: 'Nunito', sans-serif !important;
  margin-left: auto !important;
}

/* Tooltip verbergen */
.wpf_tooltip { display: none !important; }

/* =====================================================
   PRIJSSLIDER
   ===================================================== */
.wpf_item_price { margin-bottom: 18px !important; }

.wpf_slider.ui-slider {
  background: var(--rnk-pink-pale) !important;
  border: none !important;
  height: 6px !important;
  border-radius: 10px !important;
  margin: 12px 6px 14px !important;
}

.wpf_slider .ui-slider-range {
  background: linear-gradient(90deg, var(--rnk-pink), var(--rnk-purple)) !important;
  border-radius: 10px !important;
}

.wpf_slider .ui-slider-handle {
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: var(--rnk-white) !important;
  border: 2.5px solid var(--rnk-pink) !important;
  top: -7px !important;
  cursor: grab !important;
  box-shadow: 0 2px 8px rgba(212,104,154,0.3) !important;
  transition: box-shadow 0.15s !important;
  outline: none !important;
}

.wpf_slider .ui-slider-handle:hover,
.wpf_slider .ui-slider-handle:focus {
  box-shadow: 0 0 0 4px rgba(212,104,154,0.2) !important;
}

.wpf-slider-label {
  font-size: 0.82rem !important;
  color: var(--rnk-purple) !important;
  font-weight: 700 !important;
  text-align: center !important;
  font-family: 'Nunito', sans-serif !important;
}

.wpf-slider-label .woocommerce-Price-amount {
  color: var(--rnk-pink) !important;
}

/* =====================================================
   KLEUR DROPDOWN (Select2)
   ===================================================== */
.wpf_item .select2-container {
  width: 100% !important;
}

.wpf_item .select2-selection--multiple {
  border: 1.5px solid var(--rnk-pink-light) !important;
  border-radius: 12px !important;
  background: var(--rnk-white) !important;
  min-height: 40px !important;
  padding: 4px 8px !important;
  cursor: pointer !important;
}

.wpf_item .select2-selection--multiple:hover {
  border-color: var(--rnk-pink) !important;
}

.wpf_item .select2-search__field {
  font-family: 'Nunito', sans-serif !important;
  font-size: 0.85rem !important;
  color: var(--rnk-text) !important;
}

/* Geselecteerde tags in de dropdown */
.wpf_item .select2-selection__choice {
  background: linear-gradient(135deg, var(--rnk-pink), var(--rnk-purple)) !important;
  border: none !important;
  border-radius: 20px !important;
  color: #fff !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  padding: 2px 10px !important;
}

.wpf_item .select2-selection__choice__remove {
  color: rgba(255,255,255,0.7) !important;
  margin-right: 4px !important;
}

.wpf_item .select2-selection__choice__remove:hover {
  color: #fff !important;
}

/* =====================================================
   RESET KNOP
   ===================================================== */
.wpf_reset_btn {
  margin-top: 16px !important;
  text-align: center !important;
}

.wpf_reset_btn input[type="reset"] {
  font-family: 'Nunito', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  color: var(--rnk-purple) !important;
  background: none !important;
  border: 1.5px solid var(--rnk-pink-light) !important;
  border-radius: 20px !important;
  padding: 6px 18px !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s !important;
}

.wpf_reset_btn input[type="reset"]:hover {
  background: var(--rnk-pink-pale) !important;
  border-color: var(--rnk-pink) !important;
  color: var(--rnk-pink) !important;
}

/* =====================================================
   SHOP HEADER (SORTERING + RESULTAAT TEKST)
   ===================================================== */
.woocommerce-ordering select,
.woocommerce .woocommerce-ordering select {
  font-family: 'Nunito', sans-serif !important;
  border: 1.5px solid var(--rnk-pink-light) !important;
  border-radius: 12px !important;
  color: var(--rnk-purple) !important;
  padding: 8px 14px !important;
  background: var(--rnk-white) !important;
  font-size: 0.9rem !important;
  box-shadow: none !important;
  outline: none !important;
}

.woocommerce-result-count {
  font-family: 'Nunito', sans-serif !important;
  font-size: 0.85rem !important;
  color: var(--rnk-purple) !important;
  opacity: 0.75 !important;
}

/* =====================================================
   PRODUCTGRID
   ===================================================== */
.woocommerce ul.products.elementor-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 25px !important;
}

/* =====================================================
   PRODUCTKAART
   ===================================================== */
.woocommerce ul.products li.product {
  background: var(--rnk-white) !important;
  border-radius: var(--rnk-radius) !important;
  box-shadow: var(--rnk-shadow) !important;
  display: flex !important;
  flex-direction: column !important;
  text-align: center !important;
  overflow: hidden !important;
  border: 1.5px solid transparent !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  position: relative !important;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--rnk-shadow-hover) !important;
  border-color: var(--rnk-pink-light) !important;
}

/* Afbeelding zoom op hover */
.woocommerce ul.products li.product a img {
  transition: transform 0.4s ease !important;
  display: block !important;
  width: 100% !important;
}

.woocommerce ul.products li.product:hover a img {
  transform: scale(1.05) !important;
}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  overflow: hidden !important;
  display: block !important;
}

/* =====================================================
   SALE BADGE
   ===================================================== */
.woocommerce ul.products li.product .onsale {
  background: linear-gradient(135deg, var(--rnk-pink), var(--rnk-purple)) !important;
  color: #fff !important;
  border-radius: 20px !important;
  padding: 4px 12px !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  min-height: unset !important;
  min-width: unset !important;
  line-height: 1.6 !important;
}

/* =====================================================
   PRODUCTNAAM
   ===================================================== */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Fredoka', sans-serif !important;
  font-size: 1.1rem !important;
  color: var(--rnk-text) !important;
  padding: 18px 15px 8px !important;
  min-height: 65px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.3 !important;
}

/* =====================================================
   PRIJS
   ===================================================== */
.woocommerce ul.products li.product .price {
  font-family: 'Fredoka', sans-serif !important;
  color: var(--rnk-pink) !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  margin-top: auto !important;
  padding-bottom: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.woocommerce ul.products li.product .price del {
  color: #c9a8c0 !important;
  font-size: 0.9rem !important;
  opacity: 1 !important;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none !important;
  font-weight: 700 !important;
}

/* =====================================================
   WINKELWAGEN KNOP
   ===================================================== */
.woocommerce ul.products li.product .button {
  background: linear-gradient(135deg, var(--rnk-pink), var(--rnk-purple)) !important;
  color: #fff !important;
  border-radius: 50px !important;
  padding: 12px 20px !important;
  margin: 8px 20px 25px 20px !important;
  font-weight: 800 !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.02em !important;
  border: none !important;
  transition: opacity 0.2s ease, transform 0.15s ease !important;
  box-shadow: 0 4px 15px rgba(212,104,154,0.3) !important;
}

.woocommerce ul.products li.product .button:hover {
  opacity: 0.88 !important;
  transform: scale(1.03) !important;
  box-shadow: 0 6px 20px rgba(212,104,154,0.45) !important;
}

.woocommerce ul.products li.product .added_to_cart {
  font-size: 0.78rem !important;
  color: var(--rnk-purple) !important;
  font-weight: 700 !important;
  display: block !important;
  margin-bottom: 10px !important;
}

/* =====================================================
   PAGINATION — ALLE STREEPJES ERUIT
   ===================================================== */
.woocommerce-pagination,
nav.woocommerce-pagination {
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  padding: 0 !important;
  margin-top: 30px !important;
}

.woocommerce-pagination ul,
nav.woocommerce-pagination ul.page-numbers {
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* Alle li's ook clean */
.woocommerce-pagination ul li,
nav.woocommerce-pagination ul.page-numbers li {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  background: none !important;
}

/* Paginanummers en pijltjes */
.woocommerce-pagination ul li a.page-numbers,
.woocommerce-pagination ul li span.page-numbers,
nav.woocommerce-pagination ul.page-numbers li a.page-numbers,
nav.woocommerce-pagination ul.page-numbers li span.page-numbers {
  font-family: 'Nunito', sans-serif !important;
  border-radius: 12px !important;
  padding: 10px 18px !important;
  background: var(--rnk-white) !important;
  color: var(--rnk-purple) !important;
  border: 1.5px solid var(--rnk-pink-pale) !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s, border-color 0.2s !important;
  box-shadow: none !important;
  outline: none !important;
  line-height: 1 !important;
}

/* Actieve pagina + hover */
.woocommerce-pagination ul li a.page-numbers:hover,
.woocommerce-pagination ul li span.page-numbers.current,
nav.woocommerce-pagination ul.page-numbers li a.page-numbers:hover,
nav.woocommerce-pagination ul.page-numbers li span.page-numbers.current {
  background: linear-gradient(135deg, var(--rnk-pink), var(--rnk-purple)) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 4px 12px rgba(212,104,154,0.3) !important;
}

/* Pijltjes iets smaller */
.woocommerce-pagination ul li a.next.page-numbers,
.woocommerce-pagination ul li a.prev.page-numbers,
nav.woocommerce-pagination ul.page-numbers li a.next.page-numbers,
nav.woocommerce-pagination ul.page-numbers li a.prev.page-numbers {
  padding: 10px 14px !important;
}

/* =====================================================
   MOBIEL FIX
   ===================================================== */
@media (max-width: 1024px) {
  .elementor-element-052fcd5,
  .elementor-element-052fcd5 > .e-con-inner {
    display: block !important;
  }

  .elementor-element-66f327f {
    width: 92% !important;
    margin: 10px auto 25px !important;
    background: var(--rnk-white) !important;
    border-radius: 20px !important;
    border: 2px solid var(--rnk-pink-light) !important;
    overflow: hidden !important;
    padding: 0 !important;
    box-shadow: var(--rnk-shadow) !important;
    position: static !important;
  }

  #rnk-mobile-toggle {
    padding: 18px !important;
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 700 !important;
    color: var(--rnk-purple) !important;
    text-align: center !important;
    cursor: pointer !important;
    border-bottom: 1px solid transparent !important;
    font-size: 1rem !important;
    user-select: none;
    transition: border-color 0.2s;
  }

  .elementor-element-66f327f > *:not(#rnk-mobile-toggle),
  .elementor-element-66f327f .elementor-widget-wrap > *,
  .elementor-element-66f327f .e-con-inner > * {
    display: none !important;
  }

  .elementor-element-66f327f.is-active > *:not(#rnk-mobile-toggle),
  .elementor-element-66f327f.is-active .elementor-widget-wrap > *,
  .elementor-element-66f327f.is-active .e-con-inner > * {
    display: block !important;
  }

  .elementor-element-66f327f.is-active #rnk-mobile-toggle {
    border-bottom-color: var(--rnk-pink-pale) !important;
  }

  .elementor-element-66f327f .wpf_form,
  .elementor-element-66f327f .wpfMainWrapper {
    box-shadow: none !important;
    border-radius: 0 !important;
    border: none !important;
    padding: 15px !important;
  }

  .woocommerce ul.products.elementor-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    padding: 0 10px !important;
  }

  .woocommerce ul.products li.product .button {
    font-size: 0.78rem !important;
    padding: 10px 14px !important;
    margin: 6px 12px 18px !important;
  }
}/* End custom CSS */