/* ==========================================================================
   GEM Fragrance — site-wide brand theme (matches Home 2026)
   Ink #1F1B16 · Cream #FBF7F0 · Sand #F1E7D7 · Gold #B8863B / #9A6518
   ========================================================================== */

:root{
  --gem-ink:#1F1B16;
  --gem-ink-soft:#3E372E;
  --gem-body:#4E463C;
  --gem-muted:#8A7F71;
  --gem-cream:#FBF7F0;
  --gem-sand:#F1E7D7;
  --gem-line:#E4D9C8;
  --gem-gold:#B8863B;
  --gem-gold-dark:#9A6518;
  --gem-gold-light:#D9A441;
  --gem-serif:"Forum",Georgia,"Times New Roman",serif;
  --gem-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

/* ---------- base ---------- */
body{background-color:var(--gem-cream);color:var(--gem-body);font-family:var(--gem-sans);}
.woocommerce{background-color:var(--gem-cream);}
::selection{background:var(--gem-gold);color:#fff;}

/* ---------- typography ---------- */
h1,h2,h3,h4,h5,h6,
.elementor-widget-heading .elementor-heading-title,
.entry-title,.product_title,.woocommerce-loop-product__title,
.etheme-product-grid-title,.post-heading .entry-title,
.woocommerce-tabs .panel h2,.related.products > h2,.upsells.products > h2,
.cross-sells > h2,.cart_totals h2,.woocommerce-checkout h3,
#order_review_heading,.woocommerce-account .woocommerce h2{
  font-family:var(--gem-serif)!important;
  font-weight:400!important;
  letter-spacing:0;
}
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li,
.elementor-widget-text-editor span{font-family:var(--gem-sans);}

/* content links */
.content a:not(.button):not(.btn),
.entry-content a:not(.button),
.elementor-widget-text-editor a{color:var(--gem-gold-dark);}
.content a:not(.button):not(.btn):hover,
.entry-content a:not(.button):hover,
.elementor-widget-text-editor a:hover{color:var(--gem-gold);}

/* ---------- buttons ---------- */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce .button,
.button.alt,.single_add_to_cart_button,.etheme-product-grid-button,
.btn-checkout,.wc-forward,#place_order,.checkout-button,
.sr-headless-checkout,.quform-submit,.wpcf7-submit,
input[type="submit"]:not(.elementor-button){
  background-color:var(--gem-gold)!important;
  border:1px solid var(--gem-gold)!important;
  color:#fff!important;
  border-radius:2px!important;
  font-family:var(--gem-sans)!important;
  font-size:11px!important;
  font-weight:500!important;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:background-color .25s ease,border-color .25s ease,color .25s ease;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,.woocommerce .button:hover,
.button.alt:hover,.single_add_to_cart_button:hover,.etheme-product-grid-button:hover,
.btn-checkout:hover,.wc-forward:hover,#place_order:hover,.checkout-button:hover,
.sr-headless-checkout:hover,.quform-submit:hover,.wpcf7-submit:hover,
input[type="submit"]:not(.elementor-button):hover{
  background-color:var(--gem-gold-dark)!important;
  border-color:var(--gem-gold-dark)!important;
  color:#fff!important;
}

/* ---------- prices ---------- */
.woocommerce-Price-amount,.price .amount,.price ins,.price ins .amount,
.summary .price,.product-price{color:var(--gem-gold-dark)!important;font-weight:500;}
.price del,.price del .amount{color:var(--gem-muted)!important;font-weight:400!important;}
.price ins{text-decoration:none;}

/* ---------- badges ---------- */
.onsale,.sale-wrapper .onsale{
  background:var(--gem-gold)!important;
  color:#fff!important;
  border-radius:2px!important;
  font-family:var(--gem-sans)!important;
  font-size:10px!important;
  font-weight:600!important;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:6px 10px!important;
  line-height:1.2!important;
}

/* ---------- breadcrumbs ---------- */
.woocommerce-breadcrumb{
  font-family:var(--gem-sans)!important;
  font-size:11px!important;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--gem-muted)!important;
}
.woocommerce-breadcrumb a{color:var(--gem-muted)!important;}
.woocommerce-breadcrumb a:hover{color:var(--gem-gold)!important;}
.woocommerce-breadcrumb .delimeter{color:var(--gem-line)!important;}
.woocommerce-breadcrumb .title{font-family:var(--gem-sans)!important;font-size:11px!important;letter-spacing:.12em;color:var(--gem-ink)!important;}

/* ---------- shop grid ---------- */
.etheme-product-grid-item .etheme-product-grid-title{font-size:17px!important;line-height:1.4!important;}
.etheme-product-grid-title a{color:var(--gem-ink)!important;}
.etheme-product-grid-title a:hover{color:var(--gem-gold)!important;}
.etheme-product-grid-content .price{font-size:14px!important;}
.etheme-product-grid-content .button{font-size:10px!important;padding:12px 18px!important;}

/* ---------- product page ---------- */
.product_meta .detail-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gem-muted);}
.product_meta .detail-content a{color:var(--gem-gold-dark);}
.product_meta .detail-content a:hover{color:var(--gem-gold);}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  font-family:var(--gem-sans)!important;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--gem-gold)!important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-color:var(--gem-gold)!important;}
.woocommerce #reviews #comments ol.commentlist li .comment-text{border-color:var(--gem-line)!important;}
.woocommerce .quantity .qty{border:1px solid var(--gem-line)!important;border-radius:2px!important;color:var(--gem-ink)!important;}

