/**
 * Minimal shopfront ↔ checkout visual alignment.
 * High-impact only: CTA, accent links, form focus, headings accent, card radius cues.
 * Does not rewrite layout, sliders, mobile nav structure, or admin.
 */

/* —— Body font continuity —— */
body {
  font-family: var(--cs-font-body);
}

/* —— Links —— */
a:hover,
.nav > li > a:hover,
.header:not(.transparent) .header-bottom-nav.nav > li > a:hover,
.header:not(.transparent) .header-bottom-nav.nav > li.active > a,
.header:not(.transparent) .header-bottom-nav.nav > li.current > a {
  color: var(--cs-brand);
}

.header-bottom-nav.nav-line-bottom > li > a:before,
.header-bottom-nav.nav-line-grow > li > a:before,
.header-bottom-nav.nav-line > li > a:before,
.header-bottom-nav.nav-box > li > a:hover,
.header-bottom-nav.nav-box > li.active > a,
.header-bottom-nav.nav-pills > li > a:hover,
.header-bottom-nav.nav-pills > li.active > a {
  background-color: var(--cs-brand);
  color: #fff !important;
}

/* —— Primary CTAs (shop / cart / forms) —— */
button[type="submit"],
.button.primary:not(.is-outline),
.button.checkout,
.button.wc-forward,
input[type="submit"]:not(.is-form),
input[type="submit"].primary,
input.button.alt,
.checkout-button,
.single_add_to_cart_button,
button.single_add_to_cart_button,
.woocommerce-Button.button {
  background-color: var(--cs-brand) !important;
  border-color: var(--cs-brand) !important;
  color: #fff !important;
  border-radius: var(--cs-radius);
}

button[type="submit"]:hover,
.button.primary:not(.is-outline):hover,
.button.checkout:hover,
.checkout-button:hover,
.single_add_to_cart_button:hover,
button.single_add_to_cart_button:hover {
  background-color: var(--cs-brand-hover) !important;
  border-color: var(--cs-brand-hover) !important;
}

.primary.is-outline,
.button.is-outline.primary {
  color: var(--cs-brand);
  border-color: var(--cs-brand);
}

.primary.is-outline:hover,
.button.is-outline.primary:hover {
  background-color: var(--cs-brand);
  border-color: var(--cs-brand);
  color: #fff;
}

/* City cookie / sticky CTA bar — primary button was pure black */
.fai-cc__btn--primary {
  background: var(--cs-brand);
  color: #fff;
  border-radius: var(--cs-radius);
}

.fai-cc__btn--primary:hover {
  background: var(--cs-brand-hover);
  opacity: 1;
}

/* —— Form controls (global shop forms, not only checkout) —— */
.shop form .input-text,
.shop form input[type="text"],
.shop form input[type="email"],
.shop form input[type="tel"],
.shop form input[type="number"],
.shop form input[type="password"],
.shop form textarea,
.shop form select,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  border-radius: var(--cs-radius);
  border-color: #ddd;
}

.shop form .input-text:focus,
.shop form input:focus,
.shop form textarea:focus,
.shop form select:focus,
.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
  border-color: var(--cs-brand) !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(119, 8, 48, 0.12);
}

/* —— Accents / prices / badges —— */
/* Brand accent for catalog prices; PDP sale hierarchy handled in head/pdp CSS */
.price:not(.price-on-sale),
.product-info .price:not(.price-on-sale) .amount,
.product-small .price .amount,
ul.products li.product .price {
  color: var(--cs-brand);
}

/* List (struck) price must stay neutral gray on sale rows */
.price del,
.price del .amount,
.price del .price-amount {
  color: #9a9a9a;
}

.price.price-on-sale ins .amount,
.price.price-on-sale ins .price-amount,
.price.price-on-sale > .price-amount {
  color: var(--cs-brand);
}

.delivery-text,
.widget .current-cat > a,
.breadcrumbs a.current,
.woocommerce-breadcrumb .current {
  color: var(--cs-brand);
}

/* Sale badge: white label on brand pill — do NOT reuse brand text color here */
.badge-inner.on-sale,
.discount-badge {
  background: var(--cs-brand, #770830) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  font-weight: 600;
  white-space: nowrap;
}

.badge-inner.on-sale .onsale,
.badge-inner.on-sale span,
.badge-inner.on-sale mark,
.discount-badge span,
.discount-badge mark {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none;
}

.badge-inner.on-sale::selection,
.badge-inner.on-sale *::selection,
.discount-badge::selection,
.discount-badge *::selection {
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
}

/* Pagination / cart count already themed via --primary-color; reinforce hover */
.nav-pagination > li > a:hover,
.nav-pagination > li > .current {
  background-color: var(--cs-brand);
  border-color: var(--cs-brand);
}

/* —— Soft page surfaces (static content, catalogs) —— */
.page-wrapper .entry-content a:not(.button):hover {
  color: var(--cs-brand);
}

/* Multi-currency active chip closer to brand (was harsh red) */
.multi-currency .wmc-list-currencies .wmc-currency.wmc-active,
.multi-currency .wmc-list-currencies .wmc-currency:hover {
  background: var(--cs-brand) !important;
}

/* —— Product grid title hierarchy —— */
.shop ul.products li.product .product-card-title,
.product-small .product-title a,
.product-small .name a {
  color: var(--cs-text-body);
}

.product-small .product-title a:hover,
.product-small .name a:hover {
  color: var(--cs-brand);
}

/* —— Footer link hover —— */
.footer a:hover,
#footer a:hover {
  color: var(--cs-brand);
}

/* Do not touch WhatsApp float, contactus widget chrome, sliders, or sticky footers */