/*Quantity*/

.sana-cta.product-page #webtim-wooc-product-qty {

  display: flex;

  flex-wrap: nowrap;

  align-items: stretch;

  background-color: var(--color-white);

  border-radius: var(--border-rad-small);

  -webkit-border-radius: var(--border-rad-small);

  -moz-border-radius: var(--border-rad-small);

  -ms-border-radius: var(--border-rad-small);

  -o-border-radius: var(--border-rad-small);

}

.sana-cta.product-page #webtim-wooc-product-qty .quantity {

  margin: 0;

}

/*Main Input (Number)*/

.sana-cta.product-page #webtim-wooc-product-qty .quantity input {

  border: none;

}

.sana-cta.product-page #webtim-wooc-product-qty .quantity input:focus-visible {

  outline: none;

}

/*Qunatity Plus - Minus Selection Buttons*/

.sana-cta.product-page #webtim-wooc-product-qty #webtim-wooc-qty-minus,

.sana-cta.product-page #webtim-wooc-product-qty #webtim-wooc-qty-plus {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0 8px;

}

/*Flex Wraps*/

.webtim-wooc-product--variable--add-to-cart__wrapper,

.webtim-wooc-product--simple--add-to-cart__wrapper {

  flex-wrap: nowrap !important;

  align-items: stretch !important;

  width: 100%;

}

/*Button*/

.sana-cta.product-page button.single_add_to_cart_button {

  width: 100%;

}

/*Variation Select (Dropdown)*/

a.reset_variations {

  display: none !important  ;

}

table.variations tr {

  display: flex;

  flex-direction: column;

  gap: 15px 20px;

}

/*Dropdown*/

table.variations td.value select {

  padding: 13px;

  margin: 0;

  border: 1px solid var(--color-secondary);

  background-color: var(--color-primary);

  color: var(--color-secondary);

  border-radius: var(--border-rad-small);

  -webkit-border-radius: var(--border-rad-small);

  -moz-border-radius: var(--border-rad-small);

  -ms-border-radius: var(--border-rad-small);

  -o-border-radius: var(--border-rad-small);

}

table.variations td.value select:focus-visible {

  outline: none;

}

/****

Tabs

****/

.sana-product--tabs ul.tabs.wc-tabs {

    display: flex;

    align-items: baseline;

    justify-content: center;

    gap: 25px;

    padding: 0 !important;

    width: 100%;

    /*white-space: nowrap;*/

    box-sizing: border-box;

    border-bottom: 1px solid var(--color-primary);

}

/*Titles*/

.woocommerce div.product .sana-product--tabs .woocommerce-tabs ul.tabs li {

  background-color: var(--color-white);

  border: none;  

  margin-right: 25px;

}

.woocommerce div.product .sana-product--tabs .woocommerce-tabs ul.tabs li:last-child {

  margin-right: 0;

}

/*Border*/

.sana-product--tabs .sana-divider.tabs {

  position: absolute;

  height: 5px;

  width: 0;

  bottom: 0;

  transition: var(--transition-time);

  -webkit-transition: var(--transition-time);

  -moz-transition: var(--transition-time);

  -ms-transition: var(--transition-time);

  -o-transition: var(--transition-time);

  background-color: var(--color-secondary);

}

.woocommerce div.product .sana-product--tabs .woocommerce-tabs ul.tabs li:hover .sana-divider.tabs,

.woocommerce div.product .sana-product--tabs .woocommerce-tabs ul.tabs li.active .sana-divider.tabs {

  width: 100%;

}

/*Hide Custom Tabs Titles (Autogenerated)*/

.sana-product--tabs .yikes-custom-woo-tab-title {

  display: none;

}

/*Tabs Content*/

.sana-product--tabs .woocommerce-Tabs-panel {

  padding: 45px 0 !important;

}

/*Titles*/

.sana-product--tabs .woocommerce-Tabs-panel h3,

.sana-product--tabs .woocommerce-Tabs-panel h4 {

  color: var(--color-primary) !important;

  font-weight: var(--font-weight-700);

  line-height: var(--line-height-small);

}

.sana-product--tabs .woocommerce-Tabs-panel h3 {

  font-family: "Source Serif 4", sans-serif;

  font-size: var(--font-size-2-2);

  margin-bottom: 10px;

}

