/* LINVELIA – vzhled detailu produktu v šabloně Samba.
   Pouze styly; výběr variant, dostupnost a košík řídí nadále Shoptet. */

body.type-product .p-detail-inner-header h1,
body.type-product .p-detail-inner-header-mobile .h1 {
  color: #30231e !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  line-height: 1.16 !important;
}

@media (min-width: 768px) {
  body.type-product .p-detail-inner-header h1 {
    font-size: clamp(32px, 2.3vw, 46px) !important;
  }
}

body.type-product .p-detail-inner-header {
  margin-bottom: 26px !important;
}

body.type-product .stars-wrapper .stars-label,
body.type-product .stars-wrapper .btn--link {
  color: #806e62 !important;
}

body.type-product .p-data-wrapper > form.pr-action {
  box-sizing: border-box;
  width: 100%;
  padding: 28px 32px 32px;
  border-radius: 4px;
  background: #fbf8f3;
}

body.type-product .p-variants-block {
  margin-bottom: 20px !important;
}

body.type-product .hidden-split-parameter label.advanced-parameter,
body.type-product .hidden-split-parameter .advanced-parameter-inner {
  box-sizing: border-box;
  width: 48px;
  height: 48px;
}

body.type-product .hidden-split-parameter label.advanced-parameter {
  margin-right: 12px;
}

body.type-product .hidden-split-parameter .advanced-parameter-inner {
  overflow: hidden;
  border: 1px solid #d5c9bb !important;
  border-radius: 9px;
}

body.type-product .hidden-split-parameter .advanced-parameter-inner.yes-before {
  border: 3px solid #382820 !important;
}

body.type-product .hidden-split-parameter .advanced-parameter-inner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.type-product .p-price-wrapper {
  margin-bottom: 18px !important;
  padding-bottom: 12px;
  border-bottom: 1px solid #e3d9cd;
}

body.type-product .p-price-wrapper .price-final {
  padding: 4px 0 !important;
  color: #382820 !important;
  font-family: "Source Sans 3", sans-serif !important;
  font-size: clamp(38px, 2.55vw, 52px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

body.type-product .detail-parameters {
  margin-bottom: 24px !important;
  color: #382820;
}

body.type-product .detail-parameter-product-code {
  color: #806e62;
  font-size: 14px;
}

body.type-product .add-to-cart-button {
  border-color: #382820 !important;
  border-radius: 5px;
  background: #382820 !important;
  color: #fff !important;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.type-product .add-to-cart-button:hover,
body.type-product .add-to-cart-button:focus-visible {
  border-color: #5a4031 !important;
  background: #5a4031 !important;
}

@media (max-width: 767px) {
  body.type-product .p-detail-inner-header-mobile .h1 {
    font-size: 30px !important;
  }

  body.type-product .p-data-wrapper > form.pr-action {
    padding: 22px 18px 24px;
  }

  body.type-product .p-price-wrapper .price-final {
    font-size: 36px !important;
  }

  body.type-product .hidden-split-parameter label.advanced-parameter,
  body.type-product .hidden-split-parameter .advanced-parameter-inner {
    width: 42px;
    height: 42px;
  }

  body.type-product .hidden-split-parameter label.advanced-parameter {
    margin-right: 8px;
  }
}

/* Na dotykovém zařízení se plovoucí popisky Shoptetu hromadí.
   Zobrazíme místo nich jediný text s právě zvoleným odstínem. */
@media (hover: none), (max-width: 767px) {
  body.type-product > .tooltip {
    display: none !important;
  }

  body.type-product .hidden-split-parameter {
    position: relative;
    padding-bottom: 28px;
  }

  body.type-product .hidden-split-parameter label.advanced-parameter {
    position: static !important;
  }

  body.type-product .hidden-split-parameter label.advanced-parameter input[type="radio"]:checked + .parameter-value {
    display: block !important;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    color: #382820;
    font-family: "Source Sans 3", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
