/* ==========================================================================
   BASE / GLOBAL
   ========================================================================== */


/* Import Google Font Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');


    .footer-2 {
        padding-bottom: 150px !important;
    }
    
    
    
    .new-gratis-1 .btn-body {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}


.new-gratis-2 .btn-body {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}



/* Apply Roboto globally */
body,h1,h2,h3,h4,h5,h6,p,a,li,ul, button, div, span, * {
    font-family: 'Roboto', sans-serif !important;
}


html {
  overflow-x: hidden;
}

h2 {

}

p {

}




@media (min-width: 768px) {
    .storefront-sticky-add-to-cart {
        display: block;
        position: fixed;
        bottom: 0 !important;
        top: auto !important;
        left: 0;

}
}

/* Sticky add-to-cart base */
.storefront-sticky-add-to-cart {
  position: fixed;
  bottom: 0 !important;
  display: block !important;
   top: auto !important;
  left: 0; right: 0;
  background: #fff;
  border-top: 1px solid #e5e5e5;
  
  
  box-shadow: 0 -2px 8px rgba(0,0,0,0.08);
  transform:translate3d(0, 100%, 0) !important;
  transition: transform .25s ease-in-out;
  z-index: 9999;
  font-family: inherit;
}

.storefront-sticky-add-to-cart.is-visible {
  transform: translateY(0) !important;
}

/* Inner container */
.storefront-sticky-add-to-cart .col-full {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 16px;
}

.storefront-sticky-add-to-cart__content {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Product image */
.storefront-sticky-add-to-cart__content img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 6px;
}

/* Product info */
.storefront-sticky-add-to-cart__content-product-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  line-height: 1.4;
}

.storefront-sticky-add-to-cart__content-title {
  color: #333;
  margin-bottom: 4px;
}

.storefront-sticky-add-to-cart__content-price {
  font-weight: 600;
  color: #111;
  font-size: 16px;
}

.storefront-sticky-add-to-cart__content-price del {
  color: #888;
  margin-right: 6px;
  font-size: 13px;
}

.storefront-sticky-add-to-cart__content-price ins {
  text-decoration: none;
  color: #d33;
}

