/* MyTCRPlus SHOP -- dark instrument-dark restyle of WooCommerce/Elementor
   Loaded last (priority 999) so it wins regardless of Elementor Kit / theme CSS. */

:root {
  --sd-black: #000000;
  --sd-bg: #0c0c0c;
  --sd-plate: #161616;
  --sd-accent: #76B900;
  --sd-accent-on: #0A0A0A;
  --sd-ink: #ffffff;
  --accent: #76B900 !important;
  --sd-muted: #a7a7a7;
  --sd-border: rgba(255,255,255,.20);
  --sd-border-soft: rgba(255,255,255,.10);
  --sd-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --sd-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --sd-radius-md: 4px;
  --sd-radius-xl: 16px;
}

/* base canvas */
body.woocommerce-page,
body.woocommerce-account,
body.woocommerce-cart,
body.woocommerce-checkout,
body.single-product {
  background-color: var(--sd-bg) !important;
  color: var(--sd-ink) !important;
}
.woocommerce, .woocommerce * { color: inherit; }
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4 { color: var(--sd-ink) !important; }
.woocommerce p, .woocommerce label { color: var(--sd-muted); }

/* shop archive grid */
.woocommerce ul.products li.product {
  background-color: var(--sd-plate) !important;
  border: 1px solid var(--sd-border) !important;
  border-radius: var(--sd-radius-xl) !important;
  padding: 0 0 16px !important;
  overflow: hidden;
  box-shadow: none !important;
  transition: border-color .15s, transform .15s;
}
.woocommerce ul.products li.product:hover {
  border-color: rgba(255,255,255,.40) !important;
  transform: translateY(-2px);
}
.woocommerce ul.products li.product img {
  background-color: #ffffff !important;
  border-radius: 0 !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--sd-ink) !important;
  font-family: var(--sd-sans);
  font-weight: 700;
  padding: 0 16px;
  margin-top: 12px;
}
.woocommerce ul.products li.product .price {
  padding: 0 16px;
  color: var(--sd-accent) !important;
  font-family: var(--sd-mono);
}
.woocommerce ul.products li.product .price del { color: var(--sd-muted) !important; opacity: .6; }
.woocommerce ul.products li.product .price ins { color: var(--sd-accent) !important; text-decoration: none; }
.woocommerce span.onsale {
  background-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
  font-family: var(--sd-mono);
  font-weight: 700;
  border-radius: var(--sd-radius-md) !important;
  top: 12px; right: 12px; left: auto;
}

/* buttons */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.checkout-button,
.woocommerce .wc-proceed-to-checkout a.checkout-button {
  background-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
  border: 1px solid var(--sd-accent) !important;
  border-radius: var(--sd-radius-md) !important;
  font-family: var(--sd-mono);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
  box-shadow: none !important;
  transition: filter .15s;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  filter: brightness(1.1);
  background-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
}
.woocommerce a.added_to_cart {
  color: var(--sd-accent) !important;
  font-family: var(--sd-mono);
}

/* single product page */
.woocommerce div.product .woocommerce-tabs { border-color: var(--sd-border) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border-color: var(--sd-border) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: var(--sd-bg) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--sd-muted) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--sd-accent) !important; }
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: var(--sd-accent) !important;
  font-family: var(--sd-mono);
}
.woocommerce .star-rating span:before { color: var(--sd-accent) !important; }
.woocommerce .star-rating:before { color: var(--sd-border) !important; }

/* quantity input */
.woocommerce .quantity input.qty {
  background-color: var(--sd-plate) !important;
  border: 1px solid var(--sd-border) !important;
  color: var(--sd-ink) !important;
  border-radius: var(--sd-radius-md) !important;
}

