/* StarBuy SELECT Custom CSS */

/* Helpers */
.select-gradient-color {
  background: radial-gradient(circle, var(--select-gold-inner) 0%, var(--select-gold-outer) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* Generic */
body.select-enabled {
  --text-color: #ffffff;
  --select-gold-inner: #E5C78A;
  --select-gold-outer: #CE9F3C;
}

.select-enabled .header.is-solid,
.select-enabled .header.color-scheme:hover {
  --select-background-color: #000000;
  --text-color: 255 255 255;

  background-color: var(--select-background-color);
  button {
    color: var(--text-color);
  }
  button.localization-toggle {
    --text-color: 255 255 255;
  }
  li a {
    color: rgb(var(--text-color));
  }
}

.header__primary-nav {
  --text-color: #ffffff;
}

.header-sidebar .animated-plus:before,
.header-sidebar .animated-plus:after {
  --text-color: #ffffff;
}

.header-sidebar__linklist li {
  --border-color: #484848;
}

.header-sidebar__sub-panel li:has([aria-expanded=true]) .header-sidebar__linklist-button {
  --text-color: #ffffff;
}

.header-sidebar__footer .localization-selectors {
  color: #fff;
  border-top-color: #484848;
}
.header-sidebar__footer .localization-toggle {
  --text-color: #ffffff;
}

.header-sidebar__footer .text-with-icon {
  color: #fff;
}

:where(.modal, .drawer, .popover, .header-search)::part(close-button) {
  --text-color: #ffffff;
}

.header-search__form-control svg {
  color: var(--text-color);
}

.predictive-search__no-results {
  color: var(--text-color);
}

:where(.popover)::part(close-button) {
  --text-color: black;
}

.header-sidebar__back-button {
  color: var(--text-color);
}

/* Collections + PDP */
.page-collection .header,
.page-product .header {
  --select-background-color: #000000;
  --text-color: 255 255 255;

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

  button {
    color: var(--text-color);
  }
  button.localization-toggle {
    --text-color: 255 255 255;
  }
  li a {
    color: rgb(var(--text-color));
  }
}

.page-collection.select-enabled button.kl-hub-button {
  height: 28px;
}


.page-product .product-select-tag {
  background: radial-gradient(circle, var(--select-gold-inner) 0%, var(--select-gold-outer) 100%);
  font-family: 'Cinzel', serif;
  font-weight: 500;
  gap: 4px;
  max-width: 105px;
  padding: 5px 8px;

  .icon,
  .tag_name {
    color: #362605;
  }
  .icon {
    height: 22px;
    width: 22px;
  }
  .tag_name {
    font-size: 15px;
    letter-spacing: normal;
  }
}

.page-product .shopify-section--select-image-with-text {
  .section-title {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: normal;
    padding-bottom: 40px;
    padding-top: 48px;
    text-transform: uppercase;
    width: 100%;


    @media screen and (min-width: 768px) {
      font-size: 24px;
      letter-spacing: 3.6px;
      padding-bottom:70px;
      padding-top: 48px;
    }

  }
}

/* SELECT Landing Page */
.select-enabled {
  .slideshow-select .subheading {
    margin-bottom: 12px;
    margin-top: 10px;

    @media screen and (min-width: 768px) {
      margin-top: 10px;
    }
  }
  .slide-content__button {
    margin-top: 12px;
    @media screen and (min-width: 768px) {
      margin-top: 32px;
    }
  }
}

.starbuy-select {
  .multiple-media-with-text__content {
    margin-top: 25px;
  }
}

.select-enabled  .button--outline {
  border-color: rgb(var(--button-outline-color));
  color: rgb(var(--button-text-color));
}
.select-enabled .buy-buttons .button--outline {
  --button-text-color: 0 0 0;
  --button-outline-color: 212 212 212;
}

.select-enabled .product-list--carousel {
  --product-list-default-column-gap: 5px;
  padding-inline-start: 30px;

  max-width: 1440px;
  margin: 0 auto;

  @media screen and (min-width: 1440px) {
  }
}

.select-enabled product-card.product-card {
    background: white;
    padding: 22px;
    width: 100%;

  .product-card__info {
    color: black;
  }
  /* Hide rating badge */
  .product-card__info .rating-badge {
    display: none;
  }
  .product-card__info .product-title.h6 {
    text-align: left;
  }

  .price-list {
    --product-list-default-column-gap: 12px;
    --text-color: #666;
    opacity: 1;
  }
  .vendor.smallcaps.heading {
    font-size: 9px;
    letter-spacing: 1.6px;
  }
  .product-title.h6 {
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 2.4px;
    line-height: normal;
  }
}

.starbuy-select.select-enabled .product-card {
  gap: unset;

  .product-card__figure {
    margin-bottom: 30px;
  }
  .product-card__figure .kl-hub-favorites-icon-widget {
    right: -20px;
    top: -20px;
  }

}

/* Klaviyo Wishlist button */
.starbuy-select.select-enabled .shop-the-look__item-product .product-card__figure .kl-hub-favorites-icon-widget {
  right: 10px;
  top: 0;
}

.select-enabled .shop-the-look__item-product {
  .product-card {
    padding: 20px;

    @media screen and (min-width: 768px) {
      padding: 0;
    }
  }

  .product-card__info .v-stack {
    row-gap: 10px;
  }
  .product-card__info .vendor {
    margin-bottom: 0;
  }
  .product-card__info .product-title {
    margin-bottom: 0;
  }
}