.storefront-sticky-add-to-cart  .storefront-sticky-add-to-cart__content-button  {
               color: #fff;
    background: linear-gradient(180deg, #3ec000 0, #00ac00 100%) 0 0 no-repeat padding-box;
    box-shadow: 0 2px 0 #090, 0 3px 13px rgba(0, 153, 0, 0.36);
        border-radius: 4px !important;
            padding-top: 15px;
              color: white;
    padding-bottom: 15px;
    padding-left: 30px;
      padding-right: 30px;
    }
    
    .storefront-sticky-add-to-cart  .storefront-sticky-add-to-cart__content-button:hover  {
               color: #fff;
    background: linear-gradient(180deg, #3ec000 0, #00ac00 100%) 0 0 no-repeat padding-box;
    box-shadow: 0 2px 0 #090, 0 3px 13px rgba(0, 153, 0, 0.36);
        border-radius: 4px !important;
            padding-top: 15px;
    padding-bottom: 15px;
    color: white;
     padding-left: 30px;
      padding-right: 30px;
    }




@media (max-width: 769px) {
    .storefront-sticky-add-to-cart {
        
    }
    
    .storefront-sticky-add-to-cart .attachment-woocommerce_thumbnail {
        display: none;
    }
    
    .storefront-sticky-add-to-cart .storefront-sticky-add-to-cart__content-title {
        display: none;
    }
    
    .storefront-sticky-add-to-cart .storefront-sticky-add-to-cart__content-price {
            display: block;
         margin: 0 auto;
    }
    .storefront-sticky-add-to-cart .storefront-sticky-add-to-cart__content {
            padding: 10px 10px 20px 10px ;
    }
    
    .storefront-sticky-add-to-cart  .storefront-sticky-add-to-cart__content-button  {
               color: #fff;
    background: linear-gradient(180deg, #3ec000 0, #00ac00 100%) 0 0 no-repeat padding-box;
    box-shadow: 0 2px 0 #090, 0 3px 13px rgba(0, 153, 0, 0.36);
        border-radius: 4px !important;
            padding-top: 15px;
              color: white;
    padding-bottom: 15px;
    }
    
    .storefront-sticky-add-to-cart  .storefront-sticky-add-to-cart__content-button:hover  {
               color: #fff;
    background: linear-gradient(180deg, #3ec000 0, #00ac00 100%) 0 0 no-repeat padding-box;
    box-shadow: 0 2px 0 #090, 0 3px 13px rgba(0, 153, 0, 0.36);
        border-radius: 4px !important;
            padding-top: 15px;
              color: white;
    padding-bottom: 15px;
    }
    
    .footer-2 {
    padding-bottom: 150px !important;
    }
    
}








/* CTA button */
.storefront-sticky-add-to-cart__content-button {
  margin-left: auto;
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  background: #ff5722;
  border: none;
  color: #fff;
  text-decoration: none;
  transition: background .2s ease-in-out;
}

.storefront-sticky-add-to-cart__content-button:hover {
  background: #e64a19;
  color: #fff;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .storefront-sticky-add-to-cart__content {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
  }

  .storefront-sticky-add-to-cart__content img {
    width: 50px;
    height: 50px;
  }

  .storefront-sticky-add-to-cart__content-product-info {
    flex: 1 1 100%;
  }

  .storefront-sticky-add-to-cart__content-button {
    flex: 1 1 100%;
    text-align: center;
    margin-left: 0;
  }
}





.card-btn { position: relative; }
.discount-badge{
position: absolute;
    top: -10px;
    right: 12px;
    background: #f7931e;
    color: #fff;
    font-weight: 500 !important;
    font-size: 12px;
    padding: 4px 7px;
    border-radius: 3px;
    line-height: 1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
}

header{
   
}



.wcbv-variations .out-of-stock {
  position: relative;
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
  overflow: hidden;
}

.wcbv-variations .out-of-stock::before {
 content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150%;          /* longer than diagonal */
  height: 3px;          /* line thickness */
  background: red;
  transform: translate(-50%, -50%) rotate(-48deg);

}


.product-type-variable .kolicina-buttons {
   padding-bottom: 20px !important;
}


.product-type-variable .after-wrapper {
   background: #f0f2f5;
   margin-left: 15px;
   margin-top: -10px;
   padding-left: 30px;
     padding-right: 30px;
         margin-bottom: 22px;
}

.product-type-variable .vigo-home-reviews__trustpilot {
   margin-left: -30px !important;
     margin-right: -30px !important;
}
 


.btn-group {
    display: flex;
 
        flex-wrap: wrap;
}

.btn-group .btn {
   flex-direction: column !important;
    justify-content: start !important;
    flex: 0 0 25% !important;     /* 5 per row */
}

.prvi_not_button  {
 flex: 0 0 100%;
  width: 100%;
  order: 0;                     /* ensures it stays first row */
  margin: 0;                    /* reset if Bootstrap adds margins */
}




.wcbv-wrapper  {
       background-color: #e2e6e8 !important;
       margin: 0 !important;
       width: 100% !important;
       margin-left: 15px !important;
            padding-top: 20px !important;
        padding-bottom: 25px !important;
         padding-left: 15px !important;
           padding-right: 15px !important;
}

.wcbv-variations  {
       background-color: #e2e6e8 !important;
    padding-left: 15px !important;
}


.prvi_not_button {
   font-size:15px !important;
   color: #5f6060 !important;
   font-weight: 500 !important;
       margin-bottom: 10px;
}

.btn-group .btn {
     border: 2px solid #dddddd !important;
    padding: 2px 15px 5px 15px !important;
    background-color: #fff !important;
    box-shadow: none !important;
    color: #5f6060 !important;
    margin-right: 5px;
     border-radius: 5px;
     font-weight: 500 !important;
     line-height: 1;
      font-size:14px  !important;
          padding: 10px 15px 10px 15px !important;
          text-transform: uppercase;

}

.btn.active  {
     border: 2px solid #f09831 !important;
     color: black !important;
}


.btn-group .btn img {
     width: 100%;
     max-width: 80px;
     display: block;
     margin: 0 auto;

}


@media (max-width: 767px) {
    .wcbv-variations {
        
        padding: 0 !important;
        
    }
    
}







.video-wrap {
   margin-top: 0 !important;
     padding-top: 0 !important;
}




/* BUTTONS */

.kolicina-buttons {
   display: flex;
   gap: 3px;
   padding-top: 5px;
       flex-wrap: wrap;
          padding-right: 30px;
          
    padding-bottom: 10px;
}

.kolicina-buttons button {
   background: white;
  box-shadow: none !important;
    color: #5f6060  !important;
    cursor: pointer  !important;
    display: flex  !important;

    justify-content: center  !important;
    line-height: 1.2  !important;
    padding: 12px 4px  !important;
    border: 2px solid #dddddd;
    border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     font-size:15px  !important;
     font-weight:normal  !important;
     padding: 15px 0px !important;
    position: relative;
      flex: 1 0 30%;      
      margin-bottom: 27px;
      
}


.ship-paid {
    background: #a9a9a9;
    color: white;
    position: absolute;
    bottom: -19px;
    width: calc(100% + 4px);
    padding-top: 5px;
    padding-bottom: 5px;
    left: -2px;
    font-size: 12px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}


.ship-free {
    background: #47b426;
    color: white;
    position: absolute;
    bottom: -19px;
    width: calc(100% + 4px);
    padding-top: 5px;
    padding-bottom: 5px;
    left: -2px;
    font-size: 12px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;

}

.qty-image {
    padding-left: 10px;
    padding-right: 10px;
}



.kolicina-buttons button .prototpr {
   font-size:14px  !important;
}

.kolicina-buttons button span  {
   font-size:14px  !important;
}




/* BUTTONS */









.lastnosti-one-col p {
    text-align: center !important;
}


.cena-wrapper  {
   margin-bottom: 30px;
   margin-top: 10px;
}


.description-title {
   margin-top: 25px !important;
    margin-bottom: 25px !important;
}


.description-title h2  {
   font-size: 16px;
   font-weight: bold;
   text-align: center !important;
}

.title2 h2  {
   font-size: 16px;
   font-weight: bold;
   text-align: center !important;
}

.cta-font {
   margin-bottom: 0px !important;
   font-size: 16px !important;
   font-weight: normal !important;
   text-align: center !important;
}


.woocommerce-Price-amount del,
.woocommerce-Price-amount del bdi,
del .woocommerce-Price-amount,
del bdi {
    vertical-align: baseline; /* keeps it aligned with other text */
    position: relative;
    top: 0; /* reset any offset */
    text-decoration: line-through; /* keep or remove the strike */
}

del .woocommerce-Price-amount bdi {
    vertical-align: middle;
}


.single_add_to_cart_button  {
   border-radius: 4px !important;
}

..return_policy{
   margin-top: 14px !important;
}


.single_add_to_cart_button .sale-price {
    font-size: 20px !important;
    letter-spacing: 0.5px;
    
}

.kolicina-disclaimer {
   margin-bottom: 5px;
   background: #f0f2f5;
   margin-left: 15px;
   color: #333;
   margin-bottom: 0;
   padding-top: 19px;
   padding-bottom: 7.5px;
   padding-left: 30px;
   font-weight: 500;
   font-size: 14px;
}

.single-product div.product form.cart {
   padding: 0 !important;
}

.after-button-static-content .vigo-home-reviews__trustpilot {
       margin-left: 15px;
}



.flex-nav-prev {
       border-radius: 0 10px 10px 0;
    left: 0;
    padding: 0;
    
    background: #fff 0 0 no-repeat padding-box;
   
    cursor: pointer;
    opacity: .9;
    position: absolute;
    top: 50%;
    transform: translateY(-30%);
    z-index: 9999;
}




.flex-nav-next {
       background: #fff 0 0 no-repeat padding-box;
  
    cursor: pointer;
    opacity: .9;
    position: absolute;
    top: 50%;
    transform: translateY(-30%);
    z-index: 9999;
    
    border-radius: 10px 0 0 10px;
    padding: 0;
    right: 0;
}


.flex-next {
    height: 100% !important;
    display: block;
    padding: 20px;
}


.flex-prev {
    height: 100% !important;
    display: block;
    padding: 20px;
}


@media (max-width: 766px) {

.flex-next {
 
    padding: 20px 30px 20px 20px;
}


.flex-prev {

    padding: 20px 20px 20px 30px;
}


}






/* =========================================================
   PRODUCT PAGE CONTAINER WIDTH (max 1124px)
   ========================================================= */

/* Storefront main wrapper on product pages */
.single-product .col-full {
  max-width: 1124px;
  margin: 0 auto;
  padding-left: 0px;
  padding-right: 15px;
}

/* Your custom sections' containers */
.single-product #nakupna .container,
.single-product #extra-section-postavitev11-mobile .container,
.single-product #second-section-vsebinska .container,
.single-product #third-section-vsebinska .container,
.single-product #vsebinska-lastnosti .container {
  max-width: 1124px !important; /* beats inline max-width:100% */
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* If a section needs full-bleed backgrounds but centered inner content */
.single-product section .container {
  box-sizing: border-box; /* ensure padding doesn’t exceed the max-width */
}


/* =========================================================
   MOBILE (≤767px): remove horizontal padding
   ========================================================= */
@media (max-width: 767px) {
  .single-product .col-full,
  .single-product #nakupna .container,
  .single-product #extra-section-postavitev11-mobile .container,
  .single-product #second-section-vsebinska .container,
  .single-product #third-section-vsebinska .container,
  .single-product #vsebinska-lastnosti .container {
    padding-left: 0;
    padding-right: 0;
  }
}



/* =========================================================
   WooCommerce single product: disable zoom
   ========================================================= */

/* Remove zoom cursor */
.single-product .woocommerce-product-gallery__image img {
  cursor: default !important;
}

/* Prevent WooCommerce zoom image scaling */
.single-product .woocommerce-product-gallery__image img {
  transform: none !important;
  transition: none !important;
}






/* Hide various default bits */
.product-rating,
.top-bar,
.slick-dots,
.quantity,
.variation-title,
.wcbv-total-price,
.wcbv-quantity,
.wcbv-remove {
  display: none !important;
}

/* Woo variations spacing */
.wcbv-wrapper .wcbv-variations {
  margin-bottom: 0 !important;
}
.wcbv-variations > .wcbv-row {
  margin-bottom: 5px !important;
}
.single-product div.product .variations_button {
  padding-top: 0 !important;
}

/* ==========================================================================
   PRODUCT MEDIA / GALLERY
   ========================================================================== */

.woocommerce-product-gallery {
  position: relative;
}

.woocommerce-product-gallery__trigger,
.flex-control-thumbs {
  display: none;
}

.new-img-left img {
  min-width: 100%;
}

/* Flexslider arrows in gallery */
.storefront-full-width-content.single-product a.flex-prev {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center;

  display: inline-block;
  
}


.storefront-full-width-content.single-product a.flex-next {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center;

  display: inline-block;
  
}


/*.storefront-full-width-content.single-product a.flex-next {
  background-image: url(/wp-content/themes/storefront-child/img/right-arrow.svg) !important;*/
}
.storefront-full-width-content.single-product a.flex-prev {
  /*background-image: url(/wp-content/themes/storefront-child/img/left-arrow.svg) !important;*/
}

ul.flex-direction-nav {
  position: absolute;
  top: 46%;
  left: 0;
  width: 100%;
  z-index: 99;
  margin: 0;
  padding: 0;
  list-style: none;
}

.slick-slide img {
  min-width: 100%;
}

/* ==========================================================================
   STICKY COD BADGE
   ========================================================================== */

.sticky_cod_wrapper {
  position: absolute;
  top: 10px;
  left: 10px;
  right: auto;
  z-index: 33;
  display: flex;
  align-items: baseline;
  background-color: #47b426;
  color: #fff;
  line-height: 1.33;
  font-size: 0.875em;
  font-weight: 500;
  border-radius: 22px;
  padding: 3px 16px;
  margin-right: 5px;
}
.sticky_cod_wrapper img {
  display: inline;
  height: 16px;
  vertical-align: middle;
}
.sticky_cod_wrapper .text_wrapper {
  margin-left: 5px;
}

/* ==========================================================================
   PRODUCT HEADER / PRICE / META
   ========================================================================== */

.description-title {
  text-align: center;
  font-size: 16px;
}

.product-title {
  padding: 15px 15px 5px 15px !important;
  margin-bottom: 0 !important;
  color: #000 !important;
  font-weight: 500 !important;
    font-size: 24px;
    margin-left: 10px;
  letter-spacing: 0.5px;
}

.stars-ratings-container {
      margin-left: 10px;
   
}

.spodnji-sd {
    display: block;
        width: 100%;
    padding: 0 15px;
    
}

.spodnji-sd p {
    display: block;
      margin: 15px 10px 20px 10px !important;
      color: #333;
      font-size: 15px !important;
   
}


.kolicina-buttons {
    background: #f0f2f5;
    padding-left: 30px;
    margin-left: 15px;
}

.cena ins {


}
.cena del {


}

.mobile-payment {
  margin-bottom: 13px;
}

/* ==========================================================================
   CART / ATC / PRICE STRIP
   ========================================================================== */

.new-wrapper {
  padding: 12px 30px 18px 30px;
  background: #f0f2f5; /* SDB color set (see theme section as well) */
  border-radius: 0px; /* desktop adds, see media queries */
}



@media only screen and (max-width: 767px) {

.kolicina-disclaimer {
    padding-left: 15px;
    }

.kolicina-buttons {
    padding-left: 15px;
    }

}


.new-product-price {
  width: 100%;
  padding: 0 7px;
  font-size: 22px;
  font-weight: bold;
  text-transform: none;
  background: transparent;
  
  padding-top: 10px;
   padding-bottom: 10px;
}

.new-wrapper .cart {
  padding-left: 2px !important;
}

.single_add_to_cart_button {
  min-width: 100% !important;
  max-width: 100% !important;
  margin-right: 27px !important;
}
.single_add_to_cart_button::before {
  border-bottom: 60px solid #217d13 !important;
}
.single_add_to_cart_button::after {
  background-position-x: 23% !important;
  background-position-y: 68% !important;
}

/* Primary ATC button look */
.button.single_add_to_cart_button.button.alt {
  display: block !important;
  color: #fff;
  background: linear-gradient(180deg, #3ec000 0, #00ac00 100%) 0 0 no-repeat padding-box;
  box-shadow: 0 2px 0 #090, 0 3px 13px rgba(0, 153, 0, 0.36);
}
.button.single_add_to_cart_button.button.alt .nov-cart {
  display: none;
}
.button.single_add_to_cart_button.button.alt::before {
  content: "";
  width: 22px;
  height: 20px;
  background-repeat: no-repeat;
  background: url(data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 22"><path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M19.3334 17.875C18.2288 17.875 17.3334 18.7984 17.3334 19.9375C17.3334 21.0766 18.2288 22 19.3334 22C20.438 22 21.3334 21.0766 21.3334 19.9375C21.3334 18.7984 20.438 17.875 19.3334 17.875ZM7.33335 17.875C6.22876 17.875 5.33334 18.7984 5.33334 19.9375C5.33334 21.0766 6.22876 22 7.33335 22C8.43793 22 9.33335 21.0766 9.33335 19.9375C9.33335 18.7984 8.43793 17.875 7.33335 17.875ZM23.7304 1.92216C23.4759 1.57442 23.0878 1.375 22.6653 1.375H5.08155L4.98243 0.83832C4.89259 0.351914 4.48022 0 4.00009 0H1C0.447709 0 0 0.461699 0 1.03125C0 1.6008 0.447709 2.0625 1 2.0625H3.17255L5.68434 15.6617C5.77418 16.1481 6.18655 16.5 6.66668 16.5H20.3334C20.8857 16.5 21.3334 16.0383 21.3334 15.4688C21.3334 14.8992 20.8857 14.4375 20.3334 14.4375H7.49414L7.11322 12.375H20.3795C20.975 12.375 21.4984 11.9679 21.6621 11.3773L23.9479 3.128C24.0638 2.70905 23.9843 2.26995 23.7304 1.92216Z" fill="white"/></svg>);
}

.storefront-sticky-add-to-cart__content a.storefront-sticky-add-to-cart__content-button.button.alt {
  
  
  
}
.storefront-sticky-add-to-cart__content span.storefront-sticky-add-to-cart__content-price ins {
  color: #ca232c;
}

/* ==========================================================================
   QUANTITY / SELECTION BUTTONS (kolicina)
   ========================================================================== */

/* Button row container */
.kolicina-buttons {
 
 
}
.kolicina-buttons button {
 
 

}
.kolicina-buttons button span {
  font-size: 19px;
  font-weight: normal;
}

/* Special label ribbon for #izbira1 */
#izbira1 {
  position: relative;
  z-index: 1;
}
#izbira1::before {
 
 
}