/* tables */
.woocommerce table.shop_table {
  border: 1px solid var(--sd-border) !important;
  border-radius: var(--sd-radius-xl) !important;
  overflow: hidden;
  background-color: var(--sd-plate) !important;
}
.woocommerce table.shop_table th {
  background-color: var(--sd-bg) !important;
  color: var(--sd-muted) !important;
  border-bottom: 1px solid var(--sd-border) !important;
  font-family: var(--sd-mono);
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: .06em;
}
.woocommerce table.shop_table td {
  border-top: 1px solid var(--sd-border-soft) !important;
  color: var(--sd-ink) !important;
}
.woocommerce table.shop_table .product-price, .woocommerce table.shop_table .product-subtotal,
.woocommerce table.shop_table .amount {
  color: var(--sd-accent) !important;
  font-family: var(--sd-mono);
}
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout-review-order {
  background-color: var(--sd-plate) !important;
  border: 1px solid var(--sd-border) !important;
  border-radius: var(--sd-radius-xl) !important;
  padding: 20px !important;
}
.woocommerce-cart .cart-collaterals .cart_totals th,
.woocommerce-cart .cart-collaterals .cart_totals td { border-color: var(--sd-border-soft) !important; }

/* forms */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-checkout select,
.select2-container--default .select2-selection--single {
  background-color: var(--sd-plate) !important;
  border: 1px solid var(--sd-border) !important;
  color: var(--sd-ink) !important;
  border-radius: var(--sd-radius-md) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--sd-ink) !important; }
.select2-dropdown { background-color: var(--sd-plate) !important; border-color: var(--sd-border) !important; }
.select2-results__option { color: var(--sd-ink) !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
}