/* ---------- star ratings ---------- */
.star-rating span:before,.star-rating:before{color:var(--gem-gold)!important;}
.star-rating:before{color:var(--gem-line)!important;}

/* ---------- forms ---------- */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce form .form-row select,.woocommerce input[type="text"],
.woocommerce input[type="email"],.woocommerce input[type="tel"],
.woocommerce input[type="password"],.woocommerce input[type="number"],
.woocommerce textarea,.woocommerce select,
.quform input,.quform textarea,.quform select,
.wpcf7 input,.wpcf7 textarea{
  background:#fff!important;
  border:1px solid var(--gem-line)!important;
  border-radius:2px!important;
  color:var(--gem-body)!important;
  font-family:var(--gem-sans)!important;
  box-shadow:none!important;
}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,.wpcf7 input:focus,.wpcf7 textarea:focus,
.quform input:focus,.quform textarea:focus{
  border-color:var(--gem-gold)!important;
  box-shadow:0 0 0 2px rgba(184,134,59,.12)!important;
  outline:none!important;
}
.select2-container--default .select2-selection--single{
  border:1px solid var(--gem-line)!important;border-radius:2px!important;height:42px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px!important;color:var(--gem-body)!important;}
.select2-container--default.select2-container--focus .select2-selection--single{border-color:var(--gem-gold)!important;}

/* ---------- tables ---------- */
.woocommerce table.shop_table{border:1px solid var(--gem-line)!important;border-radius:2px!important;}
.woocommerce table.shop_table th{
  background:var(--gem-sand)!important;color:var(--gem-ink)!important;
  font-family:var(--gem-sans)!important;font-size:11px!important;
  letter-spacing:.1em;text-transform:uppercase;font-weight:600!important;
}
.woocommerce table.shop_table td{border-color:var(--gem-line)!important;}

/* ---------- pagination ---------- */
.woocommerce-pagination a,.woocommerce-pagination span.page-numbers,
.page-numbers a,.page-numbers span:not(.dots){
  border:1px solid var(--gem-line)!important;color:var(--gem-ink)!important;border-radius:2px!important;
}
.woocommerce-pagination .current,.page-numbers.current{
  background:var(--gem-gold)!important;border-color:var(--gem-gold)!important;color:#fff!important;
}

