/* SAHC: readable gold labels on the existing light backgrounds. */
.sah-footer-kicker,
.sah-google-reviews .sah-google-reviews-eyebrow {
  color: #6f5936 !important;
}
/* SAHC palette refresh — scoped to the public website.
 * Brand: Terracotta Clay #9D4A21, Soft Sage #AFC0B0,
 * Ivory Deep #F4F0E7 and Deep Taupe #403B37.
 * User-selected panel replacement: existing warm gold #B08D57.
 * On gold, use ink #211B18 and derived dark terracotta #4A1B0F.
 * These two gold pairings provide 5.50:1 and 4.67:1 contrast respectively.
 * #E6ECE6 is a proposed pale sage tint for the guidance-panel trial.
 * Keep this AFTER the earlier contrast-labels CSS.
 */
body:not(.wp-admin) {
  --sahc-clay: #9d4a21;
  --sahc-clay-hover: #803d1b;
  --sahc-emphasis: #9d4a21;
  --sahc-link-hover: #803d1b;
  --sahc-gold: #b08d57;
  --sahc-gold-ink: #211b18;
  --sahc-gold-clay: #4a1b0f;
  --sahc-sage: #afc0b0;
  --sahc-sage-pale: #e6ece6;
  --sahc-ivory: #fefefd;
  --sahc-ivory-deep: #f4f0e7;
  --sahc-text: #403b37;
}

/* Every Salient content row using the charcoal shown in the reference
 * becomes the EXACT warm gold from the user's preferred screenshot.
 * Both the CSS custom property and the separate background layer must change.
 */
body:not(.wp-admin) .wpb_row[style*="--row-bg-color"][style*="#2a2420" i] {
  --sahc-text: var(--sahc-gold-ink);
  --sahc-emphasis: var(--sahc-gold-clay);
  --sahc-link-hover: var(--sahc-gold-ink);
  --row-bg-color: var(--sahc-gold) !important;
  background-color: var(--sahc-gold) !important;
  color: var(--sahc-text) !important;
}
body:not(.wp-admin) .wpb_row[style*="--row-bg-color"][style*="#2a2420" i] > .row-bg-wrap > .inner-wrap > .row-bg,
body:not(.wp-admin) .wpb_row[style*="--row-bg-color"][style*="#2a2420" i] > .row-bg-wrap > .row-bg {
  background-color: var(--sahc-gold) !important;
}

/* Keep the existing golden call-to-action bands gold.
 * Use the same readable text/link treatment; logo/artwork is untouched.
 */
body:not(.wp-admin) .wpb_row[style*="--row-bg-color"][style*="#b08d57" i] {
  --sahc-text: var(--sahc-gold-ink);
  --sahc-emphasis: var(--sahc-gold-clay);
  --sahc-link-hover: var(--sahc-gold-ink);
  --row-bg-color: var(--sahc-gold) !important;
  background-color: var(--sahc-gold) !important;
  color: var(--sahc-text) !important;
}
body:not(.wp-admin) .wpb_row[style*="--row-bg-color"][style*="#b08d57" i] > .row-bg-wrap > .inner-wrap > .row-bg,
body:not(.wp-admin) .wpb_row[style*="--row-bg-color"][style*="#b08d57" i] > .row-bg-wrap > .row-bg {
  background-color: var(--sahc-gold) !important;
}

/* The same colour can occur on a solid-colour card/column. */
body:not(.wp-admin) .wpb_column:is([data-bg-color="#2a2420" i], [data-bg-color="#3a322d" i]) {
  --sahc-text: var(--sahc-gold-ink);
  --sahc-emphasis: var(--sahc-gold-clay);
  --sahc-link-hover: var(--sahc-gold-ink);
}
body:not(.wp-admin) .wpb_column:is([data-bg-color="#2a2420" i], [data-bg-color="#3a322d" i]) > .vc_column-inner {
  background-color: var(--sahc-gold) !important;
  color: var(--sahc-text) !important;
}
body:not(.wp-admin) .wpb_column:is([data-bg-color="#2a2420" i], [data-bg-color="#3a322d" i]) > .vc_column-inner > .column-bg-overlay-wrap > .column-bg-overlay {
  background-color: var(--sahc-gold) !important;
}

/* Undo white-on-charcoal type only inside recoloured panels and gold bands.
 * Deliberately do not blanket-recolour spans, buttons or all descendants.
 */
body:not(.wp-admin) :where(
  .wpb_row[style*="--row-bg-color"][style*="#2a2420" i],
  .wpb_row[style*="--row-bg-color"][style*="#b08d57" i],
  .wpb_column[data-bg-color="#2a2420" i],
  .wpb_column[data-bg-color="#3a322d" i]
) :is(.row_col_wrap_12.light, .wpb_text_column, .nectar-responsive-text, h1, h2, h3, h4, h5, h6, p, li, blockquote):not(.nectar-cta *) {
  color: var(--sahc-text) !important;
}

/* Fine terracotta outlines around existing filled content cards.
 * This selects coloured cards, not plain layout columns or form fields.
 * Inset outlines leave the grid dimensions unchanged.
 */