/* notices */
.woocommerce-message, .woocommerce-info {
  background-color: #0d1a00 !important;
  border-top-color: var(--sd-accent) !important;
  color: #dafb7d !important;
}
.woocommerce-error {
  background-color: #2d0100 !important;
  border-top-color: #e52020 !important;
  color: #ffe9e9 !important;
}
.woocommerce-message::before, .woocommerce-info::before { color: var(--sd-accent) !important; }
.woocommerce-error::before { color: #ff9a9a !important; }

/* pagination, sorting, result count */
.woocommerce-result-count, .woocommerce-ordering select { color: var(--sd-muted) !important; }
.woocommerce-ordering select {
  background-color: var(--sd-plate) !important;
  border: 1px solid var(--sd-border) !important;
}
.woocommerce nav.woocommerce-pagination ul { border-color: var(--sd-border) !important; }
.woocommerce nav.woocommerce-pagination ul li { border-color: var(--sd-border) !important; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background-color: var(--sd-plate) !important;
  color: var(--sd-ink) !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
}

/* sidebar widgets */
.widget_price_filter .price_slider_amount .button { background-color: var(--sd-accent) !important; color: var(--sd-accent-on) !important; }
.widget_price_filter .ui-slider .ui-slider-range { background-color: var(--sd-accent) !important; }
.widget_price_filter .ui-slider .ui-slider-handle { border-color: var(--sd-accent) !important; }
.woocommerce-widget-layered-nav-list a { color: var(--sd-muted) !important; }
.woocommerce-widget-layered-nav-list a:hover { color: var(--sd-accent) !important; }

/* breadcrumb */
.woocommerce-breadcrumb { color: var(--sd-muted) !important; }
.woocommerce-breadcrumb a { color: var(--sd-muted) !important; }
.woocommerce-breadcrumb a:hover { color: var(--sd-accent) !important; }

/* my-account dashboard */
.woocommerce-MyAccount-navigation ul { border-color: var(--sd-border) !important; }
.woocommerce-MyAccount-navigation ul li { border-bottom: 1px solid var(--sd-border-soft) !important; }
.woocommerce-MyAccount-navigation ul li a { color: var(--sd-muted) !important; }
.woocommerce-MyAccount-navigation ul li.is-active a { color: var(--sd-accent) !important; }
.woocommerce-MyAccount-content { color: var(--sd-ink) !important; }

::selection { background: var(--sd-accent); color: var(--sd-accent-on); }


/* --- follow-up fixes: real leaf price element + Elementor global header --- */

/* the visible price text lives in .woocommerce-Price-amount.amount, not on
   .price/.ins/.del directly -- target it explicitly so nothing falls through */
.woocommerce .price .woocommerce-Price-amount.amount {
  color: var(--sd-accent) !important;
}
.woocommerce .price del .woocommerce-Price-amount.amount {
  color: var(--sd-muted) !important;
  opacity: .6;
}
.woocommerce .price ins .woocommerce-Price-amount.amount {
  color: var(--sd-accent) !important;
  text-decoration: none;
}

/* Elementor global site header (shared template, lives outside .woocommerce
   entirely -- covers every page of the shop, not just archive/product) */
.elementor-location-header {
  background-color: var(--sd-bg) !important;
}
.elementor-location-header,
.elementor-location-header .elementor-widget-container,
.elementor-location-header p,
.elementor-location-header span {
  color: var(--sd-ink) !important;
}
.elementor-location-header a {
  color: var(--sd-ink) !important;
}
.elementor-location-header a:hover {
  color: var(--sd-accent) !important;
}
.elementor-location-header .elementor-button,
.elementor-location-header a.elementor-button,
.elementor-location-header .elementor-button-link {
  background-color: var(--sd-accent) !important;
  border-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
  font-family: var(--sd-mono);
  font-weight: 700;
  border-radius: var(--sd-radius-md) !important;
}
.elementor-location-header .elementor-button:hover,
.elementor-location-header a.elementor-button:hover {
  filter: brightness(1.1);
  background-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
}
.elementor-location-header svg,
.elementor-location-header .eicon-menu-bar { color: var(--sd-ink) !important; fill: var(--sd-ink) !important; }


/* --- follow-up fix: legacy embedded header widget (#mytcr-enterprise-header)
   ships its own inline <style> with class/ID !important rules using the old
   orange/white brutalist brand. Prefix with body/html to guarantee our
   selectors win on specificity regardless of source order. --- */
body #mytcr-enterprise-header { background-color: var(--sd-bg) !important; }
body .nb-topbar { background-color: var(--sd-bg) !important; }
body .nb-nav { background-color: var(--sd-bg) !important; border-bottom-color: var(--sd-border) !important; }
body .nb-logo-mark { background-color: var(--sd-accent) !important; border-color: var(--sd-accent) !important; color: var(--sd-accent-on) !important; }
body .nb-logo-text { color: var(--sd-ink) !important; }
body .nb-nav-link { color: var(--sd-ink) !important; }
body .nb-nav-link:hover { color: var(--sd-accent) !important; }
body .nb-nav-link::after { background: var(--sd-accent) !important; }
body .nb-nav-btn { color: var(--sd-ink) !important; }
body .nb-nav-btn:hover { color: var(--sd-accent) !important; }
body .nb-nav-btn::after { background: var(--sd-accent) !important; }
body .nb-mega { background-color: var(--sd-plate) !important; border-color: var(--sd-border) !important; box-shadow: none !important; }
body .nb-topbar a:hover { color: var(--sd-accent) !important; }
body .nb-pulse { background-color: var(--sd-accent) !important; }
body .nb-cta {
  background-color: var(--sd-accent) !important;
  border-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
}
body .nb-cta:hover { filter: brightness(1.1); }


/* --- follow-up fix: mobile off-canvas menu (#nb-mobile-menu, .nb-mobile) --- */
body #nb-mobile-menu,
body .nb-mobile {
  background-color: var(--sd-bg) !important;
}
body #nb-mobile-menu a,
body .nb-mobile a {
  color: var(--sd-ink) !important;
  border-color: var(--sd-border) !important;
}
body #nb-mobile-menu a:hover,
body .nb-mobile a:hover {
  color: var(--sd-accent) !important;
}
body #nb-mobile-menu input,
body #nb-mobile-menu select,
body #nb-mobile-menu textarea,
body .nb-mobile input,
body .nb-mobile select {
  background-color: var(--sd-plate) !important;
  border-color: var(--sd-border) !important;
  color: var(--sd-ink) !important;
}
body .nb-mobile-cta {
  background-color: var(--sd-accent) !important;
  border-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
}
body .nb-mobile-cta:hover { filter: brightness(1.1); }
body #nb-mobile-menu svg,
body .nb-mobile svg { color: var(--sd-ink) !important; fill: var(--sd-ink) !important; }


/* --- follow-up fix: WooCommerce BLOCKS cart/checkout (Gutenberg-based,
   entirely separate markup/class family from classic .woocommerce selectors
   above -- this site's cart/checkout use these, not the shortcode markup) --- */
.wc-block-cart, .wc-block-checkout,
.wc-block-components-sidebar-layout {
  background-color: transparent !important;
  color: var(--sd-ink) !important;
}
.wc-block-cart .wc-block-components-panel,
.wc-block-cart .wc-block-cart-items,
.wc-block-cart .wc-block-components-totals-wrapper,
.wc-block-cart .wc-block-components-sidebar,
.wc-block-checkout .wc-block-components-panel,
.wc-block-checkout .wc-block-components-address-form,
.wc-block-checkout .wc-block-components-order-summary,
.wc-block-checkout .wc-block-components-totals-wrapper,
.wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-checkout-payment-block,
.wp-block-woocommerce-checkout-fields-block {
  background-color: var(--sd-plate) !important;
  border-color: var(--sd-border) !important;
  color: var(--sd-ink) !important;
  border-radius: var(--sd-radius-xl) !important;
}
.wc-block-components-product-name {
  color: var(--sd-ink) !important;
}
.wc-block-components-product-price,
.wc-block-components-totals-item__value,
.wc-block-components-formatted-money-amount {
  color: var(--sd-accent) !important;
  font-family: var(--sd-mono);
}
.wc-block-components-quantity-selector,
.wc-block-components-quantity-selector__input {
  background-color: var(--sd-bg) !important;
  border-color: var(--sd-border) !important;
  color: var(--sd-ink) !important;
}
.wc-block-components-quantity-selector__button {
  background-color: transparent !important;
  color: var(--sd-ink) !important;
}
.wc-block-components-button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
  background-color: var(--sd-accent) !important;
  border-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
  font-family: var(--sd-mono);
  font-weight: 700;
  border-radius: var(--sd-radius-md) !important;
}
.wc-block-components-button:hover {
  filter: brightness(1.1);
  background-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
}
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-select-input select,
.wc-block-components-combobox input {
  background-color: var(--sd-bg) !important;
  border-color: var(--sd-border) !important;
  color: var(--sd-ink) !important;
}
.wc-block-components-text-input label,
.wc-block-components-radio-control label,
.wc-block-checkout label {
  color: var(--sd-muted) !important;
}
.wc-block-components-panel__button {
  color: var(--sd-ink) !important;
}
.wc-block-components-shipping-rates-control__package,
.wc-block-components-radio-control-accordion-option {
  background-color: var(--sd-bg) !important;
  border-color: var(--sd-border) !important;
  color: var(--sd-ink) !important;
}
.wc-block-cart-item__total,
.wc-block-cart-item__prices,
.wc-block-components-totals-footer-item { color: var(--sd-ink) !important; }
.wc-block-components-totals-coupon__button { color: var(--sd-accent) !important; }
.wc-block-components-radio-control__option-checked { border-color: var(--sd-accent) !important; }


