/* National Day Calendar - storefront fixes */
/* 1. The website runs in dark mode and its paragraph color leaks into the
      light-themed store, making body copy nearly invisible. */
.ec-store {
  color: #191919;
}

.ec-store p {
  color: inherit !important;
}

/* 2. ON SALE badge was white on #FE9800 (2.2:1 contrast, fails WCAG).
      Brand red matches DEAL and STEAL - red always means "you save". */
.ec-store .ec-label.label--notice,
.ec-store .grid-product__label--notice {
  background-color: #C8102E !important;
}

/* 3. Size-chart tables in product descriptions. The storefront stylesheet zeroes
   out cell padding and borders, so legacy table attributes render as run-together
   text. These rules make any description table readable. */
.ec-store .product-details__product-description table {
  border-collapse: collapse;
  margin: 10px 0;
}

.ec-store .product-details__product-description th,
.ec-store .product-details__product-description td {
  border: 1px solid #d5d5d5;
  padding: 5px 9px;
  text-align: left;
}

.ec-store h1, .ec-store h2, .ec-store h3, .ec-store h4, .ec-store h5, .ec-store h6 {
  color: inherit !important;
}

/* 4. Bulleted lists: the site's dark-mode li color made every list near-white on cream. */
.ec-store li {
  color: inherit !important;
}

/* 5. Native size chart pop-up table. */
.ec-store .size-chart--content table {
  border-collapse: collapse !important;
  margin: 10px 0;
}

.ec-store .size-chart--content th, .ec-store .size-chart--content td {
  border: 1px solid #d5d5d5 !important;
  padding: 6px 12px !important;
  text-align: left;
}