/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Product loop attributes (all brands) */
body .suska-loop-attrs,
body .suska-loop-attrs .suska-loop-attr {
  color: #bbb !important;
  font-size: 12px !important;
  text-transform: capitalize !important;
  letter-spacing: 0 !important;
  font-family: "Avenir Heavy", Avenir, sans-serif !important;
}

/* Divider between the two attributes: "  |  " (two spaces on each side) */
body .suska-loop-attrs .suska-loop-sep{
  display: inline !important;
  background: none !important;   /* removes dot styling if any */
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  opacity: 1 !important;
}

body .suska-loop-attrs .suska-loop-sep::before{
  content: "\00A0\00A0|\00A0\00A0" !important; /* 2 non-breaking spaces, pipe, 2 spaces */
  color: #bbb !important;
}
/* WOODMART — Hide the LEFT slide-out (Sticky Nav) menu everywhere */
body .wd-sticky-nav,
body .wd-close-side.wd-fill {
  display: none !important;
}

/* Remove the space Woodmart reserves for the sticky nav */
.wd-sticky-nav-enabled {
  --wd-sticky-nav-w: 0px !important;
  margin-left: 0 !important;
}

/**************************************
 * MINI CART 
 **************************************/

/* Mini Cart Letter Spacing Subtotal */
div.cart-widget-side.wd-side-hidden.wd-right .shopping-cart-widget-footer p.woocommerce-mini-cart__total.total > strong {
	letter-spacing: 1px;
}

/* Mini Cart Letter Spacing Shopping Cart Title*/
div.cart-widget-side.wd-side-hidden.wd-right .wd-heading > span.title {
		letter-spacing: 1px;
}


/* SIDE CART: hide the "Close" text but keep the X icon */
div.cart-widget-side.wd-side-hidden.wd-right.wd-opened
  div.close-side-widget.wd-action-btn.wd-style-text.wd-cross-icon > a{
  font-size: 0 !important;
}
div.cart-widget-side.wd-side-hidden.wd-right.wd-opened
  div.close-side-widget.wd-action-btn.wd-style-text.wd-cross-icon > a::before{
  font-size: 20px !important; /* adjust size if needed */
}

/* MINI CART — title on its own row, qty + line total on one row */

.cart-widget-side .woocommerce-mini-cart-item .suska-mini-cart-line-total{
	font-size: 13px;
	padding: 0px 0px 0px 10px;
}

.cart-info div.quantity {
    vertical-align: baseline;
}


/**************************************
 * HEADER UI TYPOGRAPHY (Top bar)
 * Applies to:
 * 1) text inside buttons (brand pill + POS)
 * 2) store locator button
 * 3) language switcher (a.lang-switch)
 **************************************/

/* Adjust these 4 values and everything matches */
.website-wrapper > header .whb-top-bar {
  --hdr-ui-fs: 11px;
  --hdr-ui-fw: 700;
  --hdr-ui-ls: 0.09em;
  --hdr-ui-tt: uppercase;
  --hdr-ui-lh: 1;
}

/* Force the typography onto common Woodmart header “UI” items */
.website-wrapper > header .whb-top-bar :is(
  .wd-nav a,
  .menu a,
  .wd-button-wrapper a,
  a.btn,
  .btn,
  a.button,
  .button,
  .wd-header-link a,
  a.lang-switch
){
  font-size: var(--hdr-ui-fs) !important;
  font-weight: var(--hdr-ui-fw) !important;
  letter-spacing: var(--hdr-ui-ls) !important;
  text-transform: var(--hdr-ui-tt) !important;
  line-height: var(--hdr-ui-lh) !important;
  font-family: inherit !important;
}

/* Your new cleaner language switcher link */
.website-wrapper > header .whb-top-bar a.lang-switch{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

/* Aligns POS and Lang to the right in responsive */
.wd-header-text {
    flex: 0!important;

}




/*********************************************
 * WIDGET AREAS STYLING
 *********************************************/

/* Base: apply to your filter widgets + banners (inside Woodmart sidebar element) */
.elementor-widget-wd_sidebar .wd-widget.widget.sidebar-widget {
	padding: 25px;
	border-radius: 30px;
	border-bottom: 0px;
}

/* Brand backgrounds */
body.brand-light-blue-shade .elementor-widget-wd_sidebar .wd-widget.widget.sidebar-widget {
  background: #DEF3FC;
}

body.brand-novarnica .elementor-widget-wd_sidebar .wd-widget.widget.sidebar-widget {
  background: #E8E8E8;
}

body.brand-caprina .elementor-widget-wd_sidebar .wd-widget.widget.sidebar-widget {
	  background: #FEF5EE;	
}

body.brand-aloex .elementor-widget-wd_sidebar .wd-widget.widget.sidebar-widget {
  background: #F2F7E8;
}

body.brand-santrel .elementor-widget-wd_sidebar .wd-widget.widget.sidebar-widget {
  background: #FCF4E4;
}

/* Styles the Cart Brands */
.woocommerce-cart .suska-cart-brand,
.woocommerce-checkout .suska-cart-brand{
  margin-top: 4px;
  font-size: 12px;
  color: #999;
  line-height: 1.2;
  text-transform: uppercase
}


/* Checkout (Your Order table): make quantity dropdown compact + consistent */
body.woocommerce-checkout
table.woocommerce-checkout-review-order-table
select.input-text.qty.text {
  width: 3.75rem;
  min-width: 3.75rem;
  max-width: 3.75rem;
  text-align: center;
  text-align-last: center;
}

/* Mini Cart brand Styling */
.wd-dropdown-cart .suska-mini-brand,
.widget_shopping_cart .suska-mini-brand{
  margin-top: 3px;
  font-size: 12px;
  color: #999;
  line-height: 1.2;
}


/* Note under "Street address" label */
.santrel-no-po-box-note{
  display:block;
  margin-top:6px;
  font-size:12px;
  font-style:italic;
  color:#035E8C;
  line-height:1.2;
}

/* Divider line between Terms and PO Box checkbox */
#santrel_no_po_boxes_ack_field{
  border-top: 1px solid var(--brdcolor-gray-300);
  margin-top: 16px;
  padding-top: 16px;
}

/* Add space under the PO box note (before the input) */
.santrel-no-po-box-note{
  display:block;
  margin-top:6px;
  margin-bottom:10px; /* <- add this */
  font-size:12px;
  font-style:italic;
  color:#035E8C;
  line-height:1.2;
}