/* --- follow-up fix #2: block cart/checkout losing specificity ties --
   prefix with body to guarantee our rules win. --- */
body .wc-block-components-product-name { color: var(--sd-ink) !important; }
body .wc-block-cart__submit-button,
body .wc-block-components-checkout-place-order-button,
body .wp-element-button.wc-block-cart__submit-button {
  background-color: var(--sd-accent) !important;
  border-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
}
body .wc-block-cart__submit-button:hover { filter: brightness(1.1); }
body .wc-block-cart__totals-title,
body .wc-block-components-totals-wrapper h2,
body .wc-block-components-totals-wrapper h3 { color: var(--sd-ink) !important; }


/* --- follow-up fix #3: desktop nav uses a compound selector
   (.nb-desktop-links .nb-cta) with 2 classes, beating our single-class
   body-prefixed rule on specificity. Match/exceed it directly. --- */
body .nb-desktop-links .nb-cta,
body .nb-nav-inner .nb-cta,
body .nb-nav .nb-cta {
  background-color: var(--sd-accent) !important;
  border-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
}
body .nb-desktop-links .nb-cta:hover { filter: brightness(1.1); }
body .nb-desktop-links .nb-nav-link,
body .nb-nav-inner .nb-nav-link,
body .nb-desktop-links a {
  color: var(--sd-ink) !important;
}
body .nb-desktop-links .nb-nav-link:hover,
body .nb-desktop-links a:hover {
  color: var(--sd-accent) !important;
}


