/* ==========================================================================
   1. RESET & BASE
   Note: this stylesheet must win over shop-1.css / shop.css (WooCommerce's
   own generated CSS, which ships ~126 !important rules) when both are
   loaded on the real page. Every selector below is scoped under the
   #wp--skip-link--target id so its specificity always beats shop-1.css's
   class-only selectors regardless of link order; declarations that
   shop-1.css sets with !important are matched with !important here too.
   Load order in shop-simplified.html: shop-1.css first, shop-reskin.css last.
   ========================================================================== */
:root {
  --bg: #ffffff;
  --surface: #f9f9f8;
  --surface-200: #f6f5f4;
  --fg: #191918;
  --muted: #78736f;
  --muted-600: #615d59;
  --border: #dfdcd9;
  --border-400: #a39e98;
  --accent-100: oklch(98% 0.015 96);
  --accent-300: oklch(90% 0.055 90);
  --accent-500: oklch(76% 0.105 81);
  --accent-600: oklch(69.9% 0.130 77);
  --accent-700: oklch(60% 0.125 75);
  --accent-800: oklch(50% 0.115 73);
  --font-body: "Helvetica Neue", system-ui, sans-serif;
}

#wp--skip-link--target * {
  box-sizing: border-box !important;
}

#wp--skip-link--target {
  background: var(--bg);
  max-width: 100%;
  padding: 1.5rem 1rem;
}

/* Wildcard font reset above clobbers WooCommerce's icon font on star
   ratings, so restore it here (higher specificity wins over the reset). */
#wp--skip-link--target .star-rating,
#wp--skip-link--target .wc-block-grid__product-rating__stars,
#wp--skip-link--target .wc-block-product-review-rating__stars {
  font-family: WooCommerce !important;
  font-size: 18px !important;
}

#wp--skip-link--target .star-rating:before,
#wp--skip-link--target .wc-block-grid__product-rating__stars:before,
#wp--skip-link--target .wc-block-product-review-rating__stars:before {
  font-family: WooCommerce !important;
  color: #e0e0e0 !important;
  opacity: 1 !important;
}

#wp--skip-link--target .star-rating span:before,
#wp--skip-link--target .wc-block-grid__product-rating__stars span:before,
#wp--skip-link--target .wc-block-product-review-rating__stars span:before {
  font-family: WooCommerce !important;
  color: #f2b200 !important;
}

#wp--skip-link--target a {
  color: inherit;
  text-decoration: none;
}

/* Single focus indicator: suppress the default :focus ring so only
   :focus-visible's outline shows (fixes the "2 borders" — a border-color
   change plus a separate default focus outline stacking on the same
   element). */
#wp--skip-link--target input:focus,
#wp--skip-link--target button:focus,
#wp--skip-link--target select:focus,
#wp--skip-link--target a:focus,
#wp--skip-link--target [tabindex]:focus {
  outline: none;
}

#wp--skip-link--target :focus-visible {
  outline: 2px solid var(--accent-600);
  outline-offset: 2px;
  border-radius: 4px;
}

/* ==========================================================================
   2. COMPONENTS

   Layout (.archive-product-layout split, query title, toolbar) moved to
   archive-product-list-reskin.css. Filters moved to
   archive-product-filter-reskin.css. Grid/cards/pagination moved to
   product-grid-reskin.css + product-card-reskin.css (those two are also
   enqueued on the homepage, scoped under .wp-block-woocommerce-product-collection).
   ========================================================================== */

/* --- Breadcrumb --- */
#wp--skip-link--target .woocommerce-breadcrumb {
  font-size: 0.8125rem;
  color: var(--muted);
}

#wp--skip-link--target .woocommerce-breadcrumb a:hover {
  color: var(--fg);
}