/*
Theme Name:   NNWI v5
Theme URI:    https://nnwi.org/
Description:  Child theme of Hello Elementor. Replaces the parent theme's
              header.php and footer.php with the v5 design from the static
              HTML at /wp-content/v5-home/. WordPress-rendered pages
              (/shop/, /product/*, /cart/, /checkout/) wear the v5 chrome
              automatically. Static HTML files at /wp-content/v5-home/
              continue to serve their own design and are the canonical
              source of truth.
Author:       National Neighborhood Watch Institute
Template:     hello-elementor
Version:      1.0.0
Text Domain:  nnwi-v5
*/

/* Child theme stylesheet — intentionally minimal. The full v5 design
   loads from /wp-content/v5-home/styles.css, enqueued via functions.php.
   Anything added here is for WP-only chrome that doesn't exist in the
   static HTML (admin bar offset, WooCommerce notices, etc.). */

/* ── WP-admin bar offset so sticky v5 header doesn't get covered ── */
body.admin-bar .header { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar .header { top: 46px; }
}

/* ── WooCommerce inline notices, v5-styled ── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: var(--cream, #f5f4f0) !important;
  border-left: 4px solid var(--gold, #c9933a) !important;
  color: var(--navy, #0d1b2a) !important;
  padding: 14px 18px !important;
  font-family: 'DM Sans', sans-serif !important;
  border-radius: 0 6px 6px 0 !important;
  margin: 14px 0 !important;
}

/* ── Cart count badge on the v5 .cart-btn (added by header.php) ── */
.cart-btn .cart-count {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 6px;
  background: var(--navy, #0d1b2a);
  color: var(--gold, #c9933a);
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
  vertical-align: 1px;
}
.cart-btn .cart-count:empty { display: none; }

/* ── Main content container for WP pages so they have v5 cream bg ── */
.site-main,
.elementor-section.elementor-section-boxed > .elementor-container {
  background: var(--cream, #f5f4f0);
}