#izbira2 {
  margin-right: 0 !important;
}

/* Active selection highlight */
.izbira-active {
 
 
}

/* Grid variant for quantity options */
.kolicina-buttons-quantity {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin: 2rem 0 1rem;
}
.kolicina-buttons-quantity button {
  min-height: 70px !important;
  padding: 10px 5px !important;
  border: 1px solid #6288bb;
  border-radius: 6px !important;
}
.kolicina-buttons-quantity button .stronger {
  /* reserved for stronger emphasis text inside buttons */
}

/* Table-like variant */
.kolicina-table-quantity {
  display: block;
  gap: 5px;
  padding-bottom: 10px;
}

/* Toggle rows (T) and items (x) */
.izbirax {
  position: relative;
  padding: 5px 2px;
  margin-bottom: 0;
  text-align: center;
  color: #000;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  font-size: 16px;
}
.izbirax span {
  font-size: 18px;
}
.izbirax:focus {
  border: 1px solid #d2d2d2;
}
.izbirax.izbira-active {
  color: #fff;
}

.izbiraxT {
  display: flex;
  margin-bottom: 0;
  text-align: center;
  color: #7a7a7a;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  border-bottom: 0;
  font-size: 16px;
}
.izbiraxT:last-child {
  border-bottom: 1px solid #d2d2d2;
}
.izbiraxT div {
  width: 50%;
  padding: 5px 0;
  text-align: center;
}
.izbiraxT div:first-child {
  padding-left: 2px;
  border-right: 1px solid #d2d2d2;
}
.izbiraxT div:last-child {
  padding-right: 2px;
}
.izbiraxT span {
  font-size: 14px !important;
}
.izbiraxT.active {
  background: #ededed;
}
.izbiraxT:last-child div {
  color: #169425;
}