.sana-product--tabs .woocommerce-Tabs-panel h4 {

  font-size: var(--font-size-2);

  margin-bottom: 8px;

  margin-top: 25px;

  font-family: "Barlow", Sans-serif;

}

.sana-product--tabs .woocommerce-Tabs-panel h5 {

  font-size: var(--font-size-1-8);

}

/*Lists*/
.sana-product--short-description ul {

  list-style-image: url('https://sana.sample.si/wp-content/uploads/2024/06/SanaAmicus-List-Icon-Gold.svg');

  /*margin: 0;*/

}

.sana-product--tabs .woocommerce-Tabs-panel ul {

  list-style-image: url('https://sana.sample.si/wp-content/uploads/2024/06/SanaAmicus-List-Icon-Gold.svg');

  /*margin: 0;*/

}

/*Image With Description*/

.sana-product--tabs .woocommerce-Tabs-panel figure {

  display: flex;

  flex-direction: column;

  width: 100%;

  max-width: 500px;

  margin-left: auto !important;

  margin-right: auto !important;

}

.sana-product--tabs .woocommerce-Tabs-panel figure figcaption {

  padding: 25px;

  font-size: var(--font-size-1-4);

  font-family: "Source Serif 4", sans-serif;

  line-height: var(--line-height-normal);

  background-color: var(--color-theme-gray);

}

/*Faq*/

/*Single Layout*/

.pogosta-vprasanja-item {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 25px;

  padding: 25px;

  border-bottom: 1px solid var(--color-theme-gray);

}

.pogosta-vprasanja-item:first-child {

  border-top: 1px solid var(--color-theme-gray);

}

/*Arrow*/

.pogosta-vprasanja-item .pogosta-vprasanja-arrow {

  width: 15px;

  transition: var(--transition-time);

  -webkit-transition: var(--transition-time);

  -moz-transition: var(--transition-time);

  -ms-transition: var(--transition-time);

  -o-transition: var(--transition-time);

}

.pogosta-vprasanja-item.active .pogosta-vprasanja-arrow {

  transform: rotate(90deg);

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

}

/*Title*/

.pogosta-vprasanja-title {

  font-size: var(--font-size-1-8);

  font-weight: var(--font-weight-700);

  font-family: "Source Serif 4", sans-serif;

  color: var(--color-primary);

  cursor: pointer;

}

/*Content*/

.pogosta-vprasanja-content {

  display: none;

  margin-top: 15px;

}

/*Gallery Column*/

.sana-product--gallery-col {

  max-width: 550px;

}

/*Gallery Borders*/

.sana-product--gallery .iconic-woothumbs-thumbnails__slide--active .iconic-woothumbs-thumbnails__image-wrapper:after {

  border: none;

}

/****

Product Reviews

****/

/*Title*/

#comments .woocommerce-Reviews-title {

  margin-bottom: 45px;

  font-family: "Source Serif 4", sans-serif;

  color: var(--color-primary);

}

/*Written Reviews*/

#comments ol.commentlist {

  padding: 0;

}

#comments .comment-text {

  margin: 0 !important;

}

/*Hide Avatar Image*/

#comments ol li img.avatar {

  display: none;

}

/*Ratings*/

#comments .star-rating span::before {

  color: var(--color-secondary);

}

/*Author*/

#comments ol li .meta .woocommerce-review__author {

  color: var(--color-primary);

  font-size: var(--font-size-1-6);

}

/*TextArea*/

#review_form_wrapper #comment {

  padding: 15px;

  border: 1px solid var(--color-primary);

  border-radius: var(--border-rad-small);

  -webkit-border-radius: var(--border-rad-small);

  -moz-border-radius: var(--border-rad-small);

  -ms-border-radius: var(--border-rad-small);

  -o-border-radius: var(--border-rad-small);

}

#review_form_wrapper #comment:focus-visible {

  outline: none;

}

/*Podaj Mnenje - Reply Title*/

#review_form_wrapper #reply-title {

  font-family: "Source Serif 4", sans-serif;

  font-size: var(--font-size-1-8);

  font-weight: var(--font-weight-600);

  color: var(--color-primary);

}

/*Rating*/

#review_form_wrapper .comment-form-rating a {

  color: var(--color-secondary);

}

