/* SST Site Polish · fixes for pages outside Quick Order (2026-10-13 site audit, group A "looks broken").
   Printed in wp_footer at priority 10, after theme and plugin CSS. */

/* A1) 404 "Back to home" button: label was magenta on magenta (theme link colour wins over .sst-button). */
.error404 a.sst-button,
.error404 a.sst-button:visited { color: #fff !important; }
.error404 a.sst-button:hover,
.error404 a.sst-button:focus-visible { color: #fff !important; }

/* A2) Blog "Browse the Back order tab →" CTA: .sst-article-content a{color:accent} beat .sst-bo-cta__btn{color:#fff}. */
.sst-article-content a.sst-bo-cta__btn,
.sst-article-content a.sst-bo-cta__btn:visited,
.sst-article-content a.sst-bo-cta__btn:hover,
.sst-article-content a.sst-bo-cta__btn:focus-visible { color: #fff; text-decoration: none; }

/* A3) Add-to-cart buttons that cannot be used (sold-out variation selected / nothing selected) looked fully active. */
.single_add_to_cart_button.disabled,
.single_add_to_cart_button.wc-variation-is-unavailable,
.single_add_to_cart_button.wc-variation-selection-needed,
.sst-sticky-cart__btn[disabled] {
  background: #d9d3d6 !important;
  border-color: #d9d3d6 !important;
  color: #6b6268 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
html[data-sst-theme="dark"] .single_add_to_cart_button.disabled,
html[data-sst-theme="dark"] .single_add_to_cart_button.wc-variation-is-unavailable,
html[data-sst-theme="dark"] .single_add_to_cart_button.wc-variation-selection-needed,
html[data-sst-theme="dark"] .sst-sticky-cart__btn[disabled] {
  background: #2e2e32 !important;
  border-color: #3a3a40 !important;
  color: #8a8a90 !important;
}

/* A4) Weekly ranking: wpautop left a <p> holding an empty <a class="rank-card"> before every real card, and <br>
       between router links. Each took a grid cell, so the grids looked like a checkerboard. Hide only those leftovers. */
.rank-grid > p:not(:has(a.rank-card > *)):not(:has(img)) { display: none !important; }
.rank-grid > br,
.sst-commerce-router__grid > br { display: none !important; }
a.rank-card:empty { display: none !important; }

/* A5) Closed cart drawer sat exactly at the right edge and its shadow bled ~20px into every page as a grey band. */
#sst-cart-drawer[aria-hidden="true"] { box-shadow: none !important; }

/* A6) pagination moved under the grid by site.js: give it room from the last card row and the SEO block below */
.sst-sitepl-pagination { margin: 24px 0 40px !important; }