/* --- follow-up fix #4: the ACTUAL competing rule is ID+class compound
   (#mytcr-enterprise-header .nb-cta etc.), which beats every selector tried
   so far. Match the exact ID prefix, adding body for a guaranteed edge. --- */
body #mytcr-enterprise-header .nb-cta {
  background-color: var(--sd-accent) !important;
  border-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
}
body #mytcr-enterprise-header .nb-cta:hover { filter: brightness(1.1); }
body #mytcr-enterprise-header .nb-nav-link,
body #mytcr-enterprise-header .nb-desktop-links a {
  color: var(--sd-ink) !important;
}
body #mytcr-enterprise-header .nb-nav-link:hover,
body #mytcr-enterprise-header .nb-desktop-links a:hover {
  color: var(--sd-accent) !important;
}
body #mytcr-enterprise-header .nb-nav-btn { color: var(--sd-ink) !important; }
body #mytcr-enterprise-header .nb-nav-btn:hover { color: var(--sd-accent) !important; }
body #mytcr-enterprise-header .nb-logo-mark {
  background-color: var(--sd-accent) !important;
  border-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
}
body #mytcr-enterprise-header .nb-logo-text { color: var(--sd-ink) !important; }
body #mytcr-enterprise-header .nb-mega {
  background-color: var(--sd-plate) !important;
  border-color: var(--sd-border) !important;
  box-shadow: none !important;
}
body #mytcr-enterprise-header .nb-nav {
  background-color: var(--sd-bg) !important;
  border-bottom-color: var(--sd-border) !important;
}
body #mytcr-enterprise-header .nb-topbar { background-color: var(--sd-bg) !important; }
body #mytcr-enterprise-header .nb-topbar a:hover { color: var(--sd-accent) !important; }
body #mytcr-enterprise-header .nb-pulse { background-color: var(--sd-accent) !important; }


/* --- follow-up fix #5: a separate inline snippet defines its OWN --ink
   variable (resolving to #111111, dark) consumed by
   .wc-block-cart-items .wc-block-components-product-name and possibly
   others. Redefine the variable itself at :root -- cascades everywhere
   it's used, cheaper than chasing each selector individually. --- */
:root {
  --ink: #ffffff !important;
}
body .wc-block-cart-items .wc-block-components-product-name,
body .wc-block-checkout .wc-block-components-product-name {
  color: var(--sd-ink) !important;
}


/* --- follow-up fix #8: the shop's wp-custom-css (WordPress Customizer "Additional
   CSS") is a <style> block that appears in the HTML <head> AFTER our <link> tag.
   Equal-specificity !important rules in that later block win on source order, so
   --paper:#fff lands on product-card backgrounds while --ink:#fff (set above) is
   used as text → white-on-white.

   Two-part fix:
   (a) Redefine --paper on body scope — body.woocommerce-page has specificity
       (0,1,1) which beats :root (0,0,1), so this wins regardless of source order.
   (b) Prefix card/button/hover selectors with body.woocommerce-page to raise
       specificity from (0,3,2) to (0,4,3), outweighing the Customizer rules even
       when they appear later in the HTML. --- */

