@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//7bcsayscoffeepurana.com/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.3.6") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//7bcsayscoffeepurana.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//7bcsayscoffeepurana.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//7bcsayscoffeepurana.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//7bcsayscoffeepurana.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//7bcsayscoffeepurana.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//7bcsayscoffeepurana.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//7bcsayscoffeepurana.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//7bcsayscoffeepurana.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(93,64,55);
	--wd-text-font-size: 16px;
	--wd-title-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-transform: none;
	--wd-title-color: #3E2723;
	--wd-entities-title-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: rgb(62,39,35);
	--wd-entities-title-color-hover: rgb(212, 165, 116);
	--wd-alternative-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(62,39,35);
	--wd-widget-title-font-size: 13px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #D4A574;
	--wd-alternative-color: rgb(201,169,97);
	--btn-default-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 600;
	--btn-default-transform: uppercase;
	--btn-default-bgcolor: rgb(62,39,35);
	--btn-default-bgcolor-hover: rgb(62,39,35);
	--btn-accented-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 600;
	--btn-accented-transform: uppercase;
	--btn-accented-bgcolor: rgb(62,39,35);
	--btn-accented-bgcolor-hover: rgb(62,39,35);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(201,169,97);
	--wd-link-color-hover: rgb(212,165,116);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(62,39,35);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 18px;
}
.page .wd-page-content {
	background-color: rgb(250,248,245);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(250,248,245);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(250,248,245);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(246,246,246);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(250,248,245);
	background-image: none;
}
html .wd-buy-now-btn {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	color: rgb(255,255,255);
	background: rgb(62,39,35);
}
html .wd-buy-now-btn:hover {
	background: rgb(201,153,94);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(62,39,35);
	--wd-form-placeholder-color: rgb(188,170,164);
	--wd-form-brd-color: D4A574;
	--wd-form-brd-color-focus: rgb(201,169,97);
	--wd-form-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1400px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(28,97,231);
}

/* ═══════════════════════════════════════════════════
   7BC Header — matches original index.html exactly
   Default:  transparent  → white nav text
   Sticky:   #EFEBE9 solid cream → dark nav
═══════════════════════════════════════════════════ */

/* 1. Kill always-on blur & reset rows */
.whb-main-header .whb-row {
  backdrop-filter:         none !important;
  -webkit-backdrop-filter: none !important;
  transition:              background 0.45s ease, box-shadow 0.45s ease;
}

/* 2. Default state: fully transparent — HOME ONLY */
body.home .whb-main-header .whb-row.whb-general-header,
body.home .whb-main-header .whb-row.whb-header-bottom,
body.home .whb-main-header .whb-row.whb-general-header.whb-without-bg,
body.home .whb-main-header .whb-row.whb-header-bottom.whb-with-bg,
body.home .whb-main-header .whb-row.whb-without-bg {
  background-color: transparent !important;
  border-bottom:    none !important;
  box-shadow:       none !important;
}

/* 2b. Interior pages: cream header from the start (no hero behind it) */
body:not(.home) .whb-main-header .whb-row.whb-general-header,
body:not(.home) .whb-main-header .whb-row.whb-header-bottom,
body:not(.home) .whb-main-header .whb-row.whb-general-header.whb-without-bg,
body:not(.home) .whb-main-header .whb-row.whb-header-bottom.whb-with-bg,
body:not(.home) .whb-main-header .whb-row.whb-without-bg {
  background-color:        #EFEBE9 !important;
  backdrop-filter:         none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom:           1px solid rgba(212, 165, 116, 0.18) !important;
  box-shadow:              0 1px 12px rgba(62, 39, 35, 0.08) !important;
}

/* 3. Sticky: solid cream — specificity must beat section 2 (body.home = 0,5,1)
      body.home .whb-sticked = 0,6,1 → always wins over transparent */
body .whb-sticked .whb-main-header .whb-row.whb-general-header,
body .whb-sticked .whb-main-header .whb-row.whb-header-bottom,
body .whb-sticked .whb-main-header .whb-row.whb-header-bottom.whb-with-bg,
body .whb-sticked .whb-main-header .whb-row.whb-general-header.whb-without-bg,
body .whb-sticked .whb-main-header .whb-row.whb-without-bg {
  background-color:        #EFEBE9 !important;
  backdrop-filter:         none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom:           1px solid rgba(212, 165, 116, 0.18) !important;
  box-shadow:              0 1px 12px rgba(62, 39, 35, 0.08) !important;
}