body:not(.wp-admin) .wpb_column[data-has-bg-color="true"] > .vc_column-inner {
  outline: 1px solid var(--sahc-clay);
  outline-offset: -1px;
}

/* Light cards nested inside a gold section keep the standard brand colours. */
body:not(.wp-admin) .wpb_column:is(
  [data-bg-color="#fefefd" i], [data-bg-color="#f4f0e7" i],
  [data-bg-color="#fbf7f1" i], [data-bg-color="#f7f3ec" i],
  [data-bg-color="#f2ebe2" i], [data-bg-color="#efe7dc" i],
  [data-bg-color="#e4d8ca" i], [data-bg-color="#e6ece6" i],
  [data-bg-color="#ffffff" i], [data-bg-color="#fff" i]
) {
  --sahc-text: #403b37;
  --sahc-emphasis: #9d4a21;
  --sahc-link-hover: #803d1b;
}

/* The darkest neutral card needs deeper clay for normal-sized text. */
body:not(.wp-admin) .wpb_column[data-bg-color="#e4d8ca" i] {
  --sahc-emphasis: #803d1b;
  --sahc-link-hover: #4a1b0f;
}

/* Text links and unfilled calls to action. Product/cart buttons are excluded. */
body:not(.wp-admin) #ajax-content-wrap p a:not(.button):not(.nectar-button):not(.sah-footer-primary),
body:not(.wp-admin) #ajax-content-wrap .wpb_text_column a:not(.button):not(.nectar-button):not(.sah-footer-primary),
body:not(.wp-admin) .woocommerce-products-header .page-description a,
body:not(.wp-admin) .sah-valet-enquiry a,
body:not(.wp-admin) .sah-valet-send-in-instructions a {
  color: var(--sahc-emphasis) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px;
  text-underline-offset: .16em;
  border-bottom-color: var(--sahc-clay) !important;
}
body:not(.wp-admin) #ajax-content-wrap p a:not(.button):not(.nectar-button):not(.sah-footer-primary):hover,
body:not(.wp-admin) .woocommerce-products-header .page-description a:hover,
body:not(.wp-admin) .sah-valet-enquiry a:hover {
  color: var(--sahc-link-hover) !important;
}
body:not(.wp-admin) .nectar-cta[data-using-bg="false"] {
  --nectar-text-color: var(--sahc-emphasis) !important;
}
body:not(.wp-admin) .nectar-cta[data-using-bg="false"] .link_text {
  color: var(--sahc-emphasis) !important;
  border-color: var(--sahc-clay) !important;
}

/* Important labels, notes and service-price emphasis. */
body:not(.wp-admin) .sah-footer-kicker,
body:not(.wp-admin) .sah-google-reviews .sah-google-reviews-eyebrow,
body:not(.wp-admin) .sah-valet-eyebrow,
body:not(.wp-admin) #ajax-content-wrap .nectar-responsive-text[data-inherit-heading-family="h5"] p,
body:not(.wp-admin) .sah-valet-photo-note,
body:not(.wp-admin) .sah-valet-delivery-note,
body:not(.wp-admin) .sah-valet-service-card strong,
body:not(.wp-admin) .sah-valet-price-summary strong,
body:not(.wp-admin) .woocommerce-products-header .page-description strong {
  color: var(--sahc-emphasis) !important;
}

/* Existing Valet request boxes: light backgrounds and a consistent outline. */
body:not(.wp-admin) .sah-valet-booking,
body:not(.wp-admin) .sah-valet-enquiry,
body:not(.wp-admin) .sah-valet-service-card,
body:not(.wp-admin) .sah-valet-check,
body:not(.wp-admin) .sah-valet-send-in-instructions {
  --sahc-text: #403b37;
  --sahc-emphasis: #9d4a21;
  --sahc-link-hover: #803d1b;
}
body:not(.wp-admin) .sah-valet-booking,
body:not(.wp-admin) .sah-valet-enquiry,
body:not(.wp-admin) .sah-valet-service-card,
body:not(.wp-admin) .sah-valet-check,
body:not(.wp-admin) .sah-valet-price-summary,
body:not(.wp-admin) .sah-valet-send-in-instructions {
  border: 1px solid var(--sahc-clay) !important;
  color: var(--sahc-text) !important;
}
body:not(.wp-admin) .sah-valet-booking,
body:not(.wp-admin) .sah-valet-price-summary,
body:not(.wp-admin) .sah-valet-send-in-instructions {
  background-color: var(--sahc-ivory-deep) !important;
}
body:not(.wp-admin) .sah-valet-enquiry,
body:not(.wp-admin) .sah-valet-service-card,
body:not(.wp-admin) .sah-valet-check {
  background-color: var(--sahc-ivory) !important;
}
body:not(.wp-admin) .sah-valet-enquiry {
  border-left-width: 3px !important;
}
body:not(.wp-admin) .sah-valet-price-summary {
  --sahc-text: var(--sahc-gold-ink);
  --sahc-emphasis: var(--sahc-gold-clay);
  background-color: var(--sahc-gold) !important;
}
body:not(.wp-admin) .sah-valet-booking h2,
body:not(.wp-admin) .sah-valet-price-summary span {
  color: var(--sahc-text) !important;
}
body:not(.wp-admin) .sah-valet-price-summary .sah-valet-total {
  border-top-color: var(--sahc-clay) !important;
}
body:not(.wp-admin) .sah-valet-submit {
  background-color: var(--sahc-clay) !important;
  border-color: var(--sahc-clay) !important;
  color: var(--sahc-ivory) !important;
}
body:not(.wp-admin) .sah-valet-submit:hover {
  background-color: var(--sahc-clay-hover) !important;
  border-color: var(--sahc-clay-hover) !important;
}
body:not(.wp-admin) .sah-valet-submit:focus-visible {
  outline: 2px solid var(--sahc-clay-hover);
  outline-offset: 3px;
}

