/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

.cajanka-homepage.alignfull {
  width: auto;
  max-width: none;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  overflow: clip;
  color: #534137;
}

.cajanka-home-section {
  box-sizing: border-box;
  width: min(calc(100% - 48px), 1172px);
  margin: 0 auto;
  padding-block: 10px;
}

.cajanka-homepage .cajanka-home-section {
  margin-bottom: 0;
}

.cajanka-home-section__title {
  margin: 0;
  color: #534137;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}

.cajanka-home-section--opustanje .cajanka-home-section__title,
.cajanka-home-section--imunitet .cajanka-home-section__title,
.cajanka-home-section--detoksikacija .cajanka-home-section__title {
  font-size: 22px;
}

.cajanka-home-section__title a {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 0.16em;
}

.cajanka-home-section__title a:hover,
.cajanka-home-section__title a:focus-visible {
  color: #f05625;
  text-decoration: underline;
}

.cajanka-home-section__description {
  max-width: none;
  margin: 0 0 20px;
  color: #534137;
  font-size: 14px;
  line-height: 1.6;
}

.cajanka-home-section__description strong {
  color: #2f4323;
  font-weight: 700;
}

.cajanka-home-section__products {
  margin-top: 0;
}

.cajanka-home-section__cta {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
}

.cajanka-home-section__description + .cajanka-home-section__cta {
  margin-top: 0;
  text-align: left;
}

.cajanka-home-section__cta a {
  color: #2f4323;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

.cajanka-home-section__cta a:hover,
.cajanka-home-section__cta a:focus-visible {
  color: #f05625;
}

.cajanka-homepage .cajanka-trust-section {
  width: 100%;
}

@media (max-width: 768px) {
  .cajanka-home-section {
    width: min(calc(100% - 32px), 1172px);
    padding-block: 20px;
  }

  .cajanka-home-section__title {
    margin-bottom: 0;
  }

  .cajanka-home-section__products {
    margin-top: 0;
  }
}

.cajanka-trust-section {
  scroll-margin-top: 96px;
  padding: 50px 24px;
  background: #e6e1ce;
  color: #534137;
}

.cajanka-trust-section__inner {
  width: min(100%, 1140px);
  margin-inline: auto;
}

.cajanka-trust-section__title {
  margin: 0 0 32px;
  color: #534137;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
  text-align: center;
}

.cajanka-trust-section__items {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cajanka-trust-section__item {
  min-width: 0;
  text-align: center;
}

.cajanka-trust-section__icon {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto 18px;
  object-fit: contain;
}

.cajanka-trust-section__item-title {
  margin: 0 0 12px;
  color: #2f4323;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

.cajanka-trust-section__description {
  margin: 0;
  color: #534137;
  font-size: 14px;
  line-height: 1.6;
}

@media (max-width: 1024px) {
  .cajanka-trust-section__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 40px;
  }
}

@media (max-width: 576px) {
  .cajanka-trust-section {
    padding: 40px 20px;
  }

  .cajanka-trust-section__title {
    margin-bottom: 28px;
    font-size: 28px;
  }

  .cajanka-trust-section__items {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }
}

.cajanka-price-per-cup {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 4px 0;
  margin-left: 8px;
  border-radius: 3px;
  border: 0;
  background: transparent;
  color: #e6e1ce;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.1;
  text-align: center;
}

.cajanka-price-per-cup-label,
.cajanka-price-per-cup-value {
  font-weight: 700;
}

.cajanka-price-per-cup-label {
  color: #2f4323;
}

.cajanka-price-per-cup-value {
  color: #2f4323;
}

.cajanka-price-per-cup .woocommerce-Price-amount,
.cajanka-price-per-cup .woocommerce-Price-currencySymbol {
  color: #2f4323;
}

.cajanka-price-per-cup-tooltip {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 24px;
  line-height: 1;
}

.cajanka-tooltip-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  padding: 0;
  margin-left: 0;
  color: #77b3e1;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  text-decoration: underline;
}

.cajanka-tooltip-icon svg {
  width: 16px;
  height: 16px;
}

.cajanka-tooltip-icon:hover,
.cajanka-tooltip-icon:focus {
  background: transparent;
  color: #77b3e1;
  text-decoration: underline;
}

.cajanka-tooltip-text {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: auto;
  width: min(90vw, 260px);
  max-width: calc(100vw - 24px);
  transform: none;
  background: #ffffff;
  border: 1px solid #534137;
  color: #534137;
  padding: 10px;
  font-size: 12px;
  line-height: 1.4;
  border-radius: 6px;
  box-sizing: border-box;
  overflow-wrap: anywhere;
  word-break: break-word;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
  z-index: 10;
}

@media (max-width: 640px) {
  .cajanka-tooltip-text {
    left: 0;
    right: auto;
    max-width: calc(100vw - 24px);
    transform: none;
  }
}

.cajanka-tooltip-text.visible {
  display: block;
}

.single-product.cajanka-is-tea .summary p.price {
  display: none;
}

.single-product.cajanka-price-in-cart-box .summary p.price {
  display: none;
}

.single-product.cajanka-price-in-cart-box .summary .summary-inner > p.stock {
  display: none;
}

.single-product .summary p.stock.in-stock.wd-style-default {
  margin-bottom: 0;
}

.single-product .summary .woocommerce-variation-price .price {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 24.8px;
  line-height: 29.76px;
  font-weight: 400;
}

.single-product .summary .woocommerce-variation-price .price .cajanka-price-per-cup {
  flex-basis: 100%;
  margin-left: 0;
  order: 2;
  justify-content: flex-start;
  text-align: left;
}

.single-product .summary p.price {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
}

.single-product .summary p.price del,
.single-product .summary p.price ins {
  display: inline-flex;
  align-items: baseline;
}

.price del,
.price del .amount,
.price del .woocommerce-Price-amount,
.price del .woocommerce-Price-currencySymbol {
  color: #333;
}

.single-product .summary p.price .cajanka-price-per-cup {
  flex-basis: 100%;
  margin-left: 0;
  order: 2;
  justify-content: flex-start;
  text-align: left;
}

.cajanka-price-note {
  margin: 4px 0 0;
  font-size: 12px;
  color: #534137;
}

.single-product .summary .wd-reset-var {
  display: none;
}

.single-product .summary .wd-attr-selected {
  display: none;
}

.single-product .summary.entry-summary {
  background: transparent;
  border: 0;
  padding: 0;
}

.single-product .summary.entry-summary .summary-inner {
  display: flex;
  flex-direction: column;
}

.single-product .summary .product_title {
  font-weight: 700;
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 8px;
}

.single-product .summary .woocommerce-product-rating {
  order: -2;
  margin: 0 0 6px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.single-product .summary .cajanka-rating-value {
  color: #2f4323;
  font-weight: 700;
}

.single-product .summary .single-breadcrumbs-wrapper {
  order: -1;
  margin: 0 0 6px;
  display: block;
  visibility: visible;
}


.single-product .summary .variations {
  width: 100%;
  margin-bottom: 8px;
}

.single-product .summary .variations_form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #e6e1ce;
  border: 1px solid #534137;
  padding: 24px;
}

.single-product .summary form.cart:not(.variations_form) {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #e6e1ce;
  border: 1px solid #534137;
  padding: 24px;
}

.single-product.cajanka-price-in-cart-box .summary form.cart:not(.variations_form) {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}

.single-product.cajanka-price-in-cart-box .summary form.cart:not(.variations_form) > .woocommerce-variation-price,
.single-product.cajanka-price-in-cart-box .summary form.cart:not(.variations_form) > p.stock,
.single-product.cajanka-price-in-cart-box .summary form.cart:not(.variations_form) > p.cajanka-price-note {
  flex: 0 0 100%;
}

.single-product.cajanka-price-in-cart-box .summary form.cart:not(.variations_form) > .quantity {
  margin: 0;
}

.single-product.cajanka-price-in-cart-box .summary form.cart:not(.variations_form) > .single_add_to_cart_button {
  width: auto;
  flex: 1;
}

.single-product .summary .single_add_to_cart_button {
  width: 100%;
}

.single-product .summary form.cart .cajanka-add-to-cart-benefits {
  order: 20;
  flex: 0 0 100%;
  width: 100%;
}

.single-product .summary .woocommerce-variation-add-to-cart {
  display: flex;
  align-items: stretch;
  gap: 12px;
  flex-wrap: wrap;
}

.single-product .summary .woocommerce-variation-add-to-cart .cajanka-add-to-cart-benefits {
  flex: 0 0 100%;
}


.single-product .summary .woocommerce-variation-add-to-cart .quantity {
  margin: 0;
}

.single-product .summary .woocommerce-variation-add-to-cart .single_add_to_cart_button {
  width: auto;
  flex: 1;
}


.single-product .product-images .woocommerce-product-gallery {
  position: sticky;
  top: 94px;
  align-self: start;
}

/* Keep this product gallery in tablet-like layout on desktop. */
@media (min-width: 1025px) {
  .single-product .woocommerce-product-gallery.thumbs-position-left {
    flex-wrap: wrap;
  }

  .single-product .woocommerce-product-gallery.thumbs-position-left.wd-has-thumb .wd-gallery-images,
  .single-product .woocommerce-product-gallery.thumbs-position-left .wd-gallery-thumb {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .single-product .woocommerce-product-gallery.thumbs-position-left.wd-has-thumb .wd-gallery-images {
    align-self: auto;
  }

  .single-product .woocommerce-product-gallery.thumbs-position-left .wd-gallery-thumb {
    order: 0;
    height: auto;
  }

  .single-product .woocommerce-product-gallery.thumbs-position-left .wd-gallery-thumb .wd-carousel-inner {
    position: relative;
    inset: auto;
  }

  .single-product .woocommerce-product-gallery.thumbs-position-left .wd-gallery-thumb .wd-carousel {
    --wd-col: var(--wd-col-md);
    margin-inline: calc(var(--wd-gap) / -2);
    touch-action: pan-y;
    height: auto;
  }

  .single-product .woocommerce-product-gallery.thumbs-position-left .wd-gallery-thumb .wd-carousel-wrap {
    flex-direction: row;
  }

  .single-product .woocommerce-product-gallery.thumbs-position-left .wd-gallery-thumb .wd-carousel-item {
    flex: 0 0 calc(100% / var(--wd-col));
    max-width: calc(100% / var(--wd-col));
    width: auto;
    height: auto !important;
    padding-inline: calc(var(--wd-gap) / 2);
  }

  .single-product .woocommerce-product-gallery.thumbs-position-left .wd-gallery-thumb .wd-carousel-item img {
    height: auto;
    margin-bottom: 0;
    object-fit: unset;
  }

  .single-product .woocommerce-product-gallery.thumbs-position-left .wd-thumb-nav {
    display: block;
    gap: normal;
    --wd-arrow-width: initial;
    --wd-arrow-height: initial;
    --wd-arrow-icon-size: 16px;
    --wd-arrow-bg: initial;
    --wd-arrow-bg-hover: initial;
    --wd-arrow-bg-dis: initial;
    --wd-arrow-radius: initial;
  }

  .single-product .woocommerce-product-gallery.thumbs-position-left .wd-thumb-nav .wd-btn-arrow {
    flex: 0 1 auto;
  }

  .single-product .woocommerce-product-gallery.thumbs-position-left .wd-thumb-nav .wd-arrow-inner:after {
    rotate: none;
  }

  .single-product .woocommerce-product-gallery.thumbs-position-left .wd-thumb-nav.wd-pos-sep .wd-btn-arrow {
    position: absolute;
  }
}


.single-product .summary .variations tr {
  display: grid;
  gap: 8px;
}

.single-product .summary .variations th,
.single-product .summary .variations td {
  display: block;
  padding: 0;
}

.single-product .summary .variations .label label {
  font-weight: 700;
  color: #534137;
}

.single-product .summary .variations .wd-swatches-product {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  width: 100%;
}

.single-product .summary .variations .wd-swatch.wd-text {
  width: 100%;
  min-height: 64px;
  padding: 10px 16px;
  border: 1px solid #534137;
  border-radius: 0;
  background: #ffffff;
  color: #534137;
  font-size: 16px;
  font-weight: 600;
  justify-content: flex-start;
}

.single-product .summary .variations .wd-swatches-product[data-id="pa_pakiranje"] .wd-swatch-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.2;
  text-align: left;
}

.single-product .summary .variations .wd-swatches-product[data-id="pa_pakiranje"] .wd-swatch-text::after {
  margin-top: 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

.single-product .summary [class*="wd-swatches"].wd-bg-style-1 .wd-swatch.wd-bg::after,
.single-product .summary [class*="wd-swatches"].wd-text-style-1 .wd-swatch.wd-text::after {
  display: none;
}

.single-product .summary .variations .wd-swatch.wd-text.wd-active {
  background: #ffffff;
  border: 4px solid #f05625;
  box-shadow: none;
  color: #534137;
}

.single-product .summary .woocommerce-variation-price {
  margin: 6px 0 4px;
}

.single-product .summary .single_variation .woocommerce-variation-price {
  margin: 4px 0 6px !important;
}

.single-product .summary p.price {
  margin-bottom: 6px;
}

.single-product .summary .woocommerce-variation-price .price {
  margin: 0;
}

.cajanka-review-snippet {
  margin-top: 0;
  padding: 12px 16px;
  border: 1px solid #534137;
  color: #534137;
  font-size: 14px;
}

.cajanka-review-snippet-rating {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.cajanka-review-snippet .cajanka-rating-value {
  display: none;
}

.cajanka-review-snippet .star-rating span {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}

.woocommerce-Reviews .star-rating span,
#reviews .star-rating span {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}

.woocommerce-Reviews .comment_container img.avatar,
#reviews .comment_container img.avatar,
.woocommerce-Reviews .comment_container .avatar {
  display: none;
}

.cajanka-review-snippet-rating .star-rating {
  margin: 0;
}

.cajanka-review-snippet-text {
  margin: 8px 0 0;
  font-style: italic;
}

.cajanka-review-snippet-author {
  font-weight: 700;
}


.cajanka-add-to-cart-benefits {
  display: grid;
  gap: 8px;
  color: #534137;
  font-size: 14px;
  margin-top: 4px;
}


.cajanka-add-to-cart-benefit {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cajanka-benefits-icon {
  display: inline-flex;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

.cajanka-benefits-icon svg {
  width: 20px;
  height: 20px;
  display: block;
}

.wd-single-reviews .cajanka-rating-value {
  display: none;
}

.woocommerce-variation-availability {
  margin-left: 0!important;
  margin-bottom: 12px!important;
  display: block!important;
}

.woocommerce-product-rating .star-rating {
  margin-inline-end: 0;
}

.wd-product .cajanka-loop-rating {
  display: inline-flex;
  align-items: center;
  align-self: var(--text-align);
  gap: 6px;
  color: #534137;
  font-size: 14px;
  line-height: 1;
}

.wd-product .cajanka-loop-rating .star-rating {
  margin: 0;
  color: #eabe12;
  font-size: 16px;
  line-height: 16px;
}

.wd-product .cajanka-loop-rating-value {
  color: #534137;
  font-weight: 700;
}

.wd-product .cajanka-loop-rating-count {
  color: #534137;
  text-decoration: none;
}

.wd-product .cajanka-loop-rating-count:hover,
.wd-product .cajanka-loop-rating-count:focus {
  color: #f05625;
}

.cajanka-homepage .cajanka-loop-rating-value,
.cajanka-homepage .cajanka-loop-rating-count {
  display: none;
}

@media (max-width: 576px) {
  .product-labels.labels-rounded .product-label {
    font-size: 12px;
  }
}

.cajanka-product-ingredients {
  margin: 42px 0 28px;
  color: #534137;
}

.cajanka-product-ingredients__inner {
  padding: clamp(24px, 4vw, 48px);
  border: 2px solid #534137;
  background: #e6e1ce;
}

.cajanka-product-ingredients__eyebrow,
.cajanka-ingredient-teas__eyebrow {
  margin: 0 0 8px;
  color: #f05625;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cajanka-product-ingredients h2,
.cajanka-ingredient-editorial h2 {
  color: #534137;
  font-weight: 700;
}

.cajanka-product-ingredients h2 {
  margin: 0 0 16px;
}

.cajanka-product-ingredients__declaration {
  max-width: 76ch;
  margin: 0;
  line-height: 1.7;
}

.cajanka-product-ingredients__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.cajanka-product-ingredients__links a {
  display: inline-block;
  padding: 8px 13px;
  border: 1px solid #534137;
  color: #534137;
  font-weight: 700;
  text-decoration: none;
}

.cajanka-product-ingredients__links a:hover,
.cajanka-product-ingredients__links a:focus {
  border-color: #f05625;
  color: #f05625;
}

.cajanka-ingredient-editorial {
  display: grid;
  gap: 32px;
  margin-top: 36px;
  color: #534137;
}

.cajanka-ingredient-summary {
  max-width: 46ch;
  color: #2f4323;
  font-size: clamp(20px, 2.5vw, 28px);
  font-weight: 700;
  line-height: 1.35;
}

.cajanka-ingredient-profile,
.cajanka-ingredient-teas,
.cajanka-ingredient-sources {
  padding: clamp(22px, 4vw, 40px);
  border: 1px solid #534137;
}

.cajanka-ingredient-profile h2,
.cajanka-ingredient-teas h2,
.cajanka-ingredient-sources h2 {
  margin-top: 0;
}

.cajanka-ingredient-profile dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  background: #534137;
}

.cajanka-ingredient-profile dl > div {
  padding: 18px;
  background: #e6e1ce;
}

.cajanka-ingredient-profile dt {
  margin-bottom: 5px;
  color: #2f4323;
  font-weight: 700;
}

.cajanka-ingredient-profile dd {
  margin: 0;
}

.cajanka-ingredient-teas ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 24px;
  margin-bottom: 0;
  padding-left: 20px;
}

.cajanka-ingredient-teas a,
.cajanka-ingredient-sources a {
  color: #3b7cbd;
}

@media (max-width: 640px) {
  .cajanka-product-ingredients {
    margin-top: 28px;
  }

  .cajanka-ingredient-profile dl,
  .cajanka-ingredient-teas ul {
    grid-template-columns: 1fr;
  }
}