/* 4. Nav links: white over dark hero — HOME ONLY */
body.home .whb-header:not(.whb-sticked) .wd-header-nav .woodmart-nav-link,
body.home .whb-header:not(.whb-sticked) .wd-header-nav .woodmart-nav-link .nav-link-text,
body.home .whb-header:not(.whb-sticked) .wd-tools-element > a,
body.home .whb-header:not(.whb-sticked) .wd-tools-icon {
  color:                   rgba(255, 255, 255, 0.85) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;
  text-shadow:             0 1px 6px rgba(0, 0, 0, 0.25);
}

/* 4b. Nav links: dark brown on interior pages (cream header) */
body:not(.home) .whb-header:not(.whb-sticked) .wd-header-nav .woodmart-nav-link,
body:not(.home) .whb-header:not(.whb-sticked) .wd-header-nav .woodmart-nav-link .nav-link-text,
body:not(.home) .whb-header:not(.whb-sticked) .wd-tools-element > a,
body:not(.home) .whb-header:not(.whb-sticked) .wd-tools-icon {
  color:                   #3E2723 !important;
  -webkit-text-fill-color: #3E2723 !important;
  text-shadow:             none !important;
}

/* 5. Nav links: dark brown when sticky — body prefix beats body.home (section 4) */
body .whb-header.whb-sticked .wd-header-nav .woodmart-nav-link,
body .whb-header.whb-sticked .wd-header-nav .woodmart-nav-link .nav-link-text,
body .whb-header.whb-sticked .wd-tools-element > a,
body .whb-header.whb-sticked .wd-tools-icon {
  color:                   #3E2723 !important;
  -webkit-text-fill-color: #3E2723 !important;
  text-shadow:             none !important;
}

/* 6. Hover: gold in all states */
.whb-main-header .wd-header-nav .menu > li:hover > a,
.whb-main-header .wd-tools-element > a:hover {
  color:                   #D4A574 !important;
  -webkit-text-fill-color: #D4A574 !important;
  text-shadow:             none !important;
}


/* =============================================================
   7BC SAYS COFFEE PURANA — GLOBAL CSS  v1.0 (Premium Edition)
   =============================================================
   WHERE TO ADD:
   WordPress → Appearance → Customize → Additional CSS

   GOOGLE FONTS — Add this in WoodMart Customizer → Custom Code
   or Elementor → Custom Code → <head>:

   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&family=Poppins:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
   ============================================================= */

/* ============================================================
   CSS CUSTOM PROPERTIES — 7BC Coffee Purana palette
   ============================================================ */
