/* ========================================= */
/* ========= Siccas Recommendations ======== */
/* ========================================= */

.siccas-recommendations__background {
  padding: 40px 0 0 0;
}

html[data-theme="light"] .siccas-recommendations__background {
  background: #FFFFFF;
}

html[data-theme="dark"] .siccas-recommendations__background {
  background: #0F0F0F;
}

.siccas-recommendations__content .siccas-recommendations__slider {
  display: flex;
  overflow-x: auto;
  margin-top: 12px;
  padding-bottom: 10px;
  padding-left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.siccas-recommendations__slider::-webkit-scrollbar {
  height: 10px;
}
.siccas-recommendations__slider::-webkit-scrollbar-track {
  background: #4b4845;
  border-radius: 5px;
}
.siccas-recommendations__slider::-webkit-scrollbar-thumb {
  border-radius: 5px;
  min-width: 50px;
  background: var(--dark-primary-color-1);
}

@supports (-moz-appearance: none) {
  .siccas-recommendations__content .siccas-recommendations__slider {
    scrollbar-width: auto;
    scrollbar-color: var(--dark-primary-color-1) #4b4845;
  }
}

/* grid-mode */
.siccas-recommendations__content .siccas-recommendations__slider.siccas-recommendations__grid-mode {
  flex-wrap: wrap;
  overflow: visible;
  row-gap: 20px;
  column-gap: 2%;
  .siccas-recommendations__product-card {
    margin-right: 0;
  }
}

/* Navigation Buttons */
.siccas-recommendations__nav {
  padding: 10px 20px;
}
.siccas-recommendations__nav--full_height {
  height: 100%;
  border-radius: 0;
}
.siccas-recommendations__nav--full_height::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
}
.siccas-recommendations__nav--prev.siccas-recommendations__nav--full_height {
  transform: scaleX(-1);
}
.siccas-recommendations__nav--prev.siccas-recommendations__nav--full_height svg {
  transform: scaleX(-1);
}
.siccas-recommendations__nav--round {
  height: 100%;
  background: transparent;
}
.siccas-recommendations__nav--round::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  z-index: -1;
}
.siccas-recommendations__nav--prev.siccas-recommendations__nav--round::before {
  left: 55%;
  transform: translate(-50%, -50%) scaleX(-1);
}
.siccas-recommendations__nav--next.siccas-recommendations__nav--round::before {
  left: 45%;
}

@media (max-width: 989px) {
  .siccas-recommendations__nav { padding: 5px 10px; }
  .siccas-recommendations__nav svg { width: 14px; height: 25px; }
  .siccas-recommendations__nav--round::before { width: 50px; height: 50px; }
}

/* Grid columns */
.siccas-recommendations__grid--columns-2 {
  .siccas-recommendations__product-card,
  .siccas-recommendations__collection-info {
    min-width: 46%; width: 46%; max-height: 863px;
  }
}
.siccas-recommendations__grid--columns-3 {
  .siccas-recommendations__product-card,
  .siccas-recommendations__collection-info {
    min-width: 31%; width: 31%;
  }
}
.siccas-recommendations__grid--columns-4 {
  .siccas-recommendations__product-card,
  .siccas-recommendations__collection-info {
    min-width: 23%; width: 23%;
  }
}
.siccas-recommendations__product-card,
.siccas-recommendations__collection-info {
  margin-right: 1%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 1190px) {
  .siccas-recommendations__grid--columns-4 {
    .siccas-recommendations__product-card,
    .siccas-recommendations__collection-info {
      min-width: 31%; width: 31%;
    }
  }
}

@media (max-width: 989px) {
  .siccas-recommendations__background { padding: 30px 0; }
  .siccas-recommendations__slider { padding-bottom: 31px; }
  .siccas-recommendations__grid--columns-4,
  .siccas-recommendations__grid--columns-3,
  .siccas-recommendations__grid--columns-2 {
    .siccas-recommendations__product-card,
    .siccas-recommendations__collection-info {
      width: 270px; min-width: 270px; margin-right: 3%;
    }
  }
  .siccas-recommendations__grid-mode.siccas-recommendations__grid--columns-4,
  .siccas-recommendations__grid-mode.siccas-recommendations__grid--columns-3,
  .siccas-recommendations__grid-mode.siccas-recommendations__grid--columns-2 {
    .siccas-recommendations__product-card,
    .siccas-recommendations__collection-info {
      width: 49%; min-width: min-content; margin-right: 3%;
    }
  }
}