/* Prechecked “best” variant */
.precheck-best {
  position: relative;
  z-index: 1;
}
.precheck-best::before {


}

/* Gratis layout variants */
.kolicina-gratis button {
  font-size: 15px !important;
  font-weight: bold !important;
  padding-top: 10px !important;
  padding-bottom: 8px !important;
  margin-right: 5px !important;
  margin-left: 1px !important;
  width: 40% !important; /* desktop default; adjusted in media queries */
}

/* ==========================================================================
   SLIDER CONTROLS
   ========================================================================== */

.slider-controls {
  position: absolute;
  top: 47%;
  width: 100%;
}
.slide-m-prev3,
.slide-m-next3 {
  background: #f0f2f5; /* updated in SDB colors; earlier #f8e500 overridden */
}
.slide-m-next3 {
  float: right;
}

/* ==========================================================================
   MISC COMPONENTS
   ========================================================================== */

.gr-parts img {
  float: right;
}
.review-parts img {
  max-width: 426px;
  margin-top: 15px;
}
.gr-parts img {
  width: 77px;
  margin-top: 0;
}

ul.button-cl li.lock-icon span {
  justify-content: center;
  padding-left: 0;
}
.button-cl {
  padding-left: 20px;
  margin: 20px 0 !important;
}

/* Purchase section alignment overrides */
#nakupna h2,
#nakupna p {
  text-align: left !important;
}