:root {
  /* ── Gold (estate warmth — Coorg & Chikmagalur amber) ── */
  --bc7-gold-deep:    #8B6914;
  --bc7-gold:         #C9A961;
  --bc7-gold-mid:     #D4A574;
  --bc7-gold-light:   #D4A574;
  --bc7-gold-shimmer: #F0D99A;
  --bc7-gold-champ:   #E8C97A;
  --bc7-gold-pale:    #F5ECD0;
  --bc7-gold-glow:    rgba(212, 165, 116, 0.38);

  /* ── Warm Brown (coffee, roast, earth) ── */
  --bc7-brown-deep:   #1C0A05;
  --bc7-brown:        #3E2723;
  --bc7-brown-mid:    #5D4037;
  --bc7-brown-warm:   #6D4C41;
  --bc7-brown-muted:  #8D6E63;

  /* ── Backgrounds ── */
  --bc7-cream:        #EFEBE9;
  --bc7-ivory:        #F5F0EB;
  --bc7-pearl:        #FAF7F4;
  --bc7-white:        #FFFFFF;

  /* ── Text ── */
  --bc7-text-dark:    #3E2723;
  --bc7-text-body:    rgba(62, 39, 35, 0.80);
  --bc7-text-muted:   rgba(62, 39, 35, 0.52);
  --bc7-text-light:   rgba(62, 39, 35, 0.35);

  /* ── Glassmorphism tokens ── */
  --glass-white:           rgba(255, 255, 255, 0.22);
  --glass-white-heavy:     rgba(255, 255, 255, 0.55);
  --glass-gold:            rgba(212, 165, 116, 0.10);
  --glass-gold-heavy:      rgba(212, 165, 116, 0.22);
  --glass-dark:            rgba(30, 12, 5, 0.58);
  --glass-border:          rgba(255, 255, 255, 0.45);
  --glass-border-gold:     rgba(212, 165, 116, 0.38);
  --glass-border-cream:    rgba(239, 235, 233, 0.60);
  --glass-blur:            blur(18px);
  --glass-blur-light:      blur(10px);

  /* ── Typography ── */
  --font-display:  'Cormorant Garamond', Georgia, serif;
  --font-heading:  'Cormorant Garamond', Georgia, serif;
  --font-label:    'Poppins', 'Helvetica Neue', sans-serif;
  --font-body:     'Inter', 'Helvetica Neue', Arial, sans-serif;

  /* ── Shadows ── */
  --shadow-glass:  0 8px 32px rgba(212, 165, 116, 0.14), 0 2px 8px rgba(0,0,0,0.05);
  --shadow-hover:  0 24px 64px rgba(212, 165, 116, 0.20), 0 8px 24px rgba(62, 39, 35, 0.12);
  --shadow-card:   0 4px 24px rgba(62, 39, 35, 0.08);
  --shadow-deep:   0 32px 80px rgba(28, 10, 5, 0.22);

  /* ── Transitions ── */
  --bc7-transition:      all 0.40s cubic-bezier(0.4, 0, 0.2, 1);
  --bc7-transition-slow: all 0.65s cubic-bezier(0.4, 0, 0.2, 1);
  --bc7-spring:          all 0.50s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ============================================================
   GLOBAL BASE
   ============================================================ */
body {
  background-color: var(--bc7-pearl);
  font-family: var(--font-body);
  font-size: 16px;
  color: var(--bc7-text-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ============================================================
   SHIMMER & MOTION ANIMATIONS
   ============================================================ */
@keyframes bc7-shimmer {
  0%   { background-position: -300% center; }
  100% { background-position:  300% center; }
}
@keyframes bc7-shimmer-warm {
  0%   { background-position: -300% center; }
  100% { background-position:  300% center; }
}
@keyframes bc7-float {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-10px); }
}
@keyframes bc7-float-sm {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-5px); }
}
@keyframes bc7-pulse-glow {
  0%, 100% { box-shadow: 0 0 20px rgba(212, 165, 116, 0.25), 0 0 60px rgba(212, 165, 116, 0.08); }
  50%       { box-shadow: 0 0 40px rgba(212, 165, 116, 0.55), 0 0 100px rgba(212, 165, 116, 0.22); }
}
@keyframes bc7-pulse-warm {
  0%, 100% { box-shadow: 0 0 20px rgba(62, 39, 35, 0.18); }
  50%       { box-shadow: 0 0 40px rgba(62, 39, 35, 0.38); }
}
@keyframes bc7-spin-slow {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
@keyframes bc7-fade-up {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes bc7-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes bc7-scale-in {
  from { opacity: 0; transform: scale(0.92); }
  to   { opacity: 1; transform: scale(1); }
}
@keyframes bc7-particle {
  0%   { transform: translateY(0) translateX(0) scale(1); opacity: 0.7; }
  50%  { transform: translateY(-40px) translateX(20px) scale(1.3); opacity: 0.3; }
  100% { transform: translateY(0) translateX(0) scale(1); opacity: 0.7; }
}

/* ============================================================
   SHIMMER TEXT UTILITIES
   ============================================================ */

/* Gold shimmer — primary display text */
.bc7-shimmer-gold {
  background: linear-gradient(
    105deg,
    var(--bc7-gold-deep)    0%,
    var(--bc7-gold)         18%,
    var(--bc7-gold-shimmer) 34%,
    var(--bc7-gold-champ)   50%,
    var(--bc7-gold-shimmer) 66%,
    var(--bc7-gold)         82%,
    var(--bc7-gold-deep)    100%
  );
  background-size: 300% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: bc7-shimmer 4s linear infinite;
}

/* Warm roast shimmer — secondary accent text */
.bc7-shimmer-warm {
  background: linear-gradient(
    105deg,
    var(--bc7-brown-mid)   0%,
    var(--bc7-brown-warm)  22%,
    var(--bc7-brown-muted) 42%,
    var(--bc7-gold-mid)    50%,
    var(--bc7-brown-muted) 58%,
    var(--bc7-brown-warm)  78%,
    var(--bc7-brown-mid)   100%
  );
  background-size: 300% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: bc7-shimmer-warm 4.5s linear infinite;
}

/* Luxury shimmer — gold range only, estate premium */
.bc7-shimmer-luxury {
  background: linear-gradient(
    105deg,
    var(--bc7-gold-deep)    0%,
    var(--bc7-gold)         15%,
    var(--bc7-gold-shimmer) 32%,
    var(--bc7-gold-champ)   50%,
    var(--bc7-gold-shimmer) 68%,
    var(--bc7-gold)         85%,
    var(--bc7-gold-deep)    100%
  );
  background-size: 300% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: bc7-shimmer 5s linear infinite;
}

/* Animated shimmer border */
.bc7-shimmer-border {
  position: relative;
}
.bc7-shimmer-border::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1.5px;
  background: linear-gradient(
    135deg,
    var(--bc7-gold-deep),
    var(--bc7-gold-light),
    var(--bc7-gold-shimmer),
    var(--bc7-gold-champ),
    var(--bc7-gold-deep)
  );
  background-size: 300% 300%;
  animation: bc7-shimmer 3s linear infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  pointer-events: none;
}

/* ============================================================
   GLASSMORPHISM UTILITIES
   ============================================================ */
.bc7-glass {
  background: var(--glass-white);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-glass);
}
.bc7-glass-gold {
  background: var(--glass-gold);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border: 1px solid var(--glass-border-gold);
  box-shadow: var(--shadow-glass);
}
.bc7-glass-dark {
  background: var(--glass-dark);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border: 1px solid rgba(212, 165, 116, 0.18);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28);
}
.bc7-glass-heavy {
  background: var(--glass-white-heavy);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.65);
  box-shadow: var(--shadow-glass);
}
.bc7-glass-cream {
  background: rgba(239, 235, 233, 0.80);
  backdrop-filter: var(--glass-blur-light);
  -webkit-backdrop-filter: var(--glass-blur-light);
  border: 1px solid var(--glass-border-cream);
  box-shadow: var(--shadow-card);
}

