
/* Custom CSS theme */
/* Ecwid storefront Custom CSS for chantireviews.com/services.
 *
 * This file is the source of truth. Ecwid has no API for it: paste the whole
 * file into Ecwid admin -> Settings -> Design -> Custom CSS, replacing what is
 * there, then preview. Edit here first and commit, never in the admin box.
 *
 * Colors are from the Brand Kit (Branding/Brand Kit/Colors.md). Every rule is
 * store-wide, so it also applies to the 28 award products.
 */
/* Brand fonts (Libre Caslon Text, Newsreader, Chivo). @import must stay the FIRST rule. */
@import url("https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400;1,6..72,500&family=Chivo:ital,wght@0,400;0,700;0,800;1,400&display=swap");
/* Make delete X on checkout page red to increase visibility. */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-link--hover, html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-link--hover:visited {
  color: #ff0000 !important;
}

/* Show full product description; remove the "Show More" collapse */
html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details-module__content--collapsed {
  max-height: none !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details__product-description::after {
  display: none !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details-module__content--collapsed ~ .product-details-module__btn-more {
  display: none !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details-module__content--collapsed::after {
  content: none !important;
}

/* ---- Brand palette ---- */
/* Ribbons ("EARLY BIRD PRICING" etc.): brand gold flag, ink text.
   Ecwid paints the flag from the inline `color` on .ec-label; !important beats it.
   Scoped to label--custom so Ecwid's built-in labels (Sold out, On sale) keep their colors. */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-label.label--custom {
  color: #B8923F !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-label.label--custom .label__text {
  background-color: #B8923F !important;
  color: #1F1A17 !important;
  font-weight: 800 !important;
  letter-spacing: 1px;
}

/* Primary buttons (Add to Bag, Checkout): burgundy pill, ivory text */
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--primary .form-control__button {
  background-color: #6E1F2C !important;
  border-color: #6E1F2C !important;
  color: #F8F4EC !important;
  border-radius: 999px !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--primary .form-control__button:hover {
  background-color: #5A1722 !important;
  border-color: #5A1722 !important;
}

/* Product title + subtitle */
html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details__product-title {
  font-family: 'Libre Caslon Text', Georgia, serif !important;
  color: #1F1A17 !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details__product-subtitle {
  color: #5A514A !important;
}

/* Prices: burgundy on the product page and in the catalog grid */
html#ecwid_html body#ecwid_body .ec-size .ec-store .details-product-price__value,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-price-item {
  color: #6E1F2C !important;
}

/* Hide the "Save 13%" badge next to the price; descriptions say "Save $100" instead.
   The struck-through compare-to price is a separate element and stays visible. */
html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details__product-price-discount {
  display: none !important;
}

/* Store links */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-link,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-link:visited {
  color: #6E1F2C;
}

/* Same badge in the category/catalog grid. Matched only when the label holds a discount
   value, so any other grid price label Ecwid puts in that slot still shows. */
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__price-label:has(.details-product-price-discount__value) {
  display: none !important;
}
