/* =========================================================
   MasterPalm Patch 285 — Product detail active-tab contrast

   Loaded after Patch 284. The MasterPalm light-theme stylesheet
   can otherwise override the checked product tab with pale red
   and red text. Active product tabs must use solid MasterPalm red
   with white copy/icons for WCAG-friendly contrast.
========================================================= */

body.site-masterpalm #site-main .mp-product-tabs #mp-tab-overview:checked ~ .mp-tab-labels label[for="mp-tab-overview"],
body.site-masterpalm #site-main .mp-product-tabs #mp-tab-specs:checked ~ .mp-tab-labels label[for="mp-tab-specs"],
body.site-masterpalm #site-main .mp-product-tabs #mp-tab-features:checked ~ .mp-tab-labels label[for="mp-tab-features"],
body.site-masterpalm #site-main .mp-product-tabs #mp-tab-downloads:checked ~ .mp-tab-labels label[for="mp-tab-downloads"],
body.masterpalm-theme #site-main .mp-product-tabs #mp-tab-overview:checked ~ .mp-tab-labels label[for="mp-tab-overview"],
body.masterpalm-theme #site-main .mp-product-tabs #mp-tab-specs:checked ~ .mp-tab-labels label[for="mp-tab-specs"],
body.masterpalm-theme #site-main .mp-product-tabs #mp-tab-features:checked ~ .mp-tab-labels label[for="mp-tab-features"],
body.masterpalm-theme #site-main .mp-product-tabs #mp-tab-downloads:checked ~ .mp-tab-labels label[for="mp-tab-downloads"] {
  background: #B8001F !important;
  background-image: linear-gradient(180deg, #B8001F 0%, #B8001F 100%) !important;
  border-color: #B8001F !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}

body.site-masterpalm #site-main .mp-product-tabs #mp-tab-overview:checked ~ .mp-tab-labels label[for="mp-tab-overview"] *,
body.site-masterpalm #site-main .mp-product-tabs #mp-tab-specs:checked ~ .mp-tab-labels label[for="mp-tab-specs"] *,
body.site-masterpalm #site-main .mp-product-tabs #mp-tab-features:checked ~ .mp-tab-labels label[for="mp-tab-features"] *,
body.site-masterpalm #site-main .mp-product-tabs #mp-tab-downloads:checked ~ .mp-tab-labels label[for="mp-tab-downloads"] *,
body.masterpalm-theme #site-main .mp-product-tabs #mp-tab-overview:checked ~ .mp-tab-labels label[for="mp-tab-overview"] *,
body.masterpalm-theme #site-main .mp-product-tabs #mp-tab-specs:checked ~ .mp-tab-labels label[for="mp-tab-specs"] *,
body.masterpalm-theme #site-main .mp-product-tabs #mp-tab-features:checked ~ .mp-tab-labels label[for="mp-tab-features"] *,
body.masterpalm-theme #site-main .mp-product-tabs #mp-tab-downloads:checked ~ .mp-tab-labels label[for="mp-tab-downloads"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Keep the active state unchanged on hover/focus. */
body.site-masterpalm #site-main .mp-product-tabs .mp-tab-labels label:focus-visible {
  outline: 3px solid rgba(184, 0, 31, .28) !important;
  outline-offset: 2px !important;
}

/* Bootstrap-style product tabs, where used by another product template. */
body.site-masterpalm #site-main .product-tabs .nav-tabs .nav-link.active,
body.site-masterpalm #site-main .product-detail-tabs .nav-tabs .nav-link.active,
body.masterpalm-theme #site-main .product-tabs .nav-tabs .nav-link.active,
body.masterpalm-theme #site-main .product-detail-tabs .nav-tabs .nav-link.active {
  background: #B8001F !important;
  border-color: #B8001F !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.site-masterpalm #site-main .product-tabs .nav-tabs .nav-link.active *,
body.site-masterpalm #site-main .product-detail-tabs .nav-tabs .nav-link.active *,
body.masterpalm-theme #site-main .product-tabs .nav-tabs .nav-link.active *,
body.masterpalm-theme #site-main .product-detail-tabs .nav-tabs .nav-link.active * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}