/* =========================================================================
 * The Aurea brand layer: logo colours and logo-style heading font.
 * Loaded after styles.css. Logo colours: green #213836, ivory #FFFFF4.
 * ========================================================================= */
/* Logo-style heading font, hosted with the theme and preloaded in header.php */
@font-face {
  font-family: "Tenor Sans"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/tenor-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Tenor Sans"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/tenor-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Arial sized to Tenor Sans' width and height, so headings don't re-wrap when the font arrives */
@font-face {
  font-family: "Tenor Fallback";
  src: local("Arial"), local("Arimo"), local("Liberation Sans"), local("Helvetica");
  size-adjust: 106%; ascent-override: 87%; descent-override: 24%; line-gap-override: 0%;
}

/* Body font DM Sans, hosted with the theme (was Google Fonts) and preloaded in header.php */
@font-face {
  font-family: "DM Sans"; font-style: normal; font-weight: 100 1000; font-display: swap;
  src: url("../fonts/dm-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "DM Sans"; font-style: normal; font-weight: 100 1000; font-display: swap;
  src: url("../fonts/dm-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Arial sized to DM Sans so body text doesn't re-wrap when the font arrives */
@font-face {
  font-family: "DM Sans Fallback";
  src: local("Arial"), local("Arimo"), local("Liberation Sans"), local("Helvetica");
  size-adjust: 92.3%; ascent-override: 107%; descent-override: 34%; line-gap-override: 0%;
}

:root {
  --aurea-green: #213836;       /* logo green */
  --aurea-green-dark: #162624;  /* hover / pressed */
  --aurea-green-soft: #5A6B68;  /* secondary text, old prices */
  --aurea-ivory: #FFFFF4;       /* logo ivory */
  --aurea-cream: #F6F5EA;       /* section backgrounds */
  --aurea-line: #E4E2D4;        /* borders */
  --aurea-heading: "Tenor Sans", "Tenor Fallback", sans-serif;

  /* Theme variables re-pointed to the logo palette */
  --primary: var(--aurea-green);
  --secondary: var(--aurea-green-soft);
  --text: var(--aurea-green);
  --text-2: var(--aurea-green-soft);
  --text-3: #9AA6A3;
  --bg: var(--aurea-cream);
  --bg-2: var(--aurea-cream);
  --bg-7: var(--aurea-ivory);
  --line: var(--aurea-line);
  --black: var(--aurea-green);
  --surface: var(--aurea-cream);
  --on-surface: var(--aurea-green);
}

/* ---------- Headings in the logo font ---------- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.s-title, .title, .title_sld, .heading .title,
.product_title, .woocommerce-loop-product__title,
.aurea-hero__title, .aurea-step__title,
.footer-heading, .footer-heading-mobile,
.entry-title, .page-title, .main-page-title h3,
.section-title h2,
.wc-block-components-title, .wc-block-components-checkout-step__title,
.wp-block-woocommerce-cart .wc-block-cart__totals-title,
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3,
#order_review_heading, .woocommerce-column__title,
.woocommerce-order-details__title, .woocommerce-customer-details h2,
.woocommerce-MyAccount-content h2, .woocommerce h2, .woocommerce h3,
.popup-shopping-cart .title, .modal-search h3, #aurea-popup-card h2 {
  font-family: var(--aurea-heading) !important;
  font-weight: 400 !important; /* Tenor Sans has one weight; avoid faux bold */
  color: var(--aurea-green);
  letter-spacing: 0.02em;
}
/* Headings sitting on dark/photo backgrounds stay light */
.aurea-hero__title, .text-white h1, .text-white h2, .text-white h3,
h1.text-white, h2.text-white, h3.text-white, .aurea-page-title h1,
.main-page-title .text-white { color: var(--aurea-ivory) !important; }

/* ---------- Base ---------- */
body { color: var(--aurea-green); font-family: "DM Sans", "DM Sans Fallback", sans-serif; }
a:hover { color: var(--aurea-green-dark); }
::selection { background: var(--aurea-green); color: var(--aurea-ivory); }

/* ---------- Buttons ---------- */
.tf-btn, .tf-btn.animate-btn, .single_add_to_cart_button,
.wc-block-components-button:not(.is-link), .wc-block-cart__submit-button,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .aurea-popup-button {
  background-color: var(--aurea-green) !important;
  border-color: var(--aurea-green) !important;
  color: var(--aurea-ivory) !important;
}
.tf-btn:hover, .single_add_to_cart_button:hover,
.wc-block-components-button:not(.is-link):hover, .wc-block-cart__submit-button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:hover, .aurea-popup-button:hover {
  background-color: var(--aurea-green-dark) !important;
  border-color: var(--aurea-green-dark) !important;
  color: var(--aurea-ivory) !important;
}
/* White card buttons (Add to Cart on product cards) keep the ivory style */
.tf-btn.btn-white { background-color: var(--aurea-ivory) !important; border-color: var(--aurea-ivory) !important; color: var(--aurea-green) !important; }
.tf-btn.btn-white:hover { background-color: var(--aurea-green) !important; border-color: var(--aurea-green) !important; color: var(--aurea-ivory) !important; }
.aurea-btn-wa { background-color: #25d366 !important; border-color: #25d366 !important; color: #fff !important; } /* WhatsApp keeps its own green */

/* ---------- Badges ---------- */
.product-badge_item.sale, .woocommerce span.onsale {
  background-color: var(--aurea-green) !important; color: var(--aurea-ivory) !important;
}
.product-badge_item.new {
  background-color: var(--aurea-ivory) !important; color: var(--aurea-green) !important;
  box-shadow: inset 0 0 0 1px var(--aurea-green);
}
.toolbar-item .count, .nav-icon-item .count { background: var(--aurea-green) !important; color: var(--aurea-ivory) !important; }

/* ---------- Prices: sale price first, old price muted and crossed out ---------- */
.price ins, .price-wrap ins, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
  color: var(--aurea-green) !important;
}
.price del, .price-wrap del, .price-wrap .price-old, .price-old,
.woocommerce div.product p.price del, .woocommerce div.product span.price del,
.modal-search .search-item del {
  color: var(--aurea-green-soft) !important; opacity: .6 !important; text-decoration: line-through;
}

/* ---------- Top bar and accents ---------- */
.alert.alert-warning[role="alert"] { background: var(--aurea-green) !important; color: var(--aurea-ivory) !important; }
.alert.alert-warning[role="alert"] a { color: var(--aurea-ivory) !important; }
.flash-sale-badge, .flash-sale-badge svg { color: var(--aurea-green) !important; }

/* Banner overlays tinted with the logo green instead of plain black */
.overlay, .aurea-page-title .overlay { background: rgba(33, 56, 54, .72) !important; }
.aurea-hero__shade { background: rgba(33, 56, 54, .5) !important; }
.aurea-hero__label { background: var(--aurea-ivory) !important; color: var(--aurea-green) !important; }
.aurea-hero__badge { background: var(--aurea-ivory) !important; color: var(--aurea-green) !important; }
.aurea-hero__dots .swiper-pagination-bullet { background: var(--aurea-ivory) !important; }
.aurea-hero__nav { background: var(--aurea-ivory) !important; color: var(--aurea-green) !important; }

/* Cards and panels on cream */
.aurea-trust__item, .aurea-step { background: var(--aurea-ivory) !important; }
.aurea-trust__icon:not(.aurea-trust__icon--wa), .aurea-step__num { background: var(--aurea-green) !important; color: var(--aurea-ivory) !important; }
.aurea-pdp-trust, .aurea-pdp-reviews { background: var(--aurea-cream) !important; }
.modal-search .search-item:hover { background: var(--aurea-cream) !important; }

/* Inputs */
input:focus, textarea:focus, select:focus { border-color: var(--aurea-green) !important; outline-color: var(--aurea-green); }

/* ---------- Side spacing on tablets and laptops ---------- */
@media (min-width: 768px) {
  .container, .container-full { padding-left: 24px; padding-right: 24px; }
  .container-layout-right { padding-left: 24px; }
}
@media (min-width: 1200px) {
  .container, .container-full { padding-left: clamp(40px, 4vw, 64px); padding-right: clamp(40px, 4vw, 64px); }
  .container-layout-right { padding-left: clamp(40px, 4vw, 64px); }
}

/* ---------- Page banner ---------- */
.aurea-banner { padding: 20px 0 8px; }
.aurea-banner__card {
  position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 32px;
  min-height: clamp(220px, 22vw, 280px); padding: 32px clamp(24px, 4vw, 56px);
  border-radius: 24px; background: var(--aurea-green); color: var(--aurea-ivory);
  background-image:
    radial-gradient(circle at 92% 115%, rgba(255,255,244,.10) 0 120px, transparent 121px),
    radial-gradient(circle at 70% -30%, rgba(255,255,244,.06) 0 160px, transparent 161px);
}
.aurea-banner__text { position: relative; z-index: 2; max-width: 640px; }
.aurea-banner__crumbs { font-size: 14px; color: rgba(255,255,244,.75); margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.aurea-banner__crumbs a { color: rgba(255,255,244,.85) !important; text-decoration: none; }
.aurea-banner__crumbs a:hover { color: var(--aurea-ivory) !important; text-decoration: underline; }
.aurea-banner__crumbs [aria-current] { color: var(--aurea-ivory); }
.aurea-banner__sep { opacity: .6; }
h1.aurea-banner__title { color: var(--aurea-ivory) !important; font-size: clamp(30px, 4vw, 48px) !important; line-height: 1.15 !important; margin: 0 0 10px !important; letter-spacing: .02em; }
.aurea-banner__sub { font-size: 17px; line-height: 1.55; color: rgba(255,255,244,.9); margin: 0 0 16px; }
.aurea-banner__chips { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.aurea-banner__chips li { background: rgba(255,255,244,.12); border: 1px solid rgba(255,255,244,.25); color: var(--aurea-ivory); border-radius: 60px; padding: 5px 14px; font-size: 14px; font-weight: 500; }
.aurea-banner__media { position: relative; flex: 0 0 auto; width: clamp(170px, 17vw, 220px); aspect-ratio: 1; z-index: 1; margin-right: clamp(0px, 2vw, 24px); }
.aurea-banner__circle { position: absolute; inset: 0; border-radius: 50%; overflow: hidden; background: var(--aurea-ivory); box-shadow: 0 0 0 8px rgba(255,255,244,.18); }
.aurea-banner__circle img.aurea-banner__img { width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; object-position: center; display: block; }
.aurea-banner__dot { position: absolute; border-radius: 50%; background: var(--aurea-ivory); }
.aurea-banner__dot--1 { width: 18px; height: 18px; left: -14px; top: 18%; opacity: .9; }
.aurea-banner__dot--2 { width: 10px; height: 10px; right: -4px; bottom: 8%; opacity: .6; }
.aurea-banner__icon { flex: 0 0 auto; width: 72px; height: 72px; border-radius: 50%; background: rgba(255,255,244,.12); display: flex; align-items: center; justify-content: center; font-size: 30px; color: var(--aurea-ivory); }
.aurea-banner--compact .aurea-banner__card { min-height: 0; padding-top: 24px; padding-bottom: 24px; }
.aurea-banner--compact h1.aurea-banner__title { font-size: clamp(26px, 3vw, 36px) !important; margin-bottom: 6px !important; }
.aurea-banner--compact .aurea-banner__sub { margin-bottom: 0; font-size: 16px; }
@media (max-width: 767px) {
  .aurea-banner { padding-top: 12px; }
  .aurea-banner__card { display: block; padding: 20px 18px 22px; border-radius: 18px; min-height: 0; }
  .aurea-banner__text { max-width: none; }
  .aurea-banner__media { position: absolute; top: 18px; right: 18px; width: 78px; margin: 0; }
  .aurea-banner__circle { box-shadow: 0 0 0 4px rgba(255,255,244,.18); }
  .aurea-banner__dot { display: none; }
  .aurea-banner__crumbs { font-size: 12px; margin-bottom: 6px; }
  .aurea-banner:not(.aurea-banner--compact) .aurea-banner__crumbs,
  .aurea-banner:not(.aurea-banner--compact) h1.aurea-banner__title { padding-right: 92px; }
  h1.aurea-banner__title { font-size: 26px !important; }
  .aurea-banner__sub { font-size: 14px; margin-bottom: 12px; }
  .aurea-banner__chips { gap: 6px; }
  .aurea-banner__chips li { font-size: 12px; padding: 4px 10px; }
  .aurea-banner--compact .aurea-banner__card { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .aurea-banner__icon { width: 52px; height: 52px; font-size: 22px; }
}
@media (max-width: 767px) {
  .aurea-banner__sub { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
}

/* =========================================================================
 * Phones & tablets (below 1200px): header, menu, bottom bar, sticky cart
 * ========================================================================= */
.aurea-msearch { display: none; }
@media (max-width: 1199px) {
  /* Header row: menu | logo | search + cart, all 44px tap targets */
  header.tf-header { background: #fff; transition: box-shadow .2s ease; padding-top: 0 !important; padding-bottom: 0 !important; }
  .alert.alert-warning[role="alert"] { margin-bottom: 0 !important; }
  header.tf-header .box-open-menu-mobile { display: flex !important; align-items: center; gap: 4px; }
  header.tf-header .header-right .nav-icon-list { display: flex !important; align-items: center; gap: 4px !important; }
  header.tf-header .aurea-account { display: inline-flex !important; }
  header.tf-header.is-scrolled { box-shadow: 0 4px 16px rgba(33,56,54,.08); }
  header.tf-header .header-inner { display: grid !important; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 64px; padding: 6px 0 !important; }
  header.tf-header .box-open-menu-mobile { justify-self: start; }
  header.tf-header .header-center.mbl_logo { justify-self: center; margin: 0 !important; }
  header.tf-header .mbl_logo img { width: auto !important; height: 46px; max-width: 120px; object-fit: contain; }
  header.tf-header .header-right { justify-self: end; }
  header.tf-header .nav-icon-list { gap: 2px !important; }
  .aurea-hbtn { width: 44px !important; height: 44px !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 50%; color: var(--aurea-green) !important; font-size: 24px; position: relative; }
  .aurea-hbtn:active { background: var(--aurea-cream); }
  .aurea-hbtn .icon { font-size: 24px; }
  header.tf-header .shop-cart .count { top: 4px !important; right: 2px !important; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 10px; font-size: 11px; line-height: 18px; display: flex; align-items: center; justify-content: center; }

  /* Search bar under the header; tucks away while scrolling down */
  .aurea-msearch { display: flex; align-items: center; gap: 10px; height: 44px; margin: 2px 0 10px; padding: 0 16px; border-radius: 60px; background: var(--aurea-cream); border: 1px solid var(--aurea-line); color: var(--aurea-green-soft) !important; font-size: 15px; text-decoration: none; overflow: hidden; max-height: 44px; transition: max-height .25s ease, margin .25s ease, opacity .2s ease; }
  .aurea-msearch .icon { font-size: 18px; color: var(--aurea-green); }
  header.tf-header.hide-msearch .aurea-msearch { max-height: 0; margin-top: 0; margin-bottom: 0; opacity: 0; border-width: 0; pointer-events: none; }

  /* Top bar */
  .alert.alert-warning[role="alert"] { font-size: 12px !important; padding-top: 6px !important; padding-bottom: 6px !important; line-height: 1.3; }

  /* Bottom bar: clearer active tab, safe-area aware */
  .tf-toolbar-bottom { padding: 8px 0 calc(8px + env(safe-area-inset-bottom)) !important; box-shadow: 0 -4px 18px rgba(33,56,54,.08); border-top: 1px solid var(--aurea-line); background: #fff; }
  .tf-toolbar-bottom .toolbar-item a { color: var(--aurea-green-soft); }
  .tf-toolbar-bottom .toolbar-item.is-active a, .tf-toolbar-bottom .toolbar-item.is-active .toolbar-label { color: var(--aurea-green) !important; font-weight: 700; }
  .tf-toolbar-bottom .toolbar-item.is-active .toolbar-icon { background: var(--aurea-cream); border-radius: 60px; padding: 2px 14px; }
  .tf-toolbar-bottom .toolbar-label { font-size: 12px; }

  /* Sticky Add to Cart on product pages */
  .aurea-sticky-atc { position: fixed; left: 10px; right: 10px; bottom: calc(var(--aurea-toolbar-h, 64px) + 10px); z-index: 150; display: flex; align-items: center; gap: 12px; padding: 10px 10px 10px 16px; background: #fff; border: 1px solid var(--aurea-line); border-radius: 18px; box-shadow: 0 10px 30px rgba(33,56,54,.18); transform: translateY(140%); opacity: 0; transition: transform .25s ease, opacity .25s ease; }
  .aurea-sticky-atc.is-visible { transform: none; opacity: 1; }
  .aurea-sticky-atc__info { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
  .aurea-sticky-atc__name { font-size: 13px; color: var(--aurea-green-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .aurea-sticky-atc__price { font-size: 17px; font-weight: 700; color: var(--aurea-green); }
  .aurea-sticky-atc__price del { font-size: 12px; }
  .aurea-sticky-atc__btn { flex: 0 0 auto; height: 46px; padding: 0 22px; border: 0; border-radius: 60px; background: var(--aurea-green); color: var(--aurea-ivory); font-weight: 600; font-size: 15px; display: inline-flex; align-items: center; }
  .aurea-sticky-atc__btn.is-disabled { background: var(--aurea-line); color: var(--aurea-green-soft); }
  form.cart.aurea-flash { animation: aureaFlash 1.6s ease; border-radius: 12px; }
  @keyframes aureaFlash { 0%, 100% { box-shadow: 0 0 0 0 rgba(33,56,54,0); } 30% { box-shadow: 0 0 0 6px rgba(33,56,54,.18); } }
}

/* ---------- Mobile menu ---------- */
.aurea-mmenu.offcanvas { width: min(88vw, 380px) !important; max-width: 380px !important; display: flex; flex-direction: column; background: #fff; }
.aurea-mmenu__head { display: flex; align-items: center; justify-content: space-between; padding: 12px 12px 12px 18px; border-bottom: 1px solid var(--aurea-line); }
.aurea-mmenu__logo img { height: 42px; width: auto; }
.aurea-mmenu__close { width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--aurea-cream); color: var(--aurea-green); font-size: 18px; display: inline-flex; align-items: center; justify-content: center; }
.aurea-mmenu__body { flex: 1 1 auto; overflow-y: auto; padding: 14px 18px 18px; }
.aurea-mmenu .aurea-mmenu__search { display: flex !important; margin: 0 0 6px; }
.aurea-mmenu__label { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--aurea-green-soft); margin: 18px 0 10px; }
.aurea-mmenu__ages { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
.aurea-mmenu__ages::-webkit-scrollbar { display: none; }
.aurea-mmenu__ages a { flex: 0 0 auto; padding: 9px 14px; border-radius: 60px; background: var(--aurea-cream); border: 1px solid var(--aurea-line); color: var(--aurea-green); font-size: 14px; font-weight: 600; }
.aurea-mmenu__list, .aurea-mmenu__links { list-style: none; margin: 0; padding: 0; }
.aurea-mmenu__item { width: 100%; display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 6px 0; border: 0; border-bottom: 1px solid var(--aurea-line); background: none; color: var(--aurea-green) !important; font-size: 16px; font-weight: 600; text-align: left; }
.aurea-mmenu__thumb { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 12px; overflow: hidden; background: var(--aurea-cream); display: inline-flex; align-items: center; justify-content: center; color: var(--aurea-green); }
.aurea-mmenu__thumb img { width: 100%; height: 100%; object-fit: cover; }
.aurea-mmenu__text { flex: 1 1 auto; }
.aurea-mmenu__chev { width: 10px; height: 10px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin-right: 6px; transition: transform .2s ease; }
.aurea-mmenu__item:not(.collapsed) .aurea-mmenu__chev { transform: rotate(-135deg); }
.aurea-mmenu__badge { background: var(--aurea-green); color: var(--aurea-ivory); border-radius: 60px; padding: 3px 10px; font-size: 12px; font-weight: 600; }
.aurea-mmenu__subs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px 0 14px; }
.aurea-mmenu__subs a { display: flex; align-items: center; min-height: 44px; padding: 8px 12px; border-radius: 12px; background: var(--aurea-cream); color: var(--aurea-green); font-size: 14px; line-height: 1.25; }
.aurea-mmenu__subs a.is-all { grid-column: 1 / -1; background: var(--aurea-green); color: var(--aurea-ivory); font-weight: 600; justify-content: center; }
.aurea-mmenu__links a { display: flex; align-items: center; min-height: 44px; color: var(--aurea-green); font-size: 15px; border-bottom: 1px solid var(--aurea-line); }
.aurea-mmenu__foot { padding: 14px 18px calc(14px + env(safe-area-inset-bottom)); border-top: 1px solid var(--aurea-line); display: grid; gap: 10px; background: #fff; }
.aurea-mmenu__btn { display: flex; align-items: center; justify-content: center; gap: 8px; height: 48px; border-radius: 60px; font-weight: 600; font-size: 15px; }
.aurea-mmenu__btn.is-outline { border: 1px solid var(--aurea-green); color: var(--aurea-green); }
.aurea-mmenu__btn.is-wa { background: #25d366; color: #fff !important; }
.aurea-mmenu__btn .fa-whatsapp { font-size: 22px; }
.aurea-mmenu__note { margin: 0; text-align: center; font-size: 13px; color: var(--aurea-green-soft); }

/* ---------- Phones: tighter spacing, hide the purchase-notification popup ---------- */
@media (max-width: 767px) {
  .flat-spacing { padding-top: 40px !important; padding-bottom: 40px !important; }
  .sect-heading { margin-bottom: 20px !important; }
  #message-purchased { display: none !important; }
  .btn-whatsapp-pulse.btn-whatsapp-pulse22 { display: none !important; }
}
@media (max-width: 767px) {
  .aurea-pdp-crumbs { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 10px; }
  .aurea-pdp { padding-top: 12px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .btn-whatsapp-pulse.btn-whatsapp-pulse22 { bottom: calc(var(--aurea-toolbar-h, 64px) + 14px) !important; }
}

/* ---------- Home: Shop By Category (Shop All + main categories) ---------- */
.aurea-cat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; }
@media (max-width: 1199px) {
  .aurea-cat-grid { gap: 20px; }
}
@media (max-width: 767px) {
  /* One swipeable row on phones */
  .aurea-cat-grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc((100% - 10px) / 1.6); gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -16px; padding: 0 16px; scroll-padding: 0 16px; scrollbar-width: none; }
  .aurea-cat-grid::-webkit-scrollbar { display: none; }
  .aurea-cat-grid > * { scroll-snap-align: start; }
}

/* ---------- Footer ---------- */
.aurea-footer { background-color: var(--aurea-green); color: #fff; font-size: 15px; line-height: 1.6; }
.aurea-footer a { color: #fff; transition: opacity .2s ease; }
.aurea-footer a:hover { color: #fff; opacity: .75; }
.aurea-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.5fr; gap: 48px; padding: 72px 0 56px; }
.aurea-footer__heading { margin: 0 0 20px; font-family: var(--aurea-heading); font-size: 17px; letter-spacing: .08em; text-transform: uppercase; color: #fff !important; }
.aurea-footer__contact, .aurea-footer__links, .aurea-footer__social { list-style: none; margin: 0; padding: 0; }
.aurea-footer__contact { display: grid; gap: 16px; }
.aurea-footer__contact li { display: flex; align-items: flex-start; gap: 12px; }
.aurea-footer__contact svg { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 3px; fill: currentColor; opacity: .85; }
.aurea-footer__contact small { display: block; font-size: 13px; opacity: .75; }
.aurea-footer__phone { font-size: 22px; font-weight: 500; letter-spacing: .02em; }
.aurea-footer__links { display: grid; gap: 12px; }
.aurea-footer__social { display: flex; gap: 10px; margin-top: 24px; }
.aurea-footer__social a { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 50%; font-size: 18px; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.aurea-footer__social a:hover { opacity: 1; background: #fff; border-color: #fff; color: var(--aurea-green); }
.aurea-footer__social svg { width: 17px; height: 17px; fill: currentColor; }
.aurea-footer__text { margin: 0 0 16px; }
.aurea-footer__form { position: relative; max-width: 420px; }
.aurea-footer__form input { width: 100%; height: 52px; padding: 0 60px 0 22px; border: 0; border-radius: 60px; background: #fff; color: var(--aurea-green); font-size: 15px; }
.aurea-footer__form button { position: absolute; top: 5px; right: 5px; width: 42px; height: 42px; border: 0; border-radius: 50%; background: var(--aurea-green); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; }
.aurea-footer__bottom { border-top: 1px solid rgba(255, 255, 255, .15); }
.aurea-footer__bottom p { margin: 0; padding: 20px 0 calc(20px + var(--aurea-toolbar-h, 0px)); text-align: center; font-size: 14px; opacity: .8; } /* clears the phone/tablet bottom toolbar */
@media (max-width: 991px) {
  .aurea-footer__grid { grid-template-columns: 1fr 1fr; gap: 40px 32px; padding: 56px 0 44px; }
}
@media (max-width: 767px) {
  /* Store and Newsletter full width; Company and Customer side by side */
  .aurea-footer__grid { gap: 32px 20px; padding: 44px 0 32px; }
  .aurea-footer__col--store, .aurea-footer__col--news { grid-column: 1 / -1; }
  .aurea-footer__col--news { order: -1; padding-bottom: 32px; border-bottom: 1px solid rgba(255, 255, 255, .15); }
  .aurea-footer__heading { margin-bottom: 14px; font-size: 15px; }
  .aurea-footer__links { gap: 4px; }
  .aurea-footer__links a { display: block; padding: 6px 0; } /* bigger tap targets */
  .aurea-footer__form { max-width: none; }
}

/* ---------- Product page: "Save Rs X" pill ---------- */
.aurea-save-badge { display: inline-flex; align-items: center; margin-left: 12px; padding: 5px 12px; border-radius: 60px; background: rgba(33, 56, 54, .1); color: var(--aurea-green); font-size: 14px; font-weight: 600; line-height: 1.2; vertical-align: middle; white-space: nowrap; }
.aurea-save-badge .woocommerce-Price-amount { color: inherit; font-weight: inherit; }

/* ---------- Product page: Related / Recent products spacing (their pt-100 / pb-55 classes are undefined) ---------- */
.single-product .product-section { padding-top: 64px; padding-bottom: 80px; }
.single-product .product-section + .product-section { padding-top: 0; }
@media (max-width: 767px) {
  .single-product .product-section { padding-top: 40px; padding-bottom: 56px; }
}

/* =========================================================================
 * Desktop header (1200px+): logo | search | icons, then a green nav bar
 * with mega menus.
 * ========================================================================= */
@media (min-width: 1200px) {
  header.tf-header { padding: 0 !important; background: #fff; }
  header.tf-header .header-inner { gap: 40px; padding: 14px 0; }
  header.tf-header .header-left, header.tf-header .header-right { flex: 0 0 auto !important; }

  /* Search bar */
  .aurea-hsearch { flex: 1 1 auto; max-width: 560px; margin: 0 auto; align-items: center; gap: 12px; height: 48px; padding: 0 20px; border: 1.5px solid var(--aurea-line); border-radius: 60px; background: var(--aurea-cream); color: var(--aurea-green-soft); font-size: 15px; transition: border-color .2s ease, background-color .2s ease; }
  .aurea-hsearch .icon { font-size: 20px; color: var(--aurea-green); }
  .aurea-hsearch:hover { border-color: var(--aurea-green); background: #fff; color: var(--aurea-green-soft); }

  /* Green nav bar */
  .aurea-navbar { position: relative; background: var(--aurea-green); }
  .aurea-navbar .box-nav-menu { gap: 4px; }
  .aurea-navbar .menu-item { position: static; }
  .aurea-navbar .item-link { gap: 8px; padding: 15px 18px; color: var(--aurea-ivory); font-size: 15px; font-weight: 600; letter-spacing: .01em; }
  .aurea-navbar .item-link::after { display: block !important; top: auto; bottom: 0; left: 18px; right: 18px; width: auto; height: 3px; transform: none; border-radius: 3px 3px 0 0; background: var(--aurea-ivory); opacity: 0; transition: opacity .2s ease; }
  .aurea-navbar .item-link .cus-text::after { display: none; }
  .aurea-navbar .item-link .icon { font-size: 12px; }
  .aurea-navbar .menu-item:hover .item-link, .aurea-navbar .item-link.is-current { color: #fff; background: rgba(255, 255, 255, .08); }
  .aurea-navbar .menu-item:hover .item-link::after, .aurea-navbar .item-link.is-current::after { opacity: 1; }
  .aurea-navbar__home { width: 18px; height: 18px; fill: currentColor; }
  .aurea-navbar .flash-sale-badge svg { color: var(--aurea-ivory) !important; }

  /* Mega menu */
  .aurea-navbar .mega-menu.aurea-mega { top: 100%; left: 0; right: 0; padding: 32px 0 36px; background: #fff; border-top: 3px solid var(--aurea-ivory); border-radius: 0 0 22px 22px; box-shadow: 0 24px 48px rgba(33, 56, 54, .16); }
  .aurea-mega__inner { display: grid; grid-template-columns: 1fr 300px; gap: 40px; align-items: stretch; }
  .aurea-mega__heading { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: var(--aurea-green); font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
  .aurea-mega__heading svg { width: 16px; height: 16px; fill: currentColor; }
  .aurea-mega__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 16px; margin: 0; padding: 0; list-style: none; }
  .aurea-mega__list a { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 14px; color: var(--aurea-green); font-size: 15px; font-weight: 500; transition: background-color .2s ease, transform .2s ease; }
  .aurea-mega__list a:hover { background: var(--aurea-cream); transform: translateX(3px); }
  .aurea-mega__thumb { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; background: var(--aurea-cream); border: 2px solid var(--aurea-line); color: var(--aurea-green); font-weight: 700; font-size: 16px; transition: border-color .2s ease; }
  .aurea-mega__list a:hover .aurea-mega__thumb { border-color: var(--aurea-green); }
  .aurea-mega__thumb img { width: 100%; height: 100%; object-fit: cover; }
  .aurea-mega__name { line-height: 1.3; }

  /* Category image */
  .aurea-mega__promo { display: block; align-self: start; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 20px; background: var(--aurea-cream); }
  .aurea-mega__promo-img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
  .aurea-mega__promo:hover .aurea-mega__promo-img { transform: scale(1.04); }
}