/*
Theme Name:     Veryplants Wholesale Child
Theme URI:      https://wholesale.veryplants.com
Description:    Storefront child theme for the Veryplants wholesale portal. Brand tokens and component styles per design_system/. Built for WooCommerce + B2BKing.
Author:         Veryplants
Author URI:     https://veryplants.com
Template:       storefront
Version:        0.1.0
Requires at least: 6.4
Requires PHP:   7.4
Text Domain:    veryplants-wholesale-child
*/

/* --------------------------------------------------------------------------
   Brand tokens. Source: design_system/colors_and_type.css.
   Copied here so the theme is self-contained. Re-sync manually when the
   design system changes (no build step yet).
   -------------------------------------------------------------------------- */
@import url("./assets/colors_and_type.css");

/* --------------------------------------------------------------------------
   Wholesale-portal-specific component styles. Adapted from
   design_system/ui_kits/wholesale/wholesale.css to layer over Storefront.
   -------------------------------------------------------------------------- */
@import url("./assets/css/wholesale-components.css");

/* --------------------------------------------------------------------------
   WooCommerce + B2BKing surface overrides. Restyles the cart, checkout,
   product cards, account dashboard, and B2BKing widgets to match brand.
   -------------------------------------------------------------------------- */
@import url("./assets/css/woocommerce-overrides.css");

/* --------------------------------------------------------------------------
   Body baseline. Storefront sets its own body styles; we override here so
   the brand fonts and colors apply to every page including admin-bar contexts.
   -------------------------------------------------------------------------- */
body,
body.woocommerce-page,
body.woocommerce-account {
  font-family: var(--font-body);
  font-weight: var(--weight-body);
  font-size: var(--fs-body);
  line-height: var(--lh-normal);
  color: var(--color-fg-body);
  background: var(--color-bg-warm);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  font-family: var(--font-display);
  font-weight: var(--weight-display);
  color: var(--color-fg-muted);
  line-height: var(--lh-snug);
  letter-spacing: 0;
}

/* Body links use --vp-link (trade-green, AA-passing). Underlines are on by
   default so the affordance doesn't depend solely on color. */
a {
  color: var(--vp-link);
  text-underline-offset: 2px;
}
a:hover { color: var(--vp-link-hover); }

::selection { background: var(--vp-orange-200); color: var(--vp-ink); }

/* Focus ring matches the form audit pattern. */
:focus-visible {
  outline: 2px solid var(--vp-ink);
  outline-offset: 2px;
}

/* prefers-reduced-motion: keep functional spinners, kill decorative motion. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}