/*  Garwanj — refined token layer  (v1.2)
    ---------------------------------------------------------------------
    Drop at:  wp-content/themes/garwanj-theme/assets/css/refined.css
    Enqueue AFTER style.css and refinements.css, e.g. in functions.php:

        wp_enqueue_style(
            'garwanj-refined',
            get_stylesheet_directory_uri() . '/assets/css/refined.css',
            array( 'garwanj-style', 'garwanj-refinements' ),
            '1.2.0'
        );

    This file only re-points tokens and the handful of places where
    style.css / refinements.css hardcoded a v1.0 value. It overrides
    nothing structural, so it can be removed to revert.

    Decisions encoded here:
      · palette B from the September review
      · 8px radius on buttons/inputs, full pill kept on chips + badges
      · caption grey darkened #62685E -> #565C53 for 12px text
    --------------------------------------------------------------------- */

/* ---------- 1. Tokens ---------------------------------------------- */
:root {
  --grw-green:      #294A35;
  --grw-green-deep: #183428;
  --grw-green-mid:  #46694D;
  --grw-gold:       #AA792B;
  --grw-gold-soft:  #E0BD78;
  --grw-cream:      #F7F5EE;
  --grw-cream-deep: #EEEADD;
  --grw-paper:      #FFFDF7;
  --grw-ink:        #242D25;
  --grw-ink-soft:   #565C53;
  --grw-line:       #DEDFD3;

  /* terracotta is deliberately unchanged — the review kept it */
  --grw-brown:      #8B4513;

  --grw-radius:     12px;
  --grw-radius-lg:  14px;
  --grw-radius-xl:  16px;

  /* role-split radii */
  --grw-radius-btn:  8px;
  --grw-radius-chip: 999px;

  /* aliases used by refinements.css */
  --green: #294A35;
  --deep:  #183428;
  --cream: #F7F5EE;
  --paper: #FFFDF7;
  --sand:  #EEEADD;
  --gold:  #AA792B;
  --brown: #8B4513;
  --ink:   #242D25;
  --soft:  #565C53;
  --line:  #DEDFD3;
}

body { background: var(--grw-cream); }

/* ---------- 2. Buttons: 8px, no shadow ------------------------------ */
.grw-btn,
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.dokan-btn,
.ast-button,
.button,
input[type="submit"],
.wp-block-button__link,
.woocommerce-js a.button,
.woocommerce-js button.button {
  border-radius: var(--grw-radius-btn);
  box-shadow: none;
}

.grw-btn:hover,
.elementor-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.dokan-btn:hover {
  transform: none;
  box-shadow: none;
  background: var(--grw-green-deep);
}

.grw-btn--gold { color: var(--grw-paper); }
.grw-btn--gold:hover { background: var(--grw-gold-soft); color: var(--grw-green-deep); }

/* ---------- 3. Chips, badges, counts keep the pill ------------------ */
.grw-verified,
.woocommerce span.onsale,
.ast-site-header-cart.ast-menu-cart-outline .ast-cart-menu-wrap .count,
.grw-chip,
.grw-filter-chip {
  border-radius: var(--grw-radius-chip);
}

/* The badge is a fact, not a button: outline on paper, not a solid fill. */
.grw-verified {
  background: var(--grw-paper);
  border: 1px solid var(--grw-line);
  color: var(--grw-green);
}
.grw-verified--gold {
  background: var(--grw-gold);
  border-color: var(--grw-gold);
  color: var(--grw-paper);
}
.grw-verified--outline {
  background: transparent;
  border-color: var(--grw-green);
  color: var(--grw-green);
}

.woocommerce span.onsale { color: var(--grw-paper); }

/* ---------- 4. Cards and media -------------------------------------- */
.woocommerce ul.products li.product {
  border-radius: var(--grw-radius-lg);
  box-shadow: none;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 26px rgba(24, 52, 40, .06);
}
.woocommerce ul.products li.product img {
  background: var(--grw-cream-deep);
  border-radius: var(--grw-radius-xl);
}
.woocommerce ul.products li.product .button { border-radius: var(--grw-radius-btn); }
.woocommerce ul.products li.product .price { color: var(--grw-green); }

.grw-panel,
.woocommerce table.shop_table,
.woocommerce-checkout .woocommerce-checkout-review-order-table {
  border-radius: var(--grw-radius-lg);
  box-shadow: none;
}