/* ============================================================
   SCROLL REVEAL
   ============================================================ */
.bc7-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.bc7-reveal.bc7-visible {
  opacity: 1;
  transform: translateY(0);
}
.bc7-reveal-delay-1 { transition-delay: 0.10s; }
.bc7-reveal-delay-2 { transition-delay: 0.20s; }
.bc7-reveal-delay-3 { transition-delay: 0.32s; }
.bc7-reveal-delay-4 { transition-delay: 0.44s; }

/* ============================================================
   SECTION HEADER UTILITIES
   ============================================================ */
.bc7-section-header {
  text-align: center;
  margin-bottom: 56px;
}
.bc7-eyebrow {
  display: inline-block;
  font-family: var(--font-label);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--bc7-gold);
  margin-bottom: 16px;
}
.bc7-section-title {
  font-family: var(--font-display) !important;
  font-size: clamp(34px, 4.5vw, 58px) !important;
  font-weight: 600 !important;
  line-height: 1.10 !important;
  margin: 0 !important;
  color: var(--bc7-text-dark) !important;
}
.bc7-section-subtitle {
  font-family: var(--font-body);
  font-size: 17px;
  color: var(--bc7-text-muted);
  margin-top: 18px;
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.75;
  font-weight: 400;
}

/* ============================================================
   GOLD ORNAMENT DIVIDER
   ============================================================ */
.bc7-ornament {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 0 22px;
}
.bc7-ornament.center { justify-content: center; }
.bc7-ornament-line {
  height: 1px;
  width: 54px;
  background: linear-gradient(to right, transparent, var(--bc7-gold));
}
.bc7-ornament-line.rev {
  background: linear-gradient(to left, transparent, var(--bc7-gold));
}
.bc7-ornament-diamond {
  width: 7px; height: 7px;
  background: var(--bc7-gold);
  transform: rotate(45deg);
  flex-shrink: 0;
  box-shadow: 0 0 6px var(--bc7-gold-glow);
}
.bc7-ornament-dot {
  width: 4px; height: 4px;
  background: var(--bc7-gold-mid);
  border-radius: 50%;
}

/* ============================================================
   BUTTONS
   ============================================================ */
.bc7-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: var(--font-label);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-decoration: none !important;
  padding: 15px 40px;
  border-radius: 2px;
  cursor: pointer;
  transition: var(--bc7-transition);
  border: 1.5px solid transparent;
  line-height: 1;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}