/* ---------- notices ---------- */
.woocommerce-message,.woocommerce-info{
  background:var(--gem-sand)!important;color:var(--gem-ink)!important;border-top-color:var(--gem-gold)!important;
}
.woocommerce-message::before,.woocommerce-info::before{color:var(--gem-gold)!important;}
.woocommerce-error{background:#F8E9E5!important;border-top-color:#B4553F!important;}

/* ---------- sidebar & widgets ---------- */
.sidebar .widget-title{font-family:var(--gem-serif)!important;font-size:18px!important;color:var(--gem-ink)!important;}
.sidebar .widget-title span{font-family:var(--gem-serif)!important;}
.widget-title{font-family:var(--gem-serif)!important;font-weight:400!important;}

/* ---------- blog ---------- */
.post-heading .entry-title a{color:var(--gem-ink);}
.post-heading .entry-title a:hover{color:var(--gem-gold);}
blockquote{border-left:2px solid var(--gem-gold);padding-left:20px;font-family:var(--gem-serif);color:var(--gem-ink);}

/* ---------- header / footer hovers ---------- */
.header-wrapper a:hover,.footer a:hover,.copyrights a:hover{color:var(--gem-gold)!important;}

/* ---------- mobile ---------- */
@media(max-width:767px){
  .woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
  .single_add_to_cart_button,.etheme-product-grid-button,#place_order{font-size:10px!important;letter-spacing:.08em;}
}

/* ---------- refinement ---------- */
.onsale span{margin-left:3px;}
.et-single-buy-now{
  background-color:var(--gem-ink)!important;
  border-color:var(--gem-ink)!important;
  color:#fff!important;
}
.et-single-buy-now:hover{background-color:#000!important;border-color:#000!important;color:#fff!important;}
.woocommerce-product-details__short-description,
.woocommerce-product-details__short-description p,
.woocommerce-tabs .panel,.woocommerce-tabs .panel p,
.woocommerce-Reviews .comment-text p{color:var(--gem-body)!important;}
.woocommerce-breadcrumb .title{font-family:var(--gem-serif)!important;text-transform:none;letter-spacing:0;font-size:18px!important;}

/* ---------- additional coverage ---------- */
.woocommerce .btn{
  background-color:var(--gem-gold)!important;
  border:1px solid var(--gem-gold)!important;
  color:#fff!important;
  border-radius:2px!important;
  font-family:var(--gem-sans)!important;
  font-size:11px!important;
  font-weight:500!important;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.woocommerce .btn:hover{background-color:var(--gem-gold-dark)!important;border-color:var(--gem-gold-dark)!important;color:#fff!important;}
.footer p,.footer li,.footer .elementor-widget-text-editor,
.footer .elementor-widget-text-editor p{font-family:var(--gem-sans)!important;}

/* ---------- cart / checkout (Elementor checkout widgets) ---------- */
.woocommerce-checkout .button,.woocommerce-cart .button,
.checkout_coupon .button,.woocommerce-checkout .woocommerce-button{
  background-color:var(--gem-gold)!important;
  border:1px solid var(--gem-gold)!important;
  color:#fff!important;
  border-radius:2px!important;
  font-family:var(--gem-sans)!important;
  font-size:11px!important;
  font-weight:500!important;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.woocommerce-checkout .button:hover,.woocommerce-cart .button:hover,
.checkout_coupon .button:hover{background-color:var(--gem-gold-dark)!important;border-color:var(--gem-gold-dark)!important;color:#fff!important;}
.woocommerce-cart .clear-cart.btn.bordered,
.woocommerce-cart .btn.bordered{
  background-color:transparent!important;
  border:1px solid var(--gem-ink)!important;
  color:var(--gem-ink)!important;
}
.woocommerce-cart .clear-cart.btn.bordered:hover,
.woocommerce-cart .btn.bordered:hover{background-color:var(--gem-ink)!important;color:#fff!important;}
.checkout_coupon .input-text{width:100%!important;max-width:280px;min-height:42px;}
.checkout_coupon{display:flex!important;flex-wrap:wrap;gap:8px;align-items:center;}

/* ---------- checkout / account fields (outside .woocommerce wrapper) ---------- */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .input-text,
.checkout_coupon .input-text,
.woocommerce-account .input-text,
.woocommerce-cart .input-text{
  background:#fff!important;
  border:1px solid var(--gem-line)!important;
  border-radius:2px!important;
  color:var(--gem-body)!important;
  font-family:var(--gem-sans)!important;
  box-shadow:none!important;
}
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .input-text:focus,
.checkout_coupon .input-text:focus,
.woocommerce-account .input-text:focus{
  border-color:var(--gem-gold)!important;
  box-shadow:0 0 0 2px rgba(184,134,59,.12)!important;
  outline:none!important;
}
.woocommerce-checkout select,.woocommerce-checkout .select2-selection--single{border-color:var(--gem-line)!important;}

/* ---------- coupon layout ---------- */
.etheme-elementor-cart-checkout-page-coupon{width:100%!important;float:none!important;}
.checkout_coupon{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px;align-items:center;}
.checkout_coupon .input-text{flex:1 1 100%!important;max-width:100%!important;}
.checkout_coupon .button{flex:0 0 auto;}
.showcoupon{color:var(--gem-gold-dark)!important;text-decoration:underline;}
.showcoupon:hover{color:var(--gem-gold)!important;}

/* ---------- global canvas (XStore sets body white later in its sheet) ---------- */
html body{background-color:var(--gem-cream)!important;}
body.home .content-page{padding-bottom:0!important;}

/* ---------- footer / icon boxes still inherit the old DM Sans ---------- */
.elementor-location-footer :is(p,li,a,span,strong,em){font-family:var(--gem-sans)!important;}
.elementor-location-footer .elementor-heading-title{font-family:var(--gem-serif)!important;}
.etheme-icon-box-description{font-family:var(--gem-sans)!important;}
.elementor-location-footer .etheme-icon-box-description{font-size:14px;line-height:1.7;}

/* ---------- single product: duplicate breadcrumb from the product template ---------- */
.single-product .page-heading.bc-effect-mouse{display:none!important;}

/* ---------- related products: slider clips cards on phones ---------- */
@media (max-width:767px){
  .elementor-widget-woocommerce-product-etheme_related .swiper-wrapper{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:24px 12px!important;
    transform:none!important;
  }
  .elementor-widget-woocommerce-product-etheme_related .swiper-slide{
    width:auto!important;
    height:auto!important;
    margin:0!important;
  }
  .elementor-widget-woocommerce-product-etheme_related .swiper-slide-duplicate{display:none!important;}
  .elementor-widget-woocommerce-product-etheme_related .swiper-button-next,
  .elementor-widget-woocommerce-product-etheme_related .swiper-button-prev{display:none!important;}
}

.woocommerce .variations label,
.woocommerce .variations th,
.woocommerce .variations td.label{font-family:var(--gem-sans)!important;}

/* ---------- product tabs ---------- */
.woocommerce-tabs .tabs .et-woocommerce-tab a{color:var(--gem-muted)!important;}
.woocommerce-tabs .tabs .et-woocommerce-tab.active a{color:var(--gem-ink)!important;}
.woocommerce-tabs .tabs .et-woocommerce-tab.active::before{background-color:var(--gem-gold)!important;}

/* review form stars were #e1e1e1 on cream (invisible) */
.comment-form-rating .stars a::before{color:#C9B48F!important;}
.comment-form-rating .stars a:hover::before,
.comment-form-rating .stars a.active::before,
.comment-form-rating .stars.selected a::before{color:var(--gem-gold)!important;}

/* ---------- header menu: kill the 3px white item borders (Kirki forces border-style:solid) ---------- */
.header-main-menu.et_element-top-level .menu > li > a,
.header-main-menu.et_element-top-level .menu > li > a:hover,
.header-main-menu.et_element-top-level .menu > .current-menu-item > a,
.header-main-menu.et_element-top-level .menu > .opened > a,
.header-main-menu2.et_element-top-level .menu > li > a{
  border-color:transparent!important;
  box-shadow:none!important;
}

/* header icon buttons: same 3px light border, remove it too */
.et_b_header-account a,
.et_b_header-wishlist a,
.et_b_header-cart a{border-color:transparent!important;}

.et_b_header-search .et_b_search-icon{border-color:transparent!important;}

/* header bar + logo frame */
.header-main,
.et_b_header-logo{border-color:transparent!important;}


/* ---------- mobile off-canvas menu: hamburger + panel square frames ---------- */
.et_b_header-mobile-menu .et-element-label,
.et_b_header-mobile-menu .et-element-label:hover,
.et_b_header-mobile-menu .et-element-label .et_b-icon,
.et_b_header-mobile-menu .et-mini-content{
  border-color:transparent!important;
}
.et_b_header-mobile-menu .et-mini-content{box-shadow:none!important;}

/* ---------- mobile menu: Categories tab was cream bg + white text ---------- */
.mobile-menu-content .widget_product_categories{
  background-color:#0C0C0C!important;
  border:0!important;
  color:#fff!important;
}
.mobile-menu-content .widget_product_categories ul.product-categories > li{
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.mobile-menu-content .widget_product_categories ul.product-categories > li > a{
  color:#fff!important;
  border:0!important;
}
.mobile-menu-content .widget_product_categories ul.product-categories > li > a:hover,
.mobile-menu-content .widget_product_categories ul.product-categories > li.current-cat > a,
.mobile-menu-content .widget_product_categories ul.product-categories > li > a.has-children:hover{
  color:var(--gem-gold)!important;
}
.mobile-menu-content .widget_product_categories ul.children{
  background-color:#141414!important;
  border-left:1px solid rgba(184,134,59,.40)!important;
  padding-left:14px!important;
  margin-left:0!important;
}
.mobile-menu-content .widget_product_categories ul.children li{border-bottom:0!important;}
.mobile-menu-content .widget_product_categories ul.children a{
  color:#EDE6DA!important;
  border:0!important;
}
.mobile-menu-content .widget_product_categories ul.children a:hover{color:var(--gem-gold)!important;}