/* ===============================================
   Carbona — Accessibility Fixes (WCAG 2.2 AA)
   Variant: Breadcrumbs visible to screen readers only (Option A)
   Last updated: 2026-02-24
   Notes: Load this file LAST after all theme/plugin CSS.
   =============================================== */

/* 1) Restore visible focus (SC 2.4.7) */
a:focus { outline: revert !important; }
:focus-visible { outline: 3px solid #1863DC; outline-offset: 2px; }

/* 2) Breadcrumbs — screen reader only (SC 2.4.1 / 2.4.8) */
/* Keep in the DOM and accessible to AT; visually hide only */
.woocommerce-breadcrumb {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: normal !important; /* allow multi-line for SR */
}

/* 3) Brand Pink (#D80274) — passes AA with white text; optional hover shade */
:root { --brand-magenta-aa: #D80274; }

.btn,
.btn-text-link,
.product__carousel .swiper-button-white,
#wpgs-gallery .wcgs-spswiper-arrow,
.carbona-opmyl .btn {
  background-color: var(--brand-magenta-aa) !important;
  color: #FFFFFF !important;
}

/* Optional hover: slightly deeper, still on-brand */
.btn:hover,
.btn-text-link:hover,
.product__carousel .swiper-button-white:hover,
#wpgs-gallery .wcgs-spswiper-arrow:hover,
.carbona-opmyl .btn:hover {
  background-color: #C00066 !important;
  color: #FFFFFF !important;
}

/* 4) Non-text contrast improvements (SC 1.4.11) */
.loadbar-container-v3 .path { stroke: #7A7A7A !important; }
.loadbar-container-v3 .loading-hint { background: #7A7A7A !important; }
.wpcf7 form.invalid .wpcf7-response-output { border-color: #C88600 !important; }

/* 5) Primary action visibility on PDP */
.product-info .btn.btn-primary { display: inline-block !important; }
.js-has-replacement .product-info .btn.btn-primary { display: none !important; }

/* 6) Keep two-column PDP on desktop (overrides main.css expansion) */
@media (min-width: 900px) {
  .single-product .wpbforwpbakery-woo-template-builder div.images,
  .single-product .wpbforwpbakery_single_product.product div.images {
    width: 50% !important;
  }
  .single-product .product .summary { width: 50%; }
}

/* 7) Orientation & sorting visible on desktop */
.owp-product-nav-wrap { display: block !important; }
@media (max-width: 767px){ .owp-product-nav-wrap { display: none !important; } }

.wpbforwpbakery_archive_product > .woocommerce-result-count,
.wpbforwpbakery_archive_product > .woocommerce-ordering { display: block !important; }
@media (max-width: 767px){
  .wpbforwpbakery_archive_product > .woocommerce-result-count,
  .wpbforwpbakery_archive_product > .woocommerce-ordering { display: none !important; }
}

/* 8) Social share: visible keyboard focus & stronger hover */
.wpbforwpbakerypro_product_social_share a:focus-visible { outline: 3px solid #1863DC; outline-offset: 3px; }
.wpbforwpbakerypro_product_social_share ul li a { color: #5B5B5B; }
.wpbforwpbakerypro_product_social_share ul li a:hover { color: #003B71; }