/* Shimmer sweep on hover */
.bc7-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    105deg, transparent 40%,
    rgba(255, 255, 255, 0.20) 50%,
    transparent 60%
  );
  background-size: 200% 100%;
  background-position: 200% 0;
  transition: background-position 0.5s ease;
}
.bc7-btn:hover::before {
  background-position: -200% 0;
}

/* Gold primary — estate warmth */
.bc7-btn-gold {
  background: linear-gradient(135deg, var(--bc7-gold), var(--bc7-gold-light), var(--bc7-gold));
  background-size: 200% auto;
  color: var(--bc7-brown-deep) !important;
  border-color: transparent;
  box-shadow: 0 4px 20px var(--bc7-gold-glow);
  transition: var(--bc7-transition);
}
.bc7-btn-gold:hover {
  background-position: right center;
  box-shadow: 0 8px 36px rgba(212, 165, 116, 0.58);
  transform: translateY(-2px);
}

/* Dark brown primary — signature 7BC */
.bc7-btn-dark {
  background: linear-gradient(135deg, #3E2723, #5D4037, #3E2723);
  background-size: 200% auto;
  color: var(--bc7-gold-light) !important;
  border-color: transparent;
  box-shadow: 0 6px 28px rgba(62, 39, 35, 0.38);
  transition: var(--bc7-transition);
}
.bc7-btn-dark:hover {
  background-position: right center;
  box-shadow: 0 10px 40px rgba(62, 39, 35, 0.55);
  transform: translateY(-3px);
}

/* Glass button — for dark section overlays */
.bc7-btn-glass {
  background: var(--glass-white);
  backdrop-filter: var(--glass-blur-light);
  -webkit-backdrop-filter: var(--glass-blur-light);
  color: var(--bc7-white) !important;
  border-color: var(--glass-border);
}
.bc7-btn-glass:hover {
  background: rgba(255, 255, 255, 0.32);
  transform: translateY(-2px);
}

/* Glass dark — for cream section overlays */
.bc7-btn-glass-dark {
  background: rgba(62, 39, 35, 0.06);
  backdrop-filter: var(--glass-blur-light);
  -webkit-backdrop-filter: var(--glass-blur-light);
  color: var(--bc7-text-dark) !important;
  border-color: var(--glass-border-gold);
}
.bc7-btn-glass-dark:hover {
  background: rgba(212, 165, 116, 0.14);
  border-color: var(--bc7-gold);
  transform: translateY(-2px);
}

/* Outline gold */
.bc7-btn-outline-gold {
  background: transparent;
  color: var(--bc7-gold) !important;
  border-color: var(--bc7-gold);
}
.bc7-btn-outline-gold:hover {
  background: var(--bc7-gold);
  color: var(--bc7-brown-deep) !important;
  transform: translateY(-2px);
}

/* ============================================================
   SCROLL REVEAL JS SNIPPET — include once on page
   ============================================================ */
/* Add this via Elementor → Custom Code → Footer scripts:

<script>
(function() {
  const els = document.querySelectorAll('.bc7-reveal');
  const obs = new IntersectionObserver((entries) => {
    entries.forEach(e => {
      if (e.isIntersecting) {
        e.target.classList.add('bc7-visible');
        obs.unobserve(e.target);
      }
    });
  }, { threshold: 0.12 });
  els.forEach(el => obs.observe(el));
})();
</script>

*/

/* ============================================================
   WOOCOMMERCE / WOODMART BASE OVERRIDES
   ============================================================ */

/* Product Titles */
.woocommerce-loop-product__title,
.woocommerce h1.product_title {
  font-family: var(--font-display) !important;
  color: var(--bc7-text-dark) !important;
}

/* Prices — warm gold */
.woocommerce .price,
.woocommerce-Price-amount {
  color: var(--bc7-gold) !important;
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
}

/* Add to Cart / Primary Buttons — dark brown with gold text + shimmer
   Covers: single product, grid cards, quick-add, checkout         */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce ul.products li.product .button,
.woodmart-product-card .product-inner a.button,
.woodmart-product-card .wd-add-btn > a,
.wd-add-btn > a.button,
.product-inner .add_to_cart_button,
.woodmart-product-card a.add_to_cart_button {
  background: linear-gradient(135deg, var(--bc7-brown), var(--bc7-brown-mid), var(--bc7-brown)) !important;
  background-size: 200% auto !important;
  color: var(--bc7-gold-light) !important;
  font-family: var(--font-label) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  border-radius: 3px !important;
  border: none !important;
  box-shadow: 0 6px 28px rgba(62, 39, 35, 0.32) !important;
  transition: var(--bc7-transition) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Shimmer sweep layer — single product + grid cards */
.woocommerce a.button::before,
.woocommerce button.button::before,
.woocommerce input[type="submit"]::before,
.woocommerce #respond input#submit::before,
.woocommerce ul.products li.product .button::before,
.woodmart-product-card .product-inner a.button::before,
.woodmart-product-card .wd-add-btn > a::before,
.wd-add-btn > a.button::before,
.product-inner .add_to_cart_button::before,
.woodmart-product-card a.add_to_cart_button::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    105deg,
    transparent               40%,
    rgba(255, 255, 255, 0.22) 50%,
    transparent               60%
  );
  background-size: 200% 100%;
  background-position: 200% 0;
  transition: background-position 0.55s ease;
  pointer-events: none;
}
.woocommerce a.button:hover::before,
.woocommerce button.button:hover::before,
.woocommerce input[type="submit"]:hover::before,
.woocommerce #respond input#submit:hover::before,
.woocommerce ul.products li.product .button:hover::before,
.woodmart-product-card .product-inner a.button:hover::before,
.woodmart-product-card .wd-add-btn > a:hover::before,
.wd-add-btn > a.button:hover::before,
.product-inner .add_to_cart_button:hover::before,
.woodmart-product-card a.add_to_cart_button:hover::before {
  background-position: -200% 0;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce ul.products li.product .button:hover,
.woodmart-product-card .product-inner a.button:hover,
.woodmart-product-card .wd-add-btn > a:hover,
.product-inner .add_to_cart_button:hover {
  background-position: right center !important;
  box-shadow: 0 10px 40px rgba(62, 39, 35, 0.48) !important;
  transform: translateY(-2px) !important;
}

/* Star Ratings */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
  color: var(--bc7-gold) !important;
}