/* Content containers on desktop (also see media queries) */
#extra-section-postavitev11-mobile .container,
#second-section-vsebinska .container,
#third-section-vsebinska .container,
#vsebinska-lastnosti .container {
  width: 70%;
}

#nakupna {
  padding-top: 0 !important;
}

.description-gallery .description-title h2 {

}

/* Promo badge & CTA strip */
.pasicapopusi .vrednostpopusi {
  width: 100px;
  line-height: 60px;
  right: 10px;
  left: auto;
  font-size: 26px;
}
.pridddsa2 {
  position: relative;
  display: inline-block;
     margin-left: 0;
    padding: 2px 12px;
    border-radius: 3px;
    background-color: #ca232c;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.pridddsa2::after {
 
}

/* ==========================================================================
   THEME / COLOR OVERRIDES (SDB)
   Keep these later to ensure they win the cascade.
   ========================================================================== */

.new-wrapper {
  background: #f0f2f5;
}

.pasicapopusi .vrednostpopusi,
.pridddsa2 {
 
}
.pridddsa2::after {
  border-color: #01ad00 transparent transparent #01ad00;
}

.cena ins {
  color: #ca232c;
}

#izbira1::before {
  background-color: #1d2938 !important; /* overrides earlier blue */
}

.kolicina-buttons button {
  
}

