/*
 Theme Name: Hello Elementor Child
 Template: hello-elementor
 Version: 2.4.2
*/
 
/* Størrelse, farve og læg-i-kurv-knap */
    
        .sabb-variable-size-color-form {
            font-family: "Recoleta", serif;
            margin: 0;
            padding: 0;
        }
        .sabb-label {
            margin: 20px 0 10px 0;
            color: #284755;
            font-size: 20px;
            line-height: 1;
            font-weight: 400;
        }
        


        
        
        
        .sabb-choices-wrap {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        
        
        
        
        
        
        .sabb-choice-btn {
            border: 1px solid #EAE1D7 !important;
            color: #284755 !important;
            border-radius: 50px !important;
            background-color: #FFFBF6 !important;
            margin: 0!important;
            padding: 10px 20px !important;
            cursor: pointer !important;
            font-size: 16px !important;
            line-height: 1 !important;
        }
        
        
                @media (max-width: 767px) {
         .sabb-choice-btn {
            font-size: 14px !important;
            padding: 8px 12px !important;
            
        }
        
                .sabb-choices-wrap {
            gap: 8px;
        }
        
                .sabb-label {
            margin: 10px 0 5px 0;
            font-size: 18px;
 
        }
        


}
        
        
        
        
        
        
        .sabb-choice-btn.is-active {
            border: 1px solid #284755 !important;
        }
        
        
        
        .sabb-choice-btn.is-soldout {
          cursor: not-allowed !important;
        
        
        }
        
        .sabb-variable-size-color-form .sabb-choice-btn.is-soldout .sabb-choice-label, .sabb-variable-size-color-form .sabb-choice-btn.is-disabled .sabb-choice-label, .sabb-variable-size-color-form .sabb-choice-btn.is-soldout .sabb-choice-label:focus {
  text-decoration: line-through !important;
  opacity: .50 !important;

}

        .sabb-variable-size-color-form .sabb-color.is-soldout .sabb-color-label, .sabb-variable-size-color-form .sabb-color.is-soldout .sabb-color-label, .sabb-variable-size-color-form .sabb-color.is-soldout .sabb-color-label:focus {
  text-decoration: line-through !important;
  opacity: .50 !important;

}



.sabb-choice-btn.is-soldout .sabb-choice-label, .sabb-color.is-soldout .sabb-color-label {
  text-decoration: line-through !important;
  opacity: .50 !important;
}


        .sabb-choice-btn.is-soldout .sabb-choice-label:hover, .sabb-color.is-soldout .sabb-color-label:hover {
  text-decoration: line-through !important;
}




.sabb-choice-btn--with-sub {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
  white-space: normal;
}


.sabb-choice-btn--with-sub .sabb-choice-sub {
  display: block;
  color: #7B8488;
  font-weight:300;
  font-size: 14px;
  margin-top: 4px;
  line-height: 1;
}

                @media (max-width: 767px) {
.sabb-choice-btn--with-sub .sabb-choice-sub {
            font-size: 13px;
        }


}



.sabb-choice-btn.is-soldout .sabb-choice-sub {
  text-decoration: none !important;
  opacity: .50 !important;
}







        
        
        
.sabb-external-add-to-cart.button {
  margin: 0;
  font-family: "Recoleta", serif;
  background-color: #89CFF0;
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 18px 60px;
  font-weight: 600;
  font-size: 22px;
  line-height: 1;
  letter-spacing: -0.03em;
  cursor: pointer;
  width: 100%;
}


                @media (max-width: 767px) {
.sabb-external-add-to-cart.button {
            font-size: 20px;
            
        }


}



.sabb-external-add-to-cart.button:hover,
.sabb-external-add-to-cart.button:focus,
.sabb-external-add-to-cart.button:active {
  background: #89CFF0;
}


a.added_to_cart.wc-forward {
  display: none !important;
}
    
    
    
    /* produktpris */
    
.sabb-product-price  {
  color: #284755;
  font-family: "Recoleta", serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.03em;
  margin:0;
}

.sabb-product-price  ins {
  text-decoration: none;
}


.sabb-product-price del {
  color:#7B8488;
  margin-left: 10px;
  text-decoration-thickness: 1px; 
}
        
  
@media (max-width: 1024px) {  
  .sabb-product-price  {
        font-size: 28px;
}

}

@media (max-width: 767px) {
  .sabb-product-price  {
       font-size: 22px; 
}


}
        
    /* Produktbilleder karrusel */
    
    
    




  /* sørg for at slides ligger i en række */


    
    
    
  .product-carousel {
  
}

.product-carousel .main-swiper .swiper-slide {


}

.product-carousel .main-swiper .swiper-slide img {
  width: 100%;
  border-radius: 50px;
  display: block;
}


      .product-carousel .swiper {
    width: 100%;
  }


.product-carousel .thumb-swiper {
  margin-top: 20px;
  overflow: hidden;
}

@media (max-width: 767px) {
.product-carousel .thumb-swiper {
  margin-top: 10px;
}


}


  .product-carousel .thumb-swiper .swiper-wrapper {
    display: flex;
  }


.product-carousel .thumb-swiper .swiper-slide {
  width: 20%;
  cursor: pointer;
  transition: opacity 0.2s, border 0.2s;
  border-radius: 50px;
  box-sizing: border-box;
  opacity: 0.5;
  flex-shrink: 0;
}




.product-carousel .thumb-swiper .swiper-slide-thumb-active {
  opacity: 1;
}

.product-carousel .thumb-swiper .swiper-slide img {
  width: 100%;
  border-radius: 30px;
  display: block;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .product-carousel .thumb-swiper .swiper-slide img {
    border-radius: 20px;
  }
}





@media (max-width: 767px) {
.product-carousel .thumb-swiper .swiper-slide img {
        border-radius: 25px;
}


}


@media (max-width: 550px) {
.product-carousel .thumb-swiper .swiper-slide img {
        border-radius: 20px;
}


}





.sabb-field[data-type="size"] .sabb-choice-btn--with-sub .sabb-choice-label{
  display: inline-flex;
  align-items: center;
  gap: 2px;
}


.sabb-field[data-type="size"] .sabb-size-star{
  display: block;
  width: 16px;             
  height: 16px;             
  flex: 0 0 auto;
  position: relative;       
  top: -6px;                
}


.sabb-field[data-type="size"] .sabb-choice-btn--stor .sabb-choice-label{
  padding-left: 5px;
}