/* Sale Badge — warm dark brown */
.woocommerce span.onsale {
  background: linear-gradient(135deg, var(--bc7-brown), var(--bc7-brown-mid)) !important;
  color: var(--bc7-gold-light) !important;
  font-family: var(--font-label) !important;
  font-size: 9px !important;
  letter-spacing: 1.5px !important;
  border-radius: 2px !important;
  padding: 4px 10px !important;
  min-width: auto !important;
  min-height: auto !important;
  line-height: 1.4 !important;
}

/* Breadcrumb */
.woocommerce .woocommerce-breadcrumb {
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  color: var(--bc7-text-muted) !important;
  letter-spacing: 0.5px;
}
.woocommerce .woocommerce-breadcrumb a {
  color: var(--bc7-gold) !important;
  transition: color 0.3s ease;
}
.woocommerce .woocommerce-breadcrumb a:hover {
  color: var(--bc7-gold-mid) !important;
}

/* Product card hover */
.woodmart-product-card-design-default .product-inner:hover {
  box-shadow: var(--shadow-hover) !important;
}

/* ============================================================
   SINGLE PRODUCT — Right column elevated card
   NOTE: Page is built in Elementor. No .summary.entry-summary exists.
   The right column is the 2nd .e-con-full inside .wd-negative-gap.
   ============================================================ */

/* Align two columns to top edge */
body.single-product .wd-negative-gap > .e-con-inner {
  align-items: flex-start !important;
}

/* Right column — cream card with left gold accent + soft shadow */
body.single-product .wd-negative-gap > .e-con-inner > .e-con-full:nth-child(2) {
  background: var(--bc7-ivory) !important;
  border-radius: 6px !important;
  padding: 36px 40px !important;
  box-shadow: var(--shadow-card) !important;
  border-left: 3px solid var(--bc7-gold-mid) !important;
  position: relative !important;
}

/* Gold shimmer hairline across the top of the card */
body.single-product .wd-negative-gap > .e-con-inner > .e-con-full:nth-child(2)::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(
    to right,
    var(--bc7-gold-deep),
    var(--bc7-gold-mid),
    var(--bc7-gold-shimmer),
    var(--bc7-gold-mid),
    transparent
  ) !important;
  border-radius: 6px 6px 0 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Mobile: swap left border → top border */