/* ==========================================================================
   “ATC KUPI” CONTEXTUAL TWEAKS
   ========================================================================== */

.atc_kupi .izbira-active {


}
.atc_kupi #izbira1:hover,
.atc_kupi #izbira2:hover,
.atc_kupi #izbira3:hover {
 background-color: #fff6e1 !important;
}
.atc_kupi .wcbv-variations {


}
.atc_kupi .wcbv-clearfix {
  margin: 0 !important;
  padding: 0;
}
.atc_kupi .variations_button {
  padding-top: 0 !important;
}
.atc_kupi .sale-price {
  font-size: 30px;
}

.atc_kupi .regular-price {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 20px;
    color: #99a0a7;
}

.atc_kupi   del {
        text-decoration: none;
}



@media only screen and (max-width: 1000px) {
  .atc_kupi .single_add_to_cart_button {
    border-color: #fdda4b !important;
  }
}


.single-product div.product form.cart  {
   
   
   padding: 0;
  }
  
  
/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

/* ≥1000px */
@media only screen and (min-width: 1000px) {
  .col_no {
    width: 50% !important;
  }
  #extra-section-postavitev11-mobile {
   
   
  }
  #second-section-vsebinska .description-title {
    
    
  }
}





/* ≥768px */
@media only screen and (min-width: 768px) {
    
    .single-product div.product form.cart {
 
    margin-bottom: 15px !important;
    }
    
    
  #content {
 
    margin-top: 20px;
 
  }
    
    
  .col-left-1 {
    width: 50% !important;
  }
  #buy {
 
 
  }
  .woocommerce-product-details__short-description {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .product-title {
    padding-top: 10px !important;
    font-size: 32px !important;
  }
  .kolicina-buttons button {


  }
  .kolicina-buttons {
    max-width: 100% !important;
  }
  .gr-parts img {
    width: 77px;
    margin-top: 0;
  }
  .review-parts img {
    max-width: 426px;
    margin-top: 15px;
  }
  .button-cl  {
    padding-left: 20px;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .new-wrapper  {
    border-radius: 0px;
    margin-top: 0px;
    margin-left: 15px;
  }
  #extra-section-postavitev11-mobile .container,
  #second-section-vsebinska .container,
  #third-section-vsebinska .container,
  #vsebinska-lastnosti .container {
    width: 70%;
  }
}