/*Submit*/

.woocommerce #review_form #respond .form-submit input {

  padding: 15px 25px;

  background-color: var(--color-primary);

  font-weight: var(--font-weight-400);

  color: var(--color-white);

  transition: var(--transition-time);

  -webkit-transition: var(--transition-time);

  -moz-transition: var(--transition-time);

  -ms-transition: var(--transition-time);

  -o-transition: var(--transition-time);

}

.woocommerce #review_form #respond .form-submit input:hover {

  background-color: var(--color-secondary);

}

/*Input Fields*/
#respond .comment-form-author,

#respond .comment-form-email {

  display: flex;

  flex-direction: column;

}

#respond .comment-form-author input,

#respond .comment-form-email input {

  padding: 10px;

  width: 100%;

  max-width: 350px;

  border-radius: var(--border-rad-small);

  border: 1px solid var(--color-primary);

}

#respond .comment-form-author input:focus-visible,

#respond .comment-form-email input:focus-visible {

  outline: none;
  
}

/*Loged In For Comments*/

#review_form_wrapper .must-log-in a {

  color: var(--color-primary);

  text-decoration: underline;

}

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

  /*Backgrounds*/

  .sana-product--main-container {

    background-image: unset !important;

  }

  /*Gallery*/

  .sana-product--gallery-col {

    max-width: 100%;

  }

  .sana-product--gallery .iconic-woothumbs-all-images-wrap {

    width: 100% !important;

  }

  /****

  Tabs

  ****/

  .sana-product--tabs ul.tabs.wc-tabs {

      justify-content: flex-start;

      overflow-x: scroll !important;

  }

  /****

  Product Tabs

  ****/

  /*Faq*/

  .pogosta-vprasanja-item {

    padding: 25px 0;

  }

  .pogosta-vprasanja-item .pogosta-vprasanja-arrow {

    display: none;

  }

  .pogosta-vprasanja-item .pogosta-vprasanja-title {

    font-size: var(--font-size-1-8);

  }

}

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

  /****

  Tabs

  ****/

  .sana-product--tabs ul.tabs.wc-tabs {

      justify-content: flex-start;

      overflow-x: scroll !important;

  }

}

/*Variable Products*/
/*Hide Simple Price*/
.product-type-variable .sana-price.product-page.simple-price {
  display: none;
}
/*Hide Quantity*/
.product-type-variable #webtim-wooc-product-qty {
  display: none !important;
}
/*Button Margin*/
.product-type-variable button.single_add_to_cart_button {
  margin: 0 !important;
}
/*Price per piece*/
.sana-price-per-product {
  color: var(--color-secondary);
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-2-2);
  font-family: "Barlow", Sans-serif;
}

.woocommerce-variation-description p {
  font-size: var(--font-size-1-4);
  color: var(--color-white);
}

/***
 Hie wc forward button on add to cart
 */
.single-product a.added_to_cart.wc-forward {
  display: none !important;
}

/*Opis izdelka*/
.short-description ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.short-description ul li {
    position: relative;
    padding-left: 33px; 
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    color:#233356;
    font-family: 'Barlow';
}

.short-description ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 29px;
    height: 25px;
    background-image: url("/wp-content/uploads/2024/06/Check-s-kljukico.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

/* privzeto skrij */
.zaloga-ikona {
    display: none;
}

/* pokaži samo če je izdelek na zalogi */
.izdelek-na-zalogi .zaloga-ikona {
    display: block;
}
.cena-izdelka {
   background-color: #F3F0EC;
   border-radius: 4px;
   padding: 24px;
}
.cena-izdelka .sana-price-per-product {
   color: #233356;
   font-family: 'Barlow';
   font-size: 28px;
   font-weight: 700;
   line-height: normal;
}
.cena-izdelka select#pa_igniscalda-paketi,
.cena-izdelka .variations select{
    width: 100% !important;
    background-color: #fff !important;
    color: #233356 !important;
    border: 1px solid #FAF9F6 !important;
    border-radius: 4px !important;
}
.cena-izdelka tr {
    border-bottom: none !important;
}
.cena-izdelka button.single_add_to_cart_button.button.alt {
    background: #00594C !important;
    color: #FFF !important;
    font-family: 'Barlow' !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    padding: 16px 0;
}
.cena-izdelka button.single_add_to_cart_button.button.alt:hover {
    background: #004D42 !important;
}
.cena-izdelka .single_add_to_cart_button {
    display: inline-flex;
    align-items: center;
    gap: 24px; /* razmik med ikono in tekstom */
}

.cena-izdelka .single_add_to_cart_button::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("/wp-content/uploads/2026/01/kosarica.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin: 0 12px -4px 0;
}
.cena-izdelka .woocommerce-variation-description p {
    color: #233356;
}
.cena-izdelka .sana-price.product-page .price bdi, 
.cena-izdelka .sana-price.product-page .price bdi span, 
.cena-izdelka .sana-cta.product-page .variations_form .woocommerce-variation-price .price bdi, 
.cena-izdelka .sana-cta.product-page .variations_form .woocommerce-variation-price .price bdi span {
    color: #233356 !important;
}
select#pa_igniscalda-paketi,
.cena-izdelka .variations select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url("/wp-content/uploads/2026/01/puscica-dol.svg") !important;
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px;
    padding-right: 40px;
}