@media (max-width: 768px) {
  body.single-product .wd-negative-gap > .e-con-inner > .e-con-full:nth-child(2) {
    padding: 24px 20px !important;
    border-left: none !important;
    border-top: 3px solid var(--bc7-gold-mid) !important;
  }
}

/* ============================================================
   CHECKOUT & CART — Form Fields, Table, Messages
   Scoped to cart/checkout body classes only.
   Buttons NOT included — already handled by generic WooCommerce
   button overrides above (lines 596-669).
   ============================================================ */

/* ── Form field borders (fixes invisible fields) ── */
body.woocommerce-checkout .woocommerce input[type="text"],
body.woocommerce-checkout .woocommerce input[type="email"],
body.woocommerce-checkout .woocommerce input[type="tel"],
body.woocommerce-checkout .woocommerce input[type="number"],
body.woocommerce-checkout .woocommerce input[type="password"],
body.woocommerce-checkout .woocommerce textarea,
body.woocommerce-checkout .woocommerce select,
body.woocommerce-checkout .select2-container .select2-selection {
  border: 1px solid var(--bc7-cream) !important;
  border-radius: 2px !important;
  background: var(--bc7-pearl) !important;
  padding: 14px 18px !important;
  font-family: var(--font-body) !important;
  font-size: 0.9rem !important;
  color: var(--bc7-text-dark) !important;
  transition: border-color 0.3s, box-shadow 0.3s, background 0.3s !important;
}
body.woocommerce-checkout .woocommerce input:focus,
body.woocommerce-checkout .woocommerce textarea:focus,
body.woocommerce-checkout .woocommerce select:focus,
body.woocommerce-checkout .select2-container--open .select2-selection {
  border-color: var(--bc7-gold-mid) !important;
  background: var(--bc7-white) !important;
  box-shadow: 0 0 0 3px rgba(212, 165, 116, 0.12) !important;
  outline: none !important;
}
body.woocommerce-checkout .woocommerce input::placeholder,
body.woocommerce-checkout .woocommerce textarea::placeholder {
  color: var(--bc7-text-light) !important;
}

/* ── Checkout labels ── */
body.woocommerce-checkout .woocommerce label {
  font-family: var(--font-label) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: var(--bc7-brown-mid) !important;
}
body.woocommerce-checkout .woocommerce .required {
  color: var(--bc7-gold-mid) !important;
}

/* ── Checkout section headings ── */
body.woocommerce-checkout .woocommerce h3 {
  font-family: var(--font-display) !important;
  font-size: 1.4rem !important;
  color: var(--bc7-text-dark) !important;
  margin-bottom: 24px !important;
}

/* ── Select2 dropdown (Country/State) ── */
body.woocommerce-checkout .select2-container .select2-selection--single {
  height: auto !important;
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
}
body.woocommerce-checkout .select2-dropdown {
  border-color: var(--bc7-cream) !important;
}
body.woocommerce-checkout .select2-results__option--highlighted {
  background: var(--bc7-gold-mid) !important;
  color: var(--bc7-white) !important;
}

/* ── Order review table ── */
body.woocommerce-checkout .woocommerce-checkout-review-order-table th {
  font-family: var(--font-label) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--bc7-brown-warm) !important;
}

/* ── Place order — gold variant (overrides dark brown generic) ── */
body.woocommerce-checkout .woocommerce #place_order {
  background: linear-gradient(135deg, var(--bc7-gold-mid), var(--bc7-gold), var(--bc7-gold-mid)) !important;
  color: var(--bc7-white) !important;
  box-shadow: 0 6px 24px var(--bc7-gold-glow) !important;
}
body.woocommerce-checkout .woocommerce #place_order:hover {
  background: linear-gradient(135deg, var(--bc7-brown), var(--bc7-brown-mid), var(--bc7-brown)) !important;
  box-shadow: 0 10px 36px rgba(62, 39, 35, 0.38) !important;
}

