/*
 * ================================================================
 *  Aanra Theme — base.css
 *  Global resets, body defaults, and Kadence wrapper overrides.
 *  No hardcoded values — all references use tokens from tokens.css.
 * ================================================================
 */

/* ── Box model reset ─────────────────────────────────────────── */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  -webkit-tap-highlight-color: transparent;
}

/* Push content below sticky header on the homepage template */
body.page-template-page-home {
  padding-top: 0 !important;
  font-family: var(--font-body);
  background-color: var(--brand-white);
  color: var(--brand-dark);
}

/* Screen-reader only utility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

img {
  display: block;
  max-width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}

button {
  cursor: pointer;
  border: none;
  background: none;
  font-family: var(--font-body);
  -webkit-appearance: none;
  appearance: none;
}
.aanra-hamburger,
.aanra-cart-btn,
.aanra-search-icon,
.aanra-drawer-close,
.aanra-cart-drawer__close {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}


/* ── Hide Kadence's own header & footer on this template ──────── */
/*    Our custom aanra-header / aanra-footer replace them.         */
.page-template-page-home .site-header,
.page-template-page-home #masthead,
.page-template-page-home .kadence-breadcrumbs,
.page-template-page-home #colophon,
.page-template-page-home .site-footer {
  display: none !important;
}


/* ── Reset Kadence wrapper constraints ───────────────────────────
   Kadence wraps content in:
     #page > .site-container > #primary > #main > .entry-content
   Any of these can apply max-width, overflow:hidden, flex, or
   padding that clips our full-width sections. We force them to be
   invisible pass-throughs on the homepage template.
   ────────────────────────────────────────────────────────────── */
.page-template-page-home #page,
.page-template-page-home .site,
.page-template-page-home .site-container,
.page-template-page-home #primary,
.page-template-page-home .content-area,
.page-template-page-home #main,
.page-template-page-home .site-main,
.page-template-page-home .entry-content,
.page-template-page-home .wp-block-group,
.page-template-page-home .kb-grid-width {
  display: block !important;
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: var(--brand-ivory) !important;
  overflow: visible !important;
  position: static !important;
  float: none !important;
}

/* Footer grid override — must not be caught by block reset */
.aanra-footer__inner {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 32px !important;
  text-align: left !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  padding: 40px 24px !important;
}
.aanra-footer {
  display: block !important;
  width: 100% !important;
  overflow: visible !important;
}

.aanra-footer__col {
  text-align: left !important;
}

