/*
Theme Name: Koopjesdrogisterij
Theme URI: https://Koopjesdrogisterij.nl/
Description: Custom theme for koopjesdrogisterijwinkelen
Author: Jan Lammert
Author URI: https://Koopjesdrogisterij.nl
Version: 1.0.0
Text Domain: koopjesdrogisterij
*/

/* Add custom styles below this line */


/* Hide the text spans */
.alg-wc-wl-btn-text {
    display: none !important;
  }
  
  /* Replace Font Awesome heart with custom SVG */
  .alg-wc-wl-view-state-add i {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url('/wp-content/themes/koopjesdrogisterij/images/heart.svg') no-repeat center center;
    background-size: contain;
    font-style: normal;
  }
  
  .alg-wc-wl-view-state-remove i {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url('/wp-content/themes/koopjesdrogisterij/images/heart-filled.svg') no-repeat center center;
    background-size: contain;
    font-style: normal;
  }
  .alg-wc-wl-toggle-btn{margin-top:0px !important}

.alg-wc-wl-btn-wrapper  {
    position: absolute;
    top: 0px;
    right: 0px;
}

.noopacity{opacity: 1 !important;}
.monta-shipment-pickup.active{margin-bottom:20px}
#initialPickupsList{margin-bottom:20px}



@media(min-width:768px){
  .incl_excl_container .switch {
    position: relative;
    display: inline-block;
    width: 30px !important;
    height: 17px !important;
  }

  /* Hide default checkbox */
  .incl_excl_container .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
  }

  /* Slider styling */
  .incl_excl_container .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  }

  .incl_excl_container .slider:before {
  position: absolute;
  content: "";
  background-color: white;
  transition: .4s;
  height: 13px;
  width: 13px;
  left: 4px;
  bottom: 2px;
  }

  .incl_excl_container input:checked + .slider:before {
  transform: translateX(12px);
  }

  .single-product .incl_excl_container .switch {
    position: relative;
    display: inline-block;
    width: 30px !important;
    height: 17px !important;
  }

  .incl_excl_container input:checked + .slider {
  background-color: #8b5594;
  }

  .incl_excl_container input:focus + .slider {
  box-shadow: 0 0 1px #8b5594;
  }



  .incl_excl_container .slider.round {
  border-radius: 34px;
  }

  .incl_excl_container .slider.round:before {
  border-radius: 50%;
  }
  .incl_excl_container {
  display: flex;
  align-items: center;
  gap: 10px;
  }
}

#priceToggle{font-size:13px;margin-right:15px}
@media(max-width:768px){
  #priceToggle{font-size:11px;margin-right:-4px;}
  #priceToggle .firstline{display:none}

  #priceToggle{display:none}/*temporary*/
}

     
.body_show_excl_price span.price:not(.product-info-right span),
.body_show_excl_price .wdr_table_discounted_price,
.body_show_excl_price .cart_incl_price,
.body_show_excl_price .cart-total-cash-incl-tax
{
  display:none !important
}
.body_show_excl_price .wdr_table_discounted_headsuffix{opacity:0}

.body_show_excl_price .price_switcher_tax_included_one,
.body_show_excl_price .cart-total-cash-excl-tax,
.body_show_excl_price .wdr_table_discounted_price_excl_tax,
.body_show_excl_price .cart_excl_price
{
  display:block !important
}
     

body.body_show_excl_price .incl--excl-tax--incl {
  display: none !important;
}
body:not(.body_show_excl_price) .incl--excl-tax--excl {
  display: none !important;
}

@media(min-width:1200px){
  [data-swiper="headerSlider"]{width:100%}
  [data-swiper="headerSlider"] .swiper-slide{width:auto !important;margin-right:50px !important}
}


h2>strong,h3>strong,h4>strong,h5>strong,h6>strong{
    font-weight: normal !important;
}

.is-layout-flex{display:flex;gap:15px !important;flex-wrap:wrap !important;}
.is-layout-flex>div{border:1px solid #cccccc !important;border-radius:6px;padding:15px !important}

.is-layout-flex .wp-block-image{text-align: center;}

@media (min-width: 768px) {
   .is-layout-flex>div{
        width: calc(25% - 30px) !important;
    }
}

.wp-block-image a{display:block}


/* hide kdextra coupon field */
.coupon-6d4bf7d7{display:none !important}




.newsletter-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 30px auto;
  margin-top:60px;
  width:100%;
  background: #fff;
  padding: 20px;
  border-left: 3px solid #7a1d7a;
  border-radius: 8px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
}



.newsletter-text {
  flex: 1 1 auto;
  min-width: 250px;
  margin-right: 30px;
  padding-left: 25px;

}

.newsletter-text h2 {
  font-size: 20px;
  margin: 0 0 8px;
}

.newsletter-text p {
  font-size: 16px;
  margin: 0;
}

.newsletter-text b {
  font-weight: 700;
}

.newsletter-form {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  margin:15px 0px;
}

.newsletter-container .form-row {
  display: flex;
  align-items: stretch;
  margin-bottom: 5px;
}

.logo-col {
  flex: 0 0 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 25px;
}

.logo-col img {
  max-width: 100px;
  height: auto;
}


@media (max-width: 900px) {
  .newsletter-container {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }

  .newsletter-text {
    border-left: none;
    border-top: 3px solid #7a1d7a;
    padding-left: 0;
    padding-top: 15px;
    margin-top: 15px;
  }

  .logo-col {
    margin-bottom: 0px;
    width:100%;
  }
}

.privacy-note {
  font-size: 13px;
  margin-top: 12px;
  color: #777;
}

.privacy-note a {
  color: #0073aa;
  text-decoration: none;
}

@media (max-width: 700px) {
  .newsletter-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .newsletter-text {
    margin-right: 0;
    margin-bottom: 15px;
  }

  .newsletter-container .form-row {
    flex-direction: column;
  }

  .newsletter-container .form-row input[type="email"], .form-row button {
    border-radius: 5px;
  }

  .newsletter-container .form-row button {
    margin-top: 10px;
    width: 100%;
  }
}