/*Tabs accordion*/
/* Skrij Woo tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: none !important;
}

/* Accordion content */
.woocommerce-Tabs-panel {
    display: none !important;
    height: 0;
    overflow: hidden;
}

.woocommerce-Tabs-panel.is-open {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 12px !important;
    background-color: #F3F0EC !important;
}
/* Accordion title */
.wc-accordion-title {
    color: #233356;
    cursor: pointer;
    padding: 12px;
    border-bottom: 1px solid #233356;
    border-top: 1px solid #233356;
    font-weight: 700;
    font-size: 18px;
    position: relative;
    font-size: 'Barlow';
}

/* SVG puščica */
.wc-accordion-title::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 18px;
    height: 18px;
    background-image: url("/wp-content/uploads/2026/01/puscica-dol.svg");
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%) rotate(270deg);
    transition: transform 0.25s ease;
}

/* Obrnjena puščica, ko je odprto */
.wc-accordion-title.active::after {
    transform: translateY(-50%) rotate(180deg);
}
/* stil odprte vsebine accordiona */
.woocommerce-Tabs-panel.is-open {
    padding: 12px !important;
    background-color: #F3F0EC !important;
}
/* odprt accordion TITLE */
.wc-accordion-title.active {
    padding: 12px 60px 12px 12px !important;
    background-color: #F3F0EC !important;
}
/* vizualna povezanost title + content */
.wc-accordion-title.active {
    border-bottom: none;
}

.woocommerce-Tabs-panel.is-open {
    border-top: none;
}
.sfwt-custom-badge.sfwt-max-layout {
    margin-right: 10px;
    border-radius: 4px;
}
.sfwt-custom-badge.sfwt-max-layout {
    font-weight: 400 !important;
    text-transform: none !important;
}
.sana-product--gallery-col .woocommerce-product-gallery__image {
    border-radius: 4px;
    border: 1px solid #F3F0EC;
    margin-bottom: 24px;
	background-color:#fff;
}
.sana-product--gallery-col .sana-product--gallery div.product img {
    margin-bottom: 0 !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    margin-right: 24px;
    border: 1px solid #EDEAE6;
    border-radius: 4px;
}
.variations td.label {
    display: none !important;
}
html {
    scroll-behavior: smooth;
}

/*Read more*/
.sana-readmore-wrapper,
.sana-readmore-content{
    overflow-anchor: none;
}
.sana-readmore-content.open{
    max-height:3000px;
}

/*accordion*/
.woocommerce-Tabs-panel {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}

.woocommerce-tabs {
    position: relative;
}

.woocommerce-Tabs-panel.is-open {
    opacity: 1;
    pointer-events: auto;
    position: relative;
}

/*Preberi več kontakt*/
.kontakt .sana-readmore-btn {
    margin-top: 0;
    border: none;
    background: #000;
    color: #fff;
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 4px;
}
.woocommerce-variation-price del,
.price del {
    text-decoration: line-through;
    text-decoration-color: #233356;
}
.sana-dynamic-price p.price {
    color: #CDB388 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    text-decoration-color: #CDB388 !important
}
.sana-dynamic-price del {
    text-decoration-color: #CDB388 !important
}