.aanra-footer__links {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.aanra-footer__contact {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

@media (min-width: 768px) {
  .aanra-footer__inner {
    grid-template-columns: 1.4fr 1fr 1fr 1fr !important;
    gap: 40px !important;
    max-width: var(--max-content-width) !important;
    margin: 0 auto !important;
    padding: 60px 40px !important;
  }
}

.page-template-page-home section,
.page-template-page-home .aanra-hero,
.page-template-page-home .aanra-collections,
.page-template-page-home .aanra-new-arrivals,
.page-template-page-home .aanra-brand-story,
.page-template-page-home .aanra-trust,
.page-template-page-home .aanra-email-signup {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.page-template-page-home #inner-wrap,
.page-template-page-home #inner-wrap.wrap,
.page-template-page-home main#inner-wrap,
.page-template-page-home .wrap,
.page-template-page-home .kt-clear {
  padding: 0 !important;
  margin: 0 !important;
}


/* ── Desktop body padding ────────────────────────────────────── */
@media (min-width: 768px) {
  body.page-template-page-home {
    padding-top: calc(var(--header-height-desktop) + var(--announcement-height));
  }
}

/* Push header below WP admin bar when logged in */
.admin-bar .aanra-announcement {
  top: 32px;
}

.admin-bar .aanra-header {
  top: calc(32px + var(--announcement-height));
}

/* Nuclear Kadence gap reset */
.page-template-page-home .entry-content > *,
.page-template-page-home .entry-content > section,
.page-template-page-home #inner-wrap > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 782px) {
  .admin-bar .aanra-announcement {
    top: 46px;
  }
  .admin-bar .aanra-header {
    top: calc(46px + var(--announcement-height));
  }
}

/* ================================================================
   CART PAGE BACKGROUND FIX
   ================================================================ */
body.woocommerce-cart #wrapper,
body.woocommerce-cart .site,
body.woocommerce-cart #page,
body.woocommerce-cart #primary,
body.woocommerce-cart .content-area,
body.woocommerce-cart #main,
body.woocommerce-cart .entry-content {
  background: var(--brand-white) !important;
}

body.woocommerce-cart {
  background: var(--brand-white) !important;
}

/* ================================================================
   ORDER CONFIRMATION PAGE BACKGROUND FIX
   ================================================================ */
body.woocommerce-order-received #wrapper,
body.woocommerce-order-received .site,
body.woocommerce-order-received #page,
body.woocommerce-order-received #primary,
body.woocommerce-order-received .content-area,
body.woocommerce-order-received #main,
body.woocommerce-order-received .entry-content {
  background: var(--brand-white) !important;
}

body.woocommerce-order-received {
  background: var(--brand-white) !important;
}

/* ================================================================
   CHECKOUT PAGE BACKGROUND FIX
   ================================================================ */
body.woocommerce-checkout #wrapper,
body.woocommerce-checkout .site,
body.woocommerce-checkout #page,
body.woocommerce-checkout #primary,
body.woocommerce-checkout .content-area,
body.woocommerce-checkout #main,
body.woocommerce-checkout .entry-content {
  background: var(--brand-white) !important;
}

body.woocommerce-checkout {
  background: var(--brand-white) !important;
}

/* Remove Kadence content area padding on checkout + order confirmation */
body.woocommerce-checkout #primary,
body.woocommerce-checkout .content-area,
body.woocommerce-checkout #main,
body.woocommerce-checkout .entry-content,
body.woocommerce-order-received #primary,
body.woocommerce-order-received .content-area,
body.woocommerce-order-received #main,
body.woocommerce-order-received .entry-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.aanra-btn:active,
.aanra-btn:focus,
.aanra-btn--gold:active,
.aanra-btn--gold:focus,
.aanra-btn--outline:active,
.aanra-btn--outline:focus,
.aanra-btn--add-to-cart:active,
.aanra-btn--add-to-cart:focus,
.aanra-btn--subscribe:active,
.aanra-btn--subscribe:focus,
.aanra-shop-card__atc:active,
.aanra-shop-card__atc:focus,
.aanra-cart-drawer__checkout-btn:active,
.aanra-cart-drawer__checkout-btn:focus,
.aanra-cart__checkout-btn:active,
.aanra-cart__checkout-btn:focus {
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

body.woocommerce-checkout .entry-content-wrap,
body.woocommerce-cart .entry-content-wrap,
body.woocommerce-account .entry-content-wrap,
body.woocommerce-order-received .entry-content-wrap {
  padding: 0 !important;
}
body.woocommerce-checkout .content-area,
body.woocommerce-checkout #primary,
body.woocommerce-cart .content-area,
body.woocommerce-cart #primary,
body.woocommerce-account .content-area,
body.woocommerce-account #primary,
body.woocommerce-order-received .content-area,
body.woocommerce-order-received #primary {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ================================================================
   KADENCE BUTTON COLOR KILL — ALL STATES
   Locks color + background on every button in the theme across
   hover, active, focus so Kadence cannot inject blue text.
   ================================================================ */

/* Gold filled (hero CTA, cart checkout, thankyou, orders empty) */
.aanra-btn--gold,
.aanra-btn--gold:hover,
.aanra-btn--gold:active,
.aanra-btn--gold:focus {
  color: var(--brand-dark) !important;
  background-color: var(--brand-gold) !important;
  text-decoration: none !important;
}

/* Outline (brand story CTA) */
.aanra-btn--outline,
.aanra-btn--outline:hover,
.aanra-btn--outline:active,
.aanra-btn--outline:focus {
  color: var(--brand-gold) !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

/* Add to Cart (new arrivals section) */
.aanra-btn--add-to-cart,
.aanra-btn--add-to-cart:hover,
.aanra-btn--add-to-cart:active,
.aanra-btn--add-to-cart:focus {
  color: var(--brand-ivory) !important;
  background-color: var(--brand-accent) !important;
  text-decoration: none !important;
}

/* Subscribe (email signup) */
.aanra-btn--subscribe,
.aanra-btn--subscribe:hover,
.aanra-btn--subscribe:active,
.aanra-btn--subscribe:focus {
  color: var(--brand-ivory) !important;
  background-color: var(--brand-accent) !important;
}

/* Shop card Add to Cart */
.aanra-shop-card__atc,
.aanra-shop-card__atc:hover,
.aanra-shop-card__atc:active,
.aanra-shop-card__atc:focus {
  color: var(--brand-ivory) !important;
  background: var(--brand-accent) !important;
}

/* Filter drawer — Apply */
.aanra-filter-drawer__apply,
.aanra-filter-drawer__apply:hover,
.aanra-filter-drawer__apply:active,
.aanra-filter-drawer__apply:focus {
  color: var(--brand-ivory) !important;
  background: var(--brand-accent) !important;
}

/* Filter drawer — Clear (ghost — no fill) */
.aanra-filter-drawer__clear,
.aanra-filter-drawer__clear:hover,
.aanra-filter-drawer__clear:active,
.aanra-filter-drawer__clear:focus {
  color: var(--brand-accent) !important;
  background: none !important;
  text-decoration: underline !important;
}

/* Shop toolbar — Filter toggle */
.aanra-shop__filter-btn,
.aanra-shop__filter-btn:hover,
.aanra-shop__filter-btn:active,
.aanra-shop__filter-btn:focus {
  color: var(--brand-dark) !important;
  background: none !important;
}

/* Cart page — Update Cart */
.aanra-cart__update,
.aanra-cart__update:hover,
.aanra-cart__update:active,
.aanra-cart__update:focus {
  color: var(--brand-dark) !important;
  background: none !important;
}

/* Checkout — Coupon apply */
.aanra-checkout__coupon-btn,
.aanra-checkout__coupon-btn:hover,
.aanra-checkout__coupon-btn:active,
.aanra-checkout__coupon-btn:focus {
  color: var(--brand-dark) !important;
  background: none !important;
}

/* Checkout — Place Order (all three selectors) */
.aanra-checkout__form #payment #place_order:hover,
.aanra-checkout__form #payment #place_order:active,
.aanra-checkout__form #payment #place_order:focus,
body.woocommerce-checkout #payment #place_order:hover,
body.woocommerce-checkout #payment #place_order:active,
body.woocommerce-checkout #payment #place_order:focus,
.aanra-checkout__payment #place_order:hover,
.aanra-checkout__payment #place_order:active,
.aanra-checkout__payment #place_order:focus {
  color: var(--brand-ivory) !important;
  background: var(--brand-accent) !important;
}

/* Account — Primary (Sign In, Save, View Order) */
.aanra-account__btn--primary,
.aanra-account__btn--primary:hover,
.aanra-account__btn--primary:active,
.aanra-account__btn--primary:focus {
  color: var(--brand-ivory) !important;
  background: var(--brand-accent) !important;
}

/* Account — Outline (Create Account, Buy Again) */
.aanra-account__btn--outline,
.aanra-account__btn--outline:hover,
.aanra-account__btn--outline:active,
.aanra-account__btn--outline:focus {
  color: var(--brand-dark) !important;
  background: none !important;
}