/* ── Goldener Rahmen um Produktkarten ── */
.siccas-recommendations__product-card .card-wrapper {
  border: 1px solid rgba(182, 126, 60, 0.35) !important;
  border-radius: 4px !important;
  overflow: hidden;
  transition: border-color .2s;
  height: auto;
}
.siccas-recommendations__product-card .card-wrapper:hover {
  border-color: #B67E3C !important;
}
.siccas-recommendations__product-card .card-information {
  padding: 12px 14px !important;
}
.siccas-recommendations__product-card .card__heading,
.siccas-recommendations__product-card h3,
.siccas-recommendations__product-card .card__text {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* Content */
.siccas-recommendations__product-card {
  .card__heading.h5 { margin: 0; }
  h3 a { font-size: 18px; }
  .card-information span,
  .card-information span s,
  .price.price--on-request { font-size: 22px; }
  .price-item--sale.price-item,
  .save-amount,
  .price__regular,
  .price.price--on-request { font-weight: 700; }
  .price__saving { display: inline-block; }
  small.price__tax-info.caption { display: none; }
}

html[data-theme="dark"] .siccas-recommendations__product-card {
  h3 a { color: var(--dark-primary-text-color); }
  .price--on-sale .price-item.price-item--regular { color: var(--dark-primary-link-color); }
}
html[data-theme="light"] .siccas-recommendations__product-card {
  h3 a { color: var(--light-primary-text-color); }
  .price--on-sale .price-item.price-item--regular { color: var(--light-primary-link-color); }
}

@media (max-width: 989px) {
  .siccas-recommendations__product-card {
    h3 a { line-height: 20px; }
    .card-information span,
    .card-information span s { font-size: 22px; line-height: 20px; }
  }
}

/* Details */
.siccas-recommendations__product-card {
  .siccas-details-block {
    opacity: 0;
    transition: all 0.2s;
    position: absolute;
    top: 0; left: 0; z-index: 0;
    aspect-ratio: 1 / 1.002;
    width: 100%;
    padding: 5px 3px 10px 10px;
  }
  .siccas-details-list { overflow: auto; height: 100%; padding-right: 7px; }
  span { font-size: 16px; }
  .siccas-details-value { text-align: right; }
  .card__heading a:after { z-index: 2; }
}

.siccas-details-list::-webkit-scrollbar { width: 5px; }
.siccas-details-list::-webkit-scrollbar-track { background: var(--dark-primary-color-1); border-radius: 5px; }
.siccas-details-list::-webkit-scrollbar-thumb { border-radius: 5px; min-width: 50px; background: #000000cc; }

@supports (-moz-appearance: none) {
  .siccas-details-list { scrollbar-width: auto; scrollbar-color: #000000cc var(--dark-primary-color-1); }
}

.siccas-recommendations__hover-details .siccas-recommendations__product-card:hover .siccas-details-block,
.siccas-recommendations__product-card.details-active .siccas-details-block {
  opacity: 1; z-index: 2;
}

.siccas-details-item.siccas-details-item--collection,
.siccas-details-item.siccas-details-item--metafield {
  display: flex;
  justify-content: space-between;
  padding-top: 1px;
  align-items: center;
}

.siccas-recommendations__product-card .siccas-details-list > div:last-child { border-bottom: 0; }
.siccas-details-value { font-weight: 700; }

html[data-theme="dark"] {
  .siccas-recommendations__product-card .siccas-details-block { background: var(--dark-primary-color-1); }
  .siccas-details-item.siccas-details-item--collection,
  .siccas-details-item.siccas-details-item--metafield {
    border-bottom: 1px solid rgba(var(--dark-primary-text-color-rgb), 0.3);
  }
}
html[data-theme="light"] {
  .siccas-recommendations__product-card .siccas-details-block { background: var(--light-primary-color-1); }
  .siccas-details-item.siccas-details-item--collection,
  .siccas-details-item.siccas-details-item--metafield {
    border-bottom: 1px solid rgba(var(--light-primary-text-color-rgb), 0.3);
  }
}

/* ── Buttons — edel mit goldenem Rahmen ── */
.siccas-recommendations__product-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2%;
  position: relative;
}

.siccas-recommendations__button {
  padding: 10px 8px;
  border-radius: 4px;
  width: 100%;
  display: flex;
  justify-content: center;
  border: 1px solid rgba(182, 126, 60, 0.35);
  transition: border-color .2s, background .2s;
  svg { width: 40px; height: 40px; }
  .quick-add__submit.button { min-height: inherit; }
}

.siccas-recommendations__button:hover {
  border-color: #B67E3C !important;
}

.siccas-recommendations__button--quick-add {
  span { display: none; }
  .siccas-quick-add__button-icon.sg-hidden { display: flex; }
  .product-form__error-message-wrapper {
    position: absolute; left: 0px; top: -21px;
    margin: 0; height: 18px; align-items: center;
  }
  .product-form__error-message-wrapper:not([hidden]) { display: flex; }
  svg.icon.icon-error { width: 17px; height: 17px; margin-top: 0; margin-right: 5px; }
  span.product-form__error-message { display: block; font-size: 12px; line-height: 1; }
}

.siccas-recommendations__button-icon { display: flex; align-items: center; }

.siccas-recommendations__button.siccas-recommendations__button--quick-add {
  padding: 10px 8px;
  background: #B67E3C;
  border-color: #B67E3C;
}
.siccas-recommendations__button.siccas-recommendations__button--quick-add:hover {
  background: #785328;
  border-color: #785328;
}

.siccas-quick-add-link-wrapper {
  display: contents;
  .price-on-request-disabled { pointer-events: none; }
}

.siccas-recommendations__product-card .siccas-recommendations__button--quick-add {
  product-form, modal-opener { width: 100%; }
  button.button { min-width: auto; background: transparent; width: 100%; padding: 0; }
}

@media (max-width: 989px) {
  .siccas-recommendations__button.siccas-recommendations__button--quick-add .button { border: 0; }
}

/* Dark mode buttons */
html[data-theme="dark"] {
  .siccas-recommendations__button {
    background: rgba(255,255,255,.04);
    svg { color: #ffffff; }
  }
  .siccas-recommendations__product-card.details-active .siccas-recommendations__button--details {
    border-color: #B67E3C;
    svg { color: #B67E3C; }
  }
  @media (max-width: 499px) {
    .siccas-recommendations__product-card:not(.details-active) .siccas-recommendations__button {
      svg { color: var(--dark-primary-text-color); }
    }
  }
}

/* Light mode buttons */
html[data-theme="light"] {
  .siccas-recommendations__button {
    background: #ffffff;
    svg { color: #1e1a16; }
  }
  .siccas-recommendations__product-card.details-active .siccas-recommendations__button--details {
    border-color: #B67E3C;
    svg { color: #B67E3C; }
  }
  @media (max-width: 499px) {
    .siccas-recommendations__product-card:not(.details-active) .siccas-recommendations__button {
      svg { color: var(--light-primary-text-color); }
    }
  }
}

/* Description of the collection */
.siccas-recommendations__collection-info {
  padding: 20px 10px 20px 20px;
  position: relative;
  border: 1px solid rgba(182, 126, 60, 0.35);
  border-radius: 4px;
  .siccas-recommendations__collection-description {
    height: auto; max-height: 285px; overflow: auto;
    padding-right: 10px; position: relative; z-index: 3; margin-top: 10px;
  }
}

.siccas-recommendations__collection-description::-webkit-scrollbar { width: 7px; }
.siccas-recommendations__collection-description::-webkit-scrollbar-track { background: #4b4845; border-radius: 5px; }
.siccas-recommendations__collection-description::-webkit-scrollbar-thumb { border-radius: 5px; min-width: 50px; background: var(--dark-primary-color-1); }

@supports (-moz-appearance: none) {
  .siccas-recommendations__collection-description {
    scrollbar-width: auto;
    scrollbar-color: var(--dark-primary-color-1) #4b4845;
  }
}

.siccas-recommendations__collection-title { margin: 10px 0; }
a.siccas-recommendations__collection-link { margin-top: 20px; }
a.siccas-recommendations__collection-link::after {
  bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 2;
}

html[data-theme="dark"] .siccas-recommendations__collection-info {
  background: rgba(255,255,255,.04);
}
html[data-theme="light"] .siccas-recommendations__collection-info {
  background: #ffffff;
}

@media (max-width: 989px) {
  .siccas-recommendations__collection-info {
    padding: 0 5px 20px 10px;
    .siccas-recommendations__collection-description { line-height: calc(1 + 0.5 / 4); }
    h2 { margin: 0; font-size: var(--font-size-h4-m); }
  }
  .siccas-recommendations__collection-title { margin: 10px 0 0 0; }
}

/* Mobile: collection info oben über den Gitarren */
@media (max-width: 749px) {
  .siccas-recommendations__content .siccas-recommendations__slider {
    flex-wrap: wrap;
  }

  .siccas-recommendations__collection-info {
    width: 100% !important;
    min-width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 16px;
    order: -1;
  }
}

/* End: Siccas Recommendations */