/* ≤767px */
@media (max-width: 767px) {
  .kolicina-buttons {
    max-width: 100%;
  }
  #izbira1::before {
    
    
  }
  .kolicina-buttons button {
    
    
  }
  .kolicina-buttons button span {
   
   
  }
}

/* 450–767px */
@media (min-width: 450px) and (max-width: 767px) {
  .gr-parts img {
    width: 70px;
    margin-top: 25px;
  }
  .mobile-payment {
    margin-top: 10px;
    margin-bottom: -7px;
  }
  .mobile-payment img {
    width: 278px;
    margin: auto;
  }
}

/* ≤467px */
@media (max-width: 467px) {
  .kolicina-buttons button {
    font-size: 12px;
  }
  .kolicina-buttons button span {
    font-size: 14px;
  }
}

/* 768–1050px */
@media (min-width: 768px) and (max-width: 1050px) {
  .col-left-1 {
    width: 100% !important;
  }
  .col-full {
    margin-left: 0 !important;
  }
}

/* 1050–1389px */
@media (min-width: 1050px) and (max-width: 1389px) {
  .kolicina-buttons button {
   
   
  }
}

/* 1064–1425px */
@media (min-width: 1064px) and (max-width: 1425px) {
  .kolicina-buttons button {
   
  }
  .product {
   
  }
}