/* Sage trial A: the shop's ordering/consultation-help panel.
 * The pale tint retains >5:1 contrast for Terracotta text links.
 */
body:not(.wp-admin) .woocommerce-products-header .page-description,
body:not(.wp-admin) .sah-sage-guidance {
  --sahc-text: #403b37;
  --sahc-emphasis: #9d4a21;
  --sahc-link-hover: #803d1b;
  background-color: var(--sahc-sage-pale) !important;
  border: 1px solid var(--sahc-clay);
  padding: clamp(1rem, 2vw, 1.5rem);
  margin: 1rem 0 2rem;
  color: var(--sahc-text) !important;
}
body:not(.wp-admin) .woocommerce-products-header .page-description :is(h1, h2, h3, p) {
  color: var(--sahc-text) !important;
}

/* Sage trial B: only the Valet process row, not the footer with the same
 * old neutral colour. An explicit class is also supported for later trials.
 * Full Sage uses Deep Taupe type, as Terracotta is too low-contrast on it.
 */
body.page-id-3254 #ajax-content-wrap .container.main-content .wpb_row[style*="--row-bg-color"][style*="#f2ebe2" i],
body:not(.wp-admin) .wpb_row.sah-sage-process {
  --sahc-text: #403b37;
  --sahc-emphasis: #403b37;
  --sahc-link-hover: #211b18;
  --row-bg-color: var(--sahc-sage) !important;
  background-color: var(--sahc-sage) !important;
  color: var(--sahc-text) !important;
}
body.page-id-3254 #ajax-content-wrap .container.main-content .wpb_row[style*="--row-bg-color"][style*="#f2ebe2" i] > .row-bg-wrap > .inner-wrap > .row-bg,
body.page-id-3254 #ajax-content-wrap .container.main-content .wpb_row[style*="--row-bg-color"][style*="#f2ebe2" i] > .row-bg-wrap > .row-bg,
body:not(.wp-admin) .wpb_row.sah-sage-process > .row-bg-wrap > .inner-wrap > .row-bg,
body:not(.wp-admin) .wpb_row.sah-sage-process > .row-bg-wrap > .row-bg {
  background-color: var(--sahc-sage) !important;
}
body.page-id-3254 #ajax-content-wrap .container.main-content .wpb_row[style*="--row-bg-color"][style*="#f2ebe2" i] :is(h1, h2, h3, h4, h5, h6, p, li):not(.nectar-cta *):not(.button):not(.nectar-button):not(.sah-footer-primary),
body:not(.wp-admin) #ajax-content-wrap .wpb_row.sah-sage-process :is(h1, h2, h3, h4, h5, h6, p, li):not(.nectar-cta *):not(.button):not(.nectar-button):not(.sah-footer-primary) {
  color: var(--sahc-text) !important;
}
body.page-id-3254 #ajax-content-wrap .container.main-content .wpb_row[style*="--row-bg-color"][style*="#f2ebe2" i] a:not(.nectar-cta *):not(.button):not(.nectar-button):not(.sah-footer-primary),
body:not(.wp-admin) #ajax-content-wrap .wpb_row.sah-sage-process a:not(.nectar-cta *):not(.button):not(.nectar-button):not(.sah-footer-primary) {
  color: var(--sahc-emphasis) !important;
}
body.page-id-3254 #ajax-content-wrap .container.main-content .wpb_row[style*="--row-bg-color"][style*="#f2ebe2" i] a:not(.nectar-cta *):not(.button):not(.nectar-button):not(.sah-footer-primary):hover,
body:not(.wp-admin) #ajax-content-wrap .wpb_row.sah-sage-process a:not(.nectar-cta *):not(.button):not(.nectar-button):not(.sah-footer-primary):hover {
  color: var(--sahc-link-hover) !important;
}
body.page-id-3254 #ajax-content-wrap .container.main-content .wpb_row[style*="--row-bg-color"][style*="#f2ebe2" i] a,
body:not(.wp-admin) #ajax-content-wrap .wpb_row.sah-sage-process a {
  text-decoration: underline;
  text-underline-offset: .16em;
}