/* ── Cart page: table ── */
body.woocommerce-cart .woocommerce table.shop_table {
  border-color: var(--bc7-cream) !important;
}
body.woocommerce-cart .woocommerce table.shop_table th {
  background: var(--bc7-brown) !important;
  color: var(--bc7-white) !important;
  font-family: var(--font-label) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
body.woocommerce-cart .woocommerce table.shop_table td {
  border-color: var(--bc7-cream) !important;
  color: var(--bc7-brown-mid) !important;
  font-family: var(--font-body) !important;
}
body.woocommerce-cart .woocommerce table.shop_table td.product-name a {
  color: var(--bc7-text-dark) !important;
  font-weight: 600 !important;
}
body.woocommerce-cart .woocommerce table.shop_table td.product-name a:hover {
  color: var(--bc7-gold-mid) !important;
}

/* ── Cart: quantity input ── */
body.woocommerce-cart .woocommerce .quantity .qty {
  border: 1px solid var(--bc7-cream) !important;
  color: var(--bc7-text-dark) !important;
}
body.woocommerce-cart .woocommerce .quantity .qty:focus {
  border-color: var(--bc7-gold-mid) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(212, 165, 116, 0.12) !important;
}

/* ── Cart: remove button ── */
body.woocommerce-cart .woocommerce a.remove {
  color: var(--bc7-text-light) !important;
}
body.woocommerce-cart .woocommerce a.remove:hover {
  background: var(--bc7-brown) !important;
  color: var(--bc7-white) !important;
}

/* ── Cart: coupon input ── */
body.woocommerce-cart .woocommerce .coupon input {
  border: 1px solid var(--bc7-cream) !important;
  font-family: var(--font-body) !important;
  border-radius: 2px !important;
}
body.woocommerce-cart .woocommerce .coupon input:focus {
  border-color: var(--bc7-gold-mid) !important;
  outline: none !important;
}

/* ── Cart totals box ── */
body.woocommerce-cart .woocommerce .cart_totals {
  background: var(--bc7-cream) !important;
  border-radius: 3px !important;
  padding: 28px !important;
}
body.woocommerce-cart .woocommerce .cart_totals h2 {
  font-family: var(--font-display) !important;
  color: var(--bc7-text-dark) !important;
  font-size: 1.3rem !important;
}
body.woocommerce-cart .woocommerce .cart_totals table th {
  color: var(--bc7-brown-warm) !important;
  font-family: var(--font-label) !important;
  font-size: 0.82rem !important;
  background: transparent !important;
}
body.woocommerce-cart .woocommerce .cart_totals table td {
  color: var(--bc7-text-dark) !important;
  font-weight: 600 !important;
}

/* ── Cart: checkout button — gold variant ── */
body.woocommerce-cart .woocommerce .checkout-button,
body.woocommerce-cart .woocommerce a.checkout-button {
  background: linear-gradient(135deg, var(--bc7-gold-mid), var(--bc7-gold), var(--bc7-gold-mid)) !important;
  color: var(--bc7-white) !important;
  box-shadow: 0 6px 24px var(--bc7-gold-glow) !important;
}
body.woocommerce-cart .woocommerce .checkout-button:hover,
body.woocommerce-cart .woocommerce a.checkout-button:hover {
  background: linear-gradient(135deg, var(--bc7-brown), var(--bc7-brown-mid), var(--bc7-brown)) !important;
  box-shadow: 0 10px 36px rgba(62, 39, 35, 0.38) !important;
}

/* ── WooCommerce messages — kill blue, use 7BC theme ── */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
  border-top-color: var(--bc7-gold-mid) !important;
  background: var(--bc7-cream) !important;
  color: var(--bc7-text-dark) !important;
}
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before {
  color: var(--bc7-gold-mid) !important;
}
.woocommerce .woocommerce-error {
  border-top-color: #BF360C !important;
  background: #FBE9E7 !important;
}

/* ── Page title bar (Woodmart default blue → 7BC brown/gold) ── */
.wd-page-title {
  background-color: var(--bc7-brown) !important;
  background: linear-gradient(135deg, var(--bc7-brown), var(--bc7-brown-mid)) !important;
}

/* ── Quantity input fix (invisible number between +/-) ── */
body.woocommerce-checkout .woocommerce .quantity .qty,
body.woocommerce-cart .woocommerce .quantity .qty,
.woocommerce .quantity .qty {
  background: var(--bc7-white) !important;
  color: var(--bc7-text-dark) !important;
  border: 1px solid var(--bc7-cream) !important;
  -webkit-text-fill-color: var(--bc7-text-dark) !important;
  opacity: 1 !important;
  width: 50px !important;
  text-align: center !important;
  font-family: var(--font-body) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
}