/* 1390–1425px */
@media (min-width: 1390px) and (max-width: 1425px) {
  .kolicina-buttons button {
    width: 25% !important;
  }
}

/* 1050–1106px */
@media (min-width: 1050px) and (max-width: 1106px) {
  .kolicina-buttons button {
    font-size: 14px;
  }
}

/* 1050–1138px */
@media (min-width: 1050px) and (max-width: 1138px) {
  .kolicina-buttons button {
    width: 22% !important;
  }
}

/* ≥1107px (placeholder to retain cascade position) */
@media (min-width: 1107px) {
  .kolicina-buttons button { /* no-op: reserved for future overrides */ }
}

/* ≤766px : gratis buttons */
@media (max-width: 766px) {
  .kolicina-gratis button {
    width: 48% !important;
    margin-left: 1px !important;
  }
  #izbira1::before {
    width: 100.9%;
  }
}

/* 767–1050px : gratis buttons */
@media (min-width: 767px) and (max-width: 1050px) {
  .kolicina-gratis button {
    width: 43% !important;
  }
  #izbira1::before {
    width: 100.9%;
  }
}

/* 1051–1129px : gratis buttons */
@media (min-width: 1051px) and (max-width: 1129px) {
  .kolicina-gratis button {
    width: 39% !important;
  }
}

/* ≥1424px : wide buttons */
@media (min-width: 1424px) {
  .kolicina-buttons button {
    
  }
}

/* ≤418px : small label size */
@media (max-width: 418px) {
  .kolicina-buttons button {
    font-size: 11px;
  }
}

/* ≤397px : tighten prices & CTA badge */
@media (max-width: 397px) {
  .kolicina-gratis button {
    width: 42% !important;
  }
  .cena del {
    font-size: 16px;
  }
  .cena ins {
    font-size: 27px;
  }
  .pridddsa2 {
    font-size: 20px;
  }
  .pridddsa2::after {
    top: 6px;
    left: -12.9px;
    border-width: 13px;
  }
}

/* 1130px+ : gratis width baseline */
@media (min-width: 1130px) {
  .kolicina-gratis button {
    width: 40% !important;
  }
}


/* Make sizing predictable everywhere */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }


 .kolicina-buttons button {
    background: #ffffff !important;   /* white background for all */
    text-align: center !important;
  }
  
  
  .kolicina-buttons button * {
  
    text-align: center !important;
  }
  
  

  .kolicina-buttons button.izbira-active {
    background: #fff6e1 !important;   /* beige only for active one */
    border: 2px solid #f09831 !important;
  }
  
  
  
  @media (max-width: 766px) {
      
      #extra-section-postavitev11-mobile .cta-font {
           padding-left: 10px;
           padding-right: 10px;
          }

     #second-section-description{
           padding-left: 10px;
           padding-right: 10px;
          }
      
      #third-section-description{
           padding-left: 10px;
           padding-right: 10px;
          }
      
      .lastnosti-one-col p {
           padding-left: 10px;
           padding-right: 10px;
          }
      
      
  }