/* ---------- 5. Forms ------------------------------------------------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce input.input-text,
.woocommerce select,
.woocommerce textarea,
.dokan-form-control,
.woocommerce .quantity .qty {
  border-radius: var(--grw-radius-btn);
  border-color: var(--grw-line);
  background: var(--grw-paper);
  color: var(--grw-ink);
}

/* ---------- 6. Captions at 12–13px need the darker grey -------------- */
.woocommerce ul.products li.product .ast-woo-product-category,
.grw-vendor-group__loc,
.grw-scroll-hero .grw-chapter,
.grw-hero-copy p,
.woocommerce-checkout #payment div.payment_box,
.grw-muted {
  color: var(--grw-ink-soft);
}

/* ---------- 7. Header / hero surfaces -------------------------------- */
.grw-header-search {
  background: var(--grw-cream);
  border-color: var(--grw-line);
  border-radius: var(--grw-radius-chip);
}
.grw-header-search button { color: var(--grw-green); }

.grw-announce,
.grw-announcement { background: var(--grw-green-deep); color: var(--grw-cream); }
.grw-announce .grw-dot { background: var(--grw-gold); }

.grw-logo__en { color: var(--grw-green); }
.grw-logo__ur { color: var(--grw-gold); }

.grw-scroll-hero,
.grw-scroll-hero .grw-hero-stage { background: var(--grw-cream); }
.grw-scroll-hero .grw-hero-media { background: var(--grw-cream-deep); border-radius: var(--grw-radius-xl); }
.grw-scroll-hero .grw-chapter.active {
  border-color: var(--grw-green);
  background: var(--grw-cream-deep);
  color: var(--grw-green-deep);
}
.grw-hero-copy .btn { border-radius: var(--grw-radius-btn); background: var(--grw-green); color: var(--grw-cream); }
.grw-hero-copy .eyebrow { color: var(--grw-brown); }

/* ---------- 8. Checkout ---------------------------------------------- */
.woocommerce-checkout #payment ul.payment_methods li { border-color: var(--grw-line); background: var(--grw-paper); }
.woocommerce-checkout #payment ul.payment_methods li.payment_method_cod {
  border-color: var(--grw-green);
  background: var(--grw-cream-deep);
}
.woocommerce-checkout #payment ul.payment_methods li.payment_method_cod::after {
  background: var(--grw-gold);
  color: var(--grw-paper);
  border-radius: var(--grw-radius-chip);
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total .amount { color: var(--grw-green); }

/* ---------- 9. Notices ------------------------------------------------ */
.woocommerce-message { border-left-color: var(--grw-green); }
.woocommerce-info    { border-left-color: var(--grw-gold); }
.woocommerce-error   { border-left-color: #A8442F; }
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: var(--grw-cream-deep);
  color: var(--grw-ink);
  border-radius: var(--grw-radius);
}

/* ---------- 10. Focus ring -------------------------------------------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--grw-gold);
  outline-offset: 3px;
}

/* ---------- 11. Astra surfaces ----------------------------------------- */
.ast-separate-container,
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-plain-container.ast-single-post .entry-content { background: var(--grw-cream); }

.site-footer,
.ast-small-footer { background: var(--grw-ink); color: rgba(247, 245, 238, .72); }
.site-footer a,
.ast-small-footer a { color: var(--grw-gold-soft); }
.site-footer a:hover { color: var(--grw-cream); }

.site-title,
.site-title a,
.entry-title,
.entry-title a,
.ast-archive-title { color: var(--grw-green-deep); }

/* ---------- 12. Emphasis inside headings reads as brass --------------- */
/* The designs set every italic <em> inside a heading in brass — "Garwanj",
   "lived", "delivered", "real". Scoped to headings so body italics are
   unaffected. */
.elementor-widget-heading .elementor-heading-title em,
.entry-content h1 em,
.entry-content h2 em,
.entry-content h3 em,
.grw-hero-copy h1 em,
.grw-scroll-hero h1 em,
h1 em, h2 em, h3 em {
  font-style: italic;
  color: var(--grw-gold);
}

/* On the deep-forest bands the brass needs lifting to stay legible. */
.grw-on-dark .elementor-heading-title em {
  color: var(--grw-gold-soft);
}