body.woocommerce-page,
body.woocommerce-account,
body.woocommerce-cart,
body.woocommerce-checkout,
body.single-product {
  --paper: #161616;   /* = sd-plate; backgrounds that use var(--paper) go dark */
  --wash:  #1e1e1e;   /* dark substitute for off-white image-area backgrounds */
}

/* card container */
body.woocommerce-page .woocommerce ul.products li.product,
body.woocommerce-page .woocommerce-page ul.products li.product,
body.woocommerce-account .woocommerce ul.products li.product,
body.woocommerce-cart .woocommerce ul.products li.product,
body.single-product .woocommerce ul.products li.product {
  background: var(--sd-plate) !important;
  border: 1px solid var(--sd-border) !important;
  border-radius: var(--sd-radius-xl) !important;
  box-shadow: none !important;
}

/* card hover */
body.woocommerce-page .woocommerce ul.products li.product:hover,
body.woocommerce-page .woocommerce-page ul.products li.product:hover {
  transform: translateY(-2px) !important;
  box-shadow: none !important;
  border-color: rgba(255,255,255,.40) !important;
}

/* product image area */
body.woocommerce-page .woocommerce ul.products li.product a img,
body.woocommerce-page .woocommerce-page ul.products li.product a img {
  background: #ffffff !important;
  border-bottom: 1px solid var(--sd-border) !important;
}

/* product title */
body.woocommerce-page .woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page .woocommerce-page ul.products li.product .woocommerce-loop-product__title,
body.single-product .woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--sd-ink) !important;
}

/* price */
body.woocommerce-page .woocommerce ul.products li.product .price,
body.woocommerce-page .woocommerce-page ul.products li.product .price {
  color: var(--sd-accent) !important;
}

/* add-to-cart button */
body.woocommerce-page .woocommerce ul.products li.product .button,
body.woocommerce-page .woocommerce-page ul.products li.product .button {
  background-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
  border: none !important;
  border-top: 1px solid var(--sd-border) !important;
  border-radius: 0 !important;
}

body.woocommerce-page .woocommerce ul.products li.product .button:hover,
body.woocommerce-page .woocommerce-page ul.products li.product .button:hover {
  background-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
  filter: brightness(1.1);
  box-shadow: none !important;
}


/* --- follow-up fix #6: shared footer promo band ("Eliminate TCR Rejection
   Risk Today") uses Tailwind arbitrary-value classes with the ! important
   modifier baked in (e.g. !bg-[#FF5518]), which are hard to target reliably
   by class name. Target by href instead -- stable regardless of markup. --- */
body a[href*="rejection-remediation-tool"] {
  background-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
  box-shadow: none !important;
}
body a[href*="rejection-remediation-tool"]:hover {
  filter: brightness(1.1);
  background-color: var(--sd-accent) !important;
}
/* the secondary "Browse Resources" button and the gradient divider bar above
   the promo section, plus the section's own background */
body section:has(> div > h2:contains("Eliminate")) { background-color: var(--sd-bg) !important; }


/* --- follow-up fix #7: newsletter "GET COMPLIANCE UPDATES" button, same
   Tailwind arbitrary-value pattern, no stable href to key off -- use
   :has() on its form context instead. --- */
body form:has(input[placeholder*="work email" i]) button {
  background-color: var(--sd-accent) !important;
  color: var(--sd-accent-on) !important;
  outline-color: var(--sd-accent) !important;
}
body form:has(input[placeholder*="work email" i]) button:hover {
  filter: brightness(1.1);
  background-color: var(--sd-accent) !important;
}
body form:has(input[placeholder*="work email" i]) input {
  background-color: var(--sd-plate) !important;
  border-color: var(--sd-border) !important;
  color: var(--sd-ink) !important;
}