/* ==========================================================================
   NativeNic — Brand foundation (Flatsome child)
   Body cream = #F4EBD0 (true brand cream), Manrope + Cal Sans, square (0 radius).
   ========================================================================== */

:root{
  --nn-burgundy:#8B261F;
  --nn-red:#A11D21;
  --nn-cream:#F4EBD0;
  --nn-cream-soft:#FAF1D8;
  --nn-cream-deep:#EADFC2;
  --nn-ink:#1C1411;
  --nn-ink-soft:#5B4A40;
  --nn-line:#D8C9A6;
  --nn-gold:#B98A2E;
  --nn-ok:#2E7D54;
  --nn-ease:cubic-bezier(.32,.72,0,1);
}

/* True brand cream as primary surface */
html, body, .page-wrapper, .main-content, #wrapper{
  background:var(--nn-cream) !important;
}

/* Font foundation */
body, p, li, input, select, textarea, button{
  font-family:'Manrope', system-ui, -apple-system, "Segoe UI", sans-serif;
  color:var(--nn-ink);
}
h1, h2, h3, h4, h5, h6, .is-title, .heading-font, .product-title, .entry-title,
.page-title, .product_title, .woocommerce-loop-product__title{
  font-family:'Cal Sans', 'Manrope', sans-serif;
  font-weight:400;
  letter-spacing:-.012em;
  color:var(--nn-ink);
}

/* Kill all rounded corners site-wide (square aesthetic) */
button, .button, input, select, textarea,
.product-small .box-image, .product-image,
.tinv-wishlist a, .badge-container, .badge,
.woocommerce a.button, .woocommerce-page a.button,
.woocommerce button.button, .woocommerce input.button,
.add_to_cart_button{
  border-radius:0 !important;
}

/* Primary action color = burgundy (kills Flatsome default link blue) */
a{ color:var(--nn-burgundy); }
a:hover{ color:var(--nn-red); }

/* Product image frames: beige-image friendly (cream backdrop, no white halo) */
.single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery__image,
.product-small .box-image, .col-inner .box-image,
.product .box-image, .product-image{
  background:var(--nn-cream-soft) !important;
}
.single-product .woocommerce-product-gallery__image{
  border:1px solid var(--nn-line);
}
/* multiply blend on product images smooths their beige bg into our cream frame */
.single-product .woocommerce-product-gallery__image img,
.product-small .box-image img, .product .box-image img{
  mix-blend-mode:multiply;
}

/* Sale badges → square + burgundy (kills the default circles) */
.callout, .badge-container .badge{
  background:var(--nn-burgundy);
  color:var(--nn-cream);
  border-radius:0 !important;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:800;
}

/* === Product image: ★ rating badge bottom-right (the bit from v4 we kept) === */
.nn-rating-badge{
  position:absolute; bottom:12px; right:12px; z-index:3;
  background:rgba(28,20,17,.86); color:var(--nn-cream);
  padding:6px 10px; display:inline-flex; align-items:center; gap:7px;
  font-size:10.5px; font-weight:800; letter-spacing:.06em;
  backdrop-filter:blur(4px);
}
.nn-rating-badge b{ color:var(--nn-gold); font-size:12px; }
.nn-rating-badge em{ font-style:normal; opacity:.68; font-weight:700; font-size:9.5px; }
.single-product .nn-rating-badge{
  bottom:16px; right:16px; padding:8px 13px; font-size:11.5px; letter-spacing:.05em;
}
.single-product .nn-rating-badge b{ font-size:14px; }

/* Quiet down Flatsome account "click here to login" link in checkout (we have our own swap) */
/* — placeholder, only fires if WPCode neutralization missed something */