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

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

:root {
	--wd-text-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #3d3d3a;
	--wd-text-font-size: 16px;
	--wd-title-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: rgb(61,61,58);
	--wd-title-font-style: italic;
	--wd-entities-title-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(200,169,110);
	--wd-alternative-color: rgb(61,61,58);
	--wd-link-color: 0a0a0a;
	--wd-link-color-hover: rgb(200,169,110);
	--btn-default-bgcolor: rgb(200,169,110);
	--btn-default-bgcolor-hover: rgb(10,10,10);
	--btn-accented-bgcolor: rgb(200,169,110);
	--btn-accented-bgcolor-hover: rgb(10,10,10);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://loyalhit.com/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(19,19,19);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #fff;
--btn-accented-color: #333;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 12px;
}

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


/* ============================================================
   LOYAL HIT LLC — SHOP PAGE CUSTOM CSS (combined)
   Paste this ENTIRE file into:
   WoodMart → Theme Settings → Shop → Product archive → Custom CSS
   Then click "Save options."
   ============================================================ */


/* ======================================================================
   SECTION 1 — SIDEBAR CARDS (Category, Brand, Price, Stock Status, Top Rated)
   ====================================================================== */

/* ── SIDEBAR CONTAINER ── */
.sidebar, .widget-area, #secondary {
  font-family: 'Jost', -apple-system, sans-serif !important;
}

/* ── EVERY WIDGET BECOMES ITS OWN CARD ── */
.sidebar .widget,
.widget-area .widget,
#secondary .widget {
  background: #fff !important;
  border: 1px solid #eae8e2 !important;
  border-radius: 16px !important;
  padding: 24px 22px !important;
  margin-bottom: 16px !important;
  box-shadow: none !important;
}

/* ── WIDGET TITLES ── */
.sidebar .widget-title,
.widget-area .widget-title,
#secondary .widget-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #0a0a0a !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  margin-bottom: 18px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #f2f0ea !important;
}

/* ── ACTIVE FILTERS (removable pills) ──
   Add the "WooCommerce Active Filters" widget to the TOP of your
   sidebar so customers can see + remove filters they've applied. */
.woocommerce-widget-layered-nav-list,
.widget_layered_nav_filters ul {
  list-style: none !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.widget_layered_nav_filters ul li {
  margin: 0 !important;
}
.widget_layered_nav_filters ul li a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #0a0a0a !important;
  color: #f5f4f1 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 7px 14px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
}
.widget_layered_nav_filters ul li a:hover {
  background: #c8a96e !important;
  color: #0a0a0a !important;
}

/* ── CATEGORY / BRAND / ATTRIBUTE CHECKBOX LISTS ── */
.sidebar ul.product-categories,
.sidebar ul.wc-layered-nav-list,
.widget_product_categories ul,
.widget_layered_nav ul,
.wd-attr-swatches-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.sidebar ul.product-categories li,
.sidebar ul.wc-layered-nav-list li,
.widget_product_categories ul li,
.widget_layered_nav ul li {
  margin-bottom: 4px !important;
}
.sidebar ul.product-categories li a,
.sidebar ul.wc-layered-nav-list li a,
.widget_product_categories ul li a,
.widget_layered_nav ul li a {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  color: #3d3d3a !important;
  text-decoration: none !important;
  padding: 9px 10px !important;
  border-radius: 8px !important;
  transition: all 0.2s !important;
}
.sidebar ul.product-categories li a:hover,
.sidebar ul.wc-layered-nav-list li a:hover,
.widget_product_categories ul li a:hover,
.widget_layered_nav ul li a:hover {
  background: #faf7f1 !important;
  color: #a8895e !important;
  padding-left: 14px !important;
}
/* product/result counts next to each filter option */
.sidebar ul.product-categories li a .count,
.widget_layered_nav ul li a .count,
.wc-layered-nav-term-count {
  background: #faf7f1 !important;
  color: #a8895e !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  padding: 2px 8px !important;
  border-radius: 50px !important;
}

/* ── CURRENTLY SELECTED CATEGORY/FILTER ── */
.sidebar ul.product-categories li.current-cat > a,
.widget_layered_nav ul li.chosen a {
  background: #0a0a0a !important;
  color: #f5f4f1 !important;
}
.sidebar ul.product-categories li.current-cat > a .count,
.widget_layered_nav ul li.chosen a .count {
  background: #c8a96e !important;
  color: #0a0a0a !important;
}

/* ── PRICE FILTER (builds on earlier restyle, kept here for completeness) ── */
.price_slider .ui-slider-range { background: #c8a96e !important; }
.price_slider .ui-slider-handle {
  background: #0a0a0a !important;
  border: 2px solid #c8a96e !important;
  border-radius: 50% !important;
  width: 16px !important;
  height: 16px !important;
  top: -6px !important;
}
.price_slider_amount .button {
  background: #0a0a0a !important;
  color: #f5f4f1 !important;
  border-radius: 50px !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 9px 20px !important;
  border: none !important;
}
.price_slider_amount .button:hover { background: #c8a96e !important; color: #0a0a0a !important; }

/* ── STOCK STATUS / GENERIC CHECKBOXES ── */
.sidebar input[type="checkbox"] {
  accent-color: #c8a96e !important;
  width: 16px !important;
  height: 16px !important;
}
.sidebar label {
  font-size: 13.5px !important;
  color: #3d3d3a !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 0 !important;
  cursor: pointer !important;
}
.sidebar label:hover { color: #a8895e !important; }

/* ── TOP-RATED / RELATED PRODUCT MINI-LIST (already in your sidebar) ── */
.sidebar .product_list_widget li,
.widget_top_rated_products ul li {
  display: flex !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid #f2f0ea !important;
}
.sidebar .product_list_widget li:last-child { border-bottom: none !important; }
.sidebar .product_list_widget img {
  border-radius: 10px !important;
  border: 1px solid #eae8e2 !important;
}
.sidebar .product_list_widget .product-title,
.sidebar .product_list_widget a {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #0a0a0a !important;
  line-height: 1.5 !important;
}
.sidebar .product_list_widget .amount,
.sidebar .product_list_widget .woocommerce-Price-amount {
  color: #c8a96e !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

/* ── "CLEAR ALL" LOOK, if your theme has a reset-filters link ── */
.wd-reset-filters,
a.reset_filters {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: #a3453f !important;
  text-decoration: underline !important;
  margin-top: 8px !important;
}

@media (max-width: 768px) {
  .sidebar .widget,
  .widget-area .widget,
  #secondary .widget {
    padding: 20px 18px !important;
  }
}


/* ======================================================================
   SECTION 2 — STICKY SIDEBAR + BRAND PILL CHIPS + BRANDED EMPTY STATE
   ====================================================================== */

/* ══════════════════════════════════════════
   1. STICKY SIDEBAR (desktop only)
   Keeps filters in view while scrolling the grid instead of
   scrolling out of sight after the first row of products.
   ══════════════════════════════════════════ */
@media (min-width: 1025px) {
  .sidebar, .widget-area, #secondary {
    position: sticky !important;
    top: 110px !important;               /* clears your sticky header height — adjust if your header is taller/shorter */
    max-height: calc(100vh - 130px) !important;
    overflow-y: auto !important;
    align-self: flex-start !important;
    scrollbar-width: thin !important;
    scrollbar-color: #eae8e2 transparent !important;
  }
  .sidebar::-webkit-scrollbar,
  .widget-area::-webkit-scrollbar,
  #secondary::-webkit-scrollbar { width: 5px; }
  .sidebar::-webkit-scrollbar-thumb,
  .widget-area::-webkit-scrollbar-thumb,
  #secondary::-webkit-scrollbar-thumb {
    background: #eae8e2 !important;
    border-radius: 10px !important;
  }
}

/* ══════════════════════════════════════════
   2. BRAND FILTER AS PILL CHIPS
   Turns the "Filter by Brand" widget's list into rounded,
   tappable chips instead of a plain vertical text list.
   Targets the same Layered Nav widget markup as your Brand filter.
   If your Brand widget uses a different class than the generic
   ones below, inspect it and send me the real class name.
   ══════════════════════════════════════════ */
.widget_layered_nav ul,
.wd-attr-filter ul,
.sidebar ul.wc-layered-nav-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.widget_layered_nav ul li,
.wd-attr-filter ul li,
.sidebar ul.wc-layered-nav-list li {
  margin: 0 !important;
}
.widget_layered_nav ul li a,
.wd-attr-filter ul li a,
.sidebar ul.wc-layered-nav-list li a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #faf7f1 !important;
  border: 1px solid #eadfcd !important;
  color: #3d3d3a !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
}
.widget_layered_nav ul li a:hover,
.wd-attr-filter ul li a:hover,
.sidebar ul.wc-layered-nav-list li a:hover {
  background: #c8a96e !important;
  border-color: #c8a96e !important;
  color: #0a0a0a !important;
  padding-left: 16px !important;      /* override the "indent on hover" behavior from the list-style version */
}
/* currently-selected brand chip — solid black/gold like your Category selected state */
.widget_layered_nav ul li.chosen a,
.sidebar ul.wc-layered-nav-list li.chosen a {
  background: #0a0a0a !important;
  border-color: #0a0a0a !important;
  color: #f5f4f1 !important;
}
.widget_layered_nav ul li.chosen a .count,
.sidebar ul.wc-layered-nav-list li.chosen a .count {
  background: #c8a96e !important;
  color: #0a0a0a !important;
}
/* result count inside each chip, if shown */
.widget_layered_nav ul li a .count,
.sidebar ul.wc-layered-nav-list li a .count {
  background: rgba(200,169,110,0.2) !important;
  color: #a8895e !important;
  font-size: 10.5px !important;
  padding: 1px 7px !important;
  border-radius: 50px !important;
}

/* ══════════════════════════════════════════
   3. BRANDED EMPTY STATE
   Replaces WooCommerce's default plain "No products were found"
   text with a styled card + icon + a clear-filters button.
   ══════════════════════════════════════════ */
.woocommerce-info,
.wc-no-products-found,
p.woocommerce-info {
  background: #fff !important;
  border: 1px solid #eae8e2 !important;
  border-radius: 20px !important;
  padding: 56px 40px !important;
  text-align: center !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  color: #666 !important;
  max-width: 480px !important;
  margin: 40px auto !important;
  position: relative !important;
}
.woocommerce-info::before,
.wc-no-products-found::before {
  content: '◆';
  display: block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  background: #faf7f1;
  border: 1px solid #eadfcd;
  border-radius: 50%;
  color: #c8a96e;
  font-size: 18px;
  margin: 0 auto 20px;
}
/* the "no products" text itself — add a friendlier headline via CSS */
.woocommerce-info::after {
  content: 'Try adjusting your filters, or browse the full collection below.';
  display: block;
  font-size: 13px;
  color: #999;
  margin-top: 10px;
}

/* clear-filters button, if your theme outputs a reset link
   (WooCommerce sometimes includes one automatically inside the
   .woocommerce-info message as a plain link) */
.woocommerce-info a,
.wc-no-products-found a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #0a0a0a !important;
  color: #f5f4f1 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 12px 26px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  margin-top: 20px !important;
  transition: background 0.2s !important;
}
.woocommerce-info a:hover,
.wc-no-products-found a:hover {
  background: #c8a96e !important;
  color: #0a0a0a !important;
}

/* mobile sidebar reset removed — it was breaking WoodMart's
   off-canvas 'Show sidebar' drawer by forcing position:static */


/* ======================================================================
   SECTION 3 — EXTRA SPACING BELOW PRODUCT PRICE
   ====================================================================== */

.wd-products-holder .product .price,
ul.products li.product .price,
.products .product .price {
  margin-bottom: 20px !important;
  display: inline-block;
}

/* extra breathing room at the very bottom of each card too,
   so the price isn't the last thing hugging the card edge */
.wd-products-holder .product,
.wd-products-holder .wd-product,
ul.products li.product,
.products .product {
  padding-bottom: 28px !important;
}


/* ======================================================================
   SECTION 4 — SORT DROPDOWN, GRID VIEW ICONS, PAGINATION
   ====================================================================== */

/* ── RESULT COUNT + SORTING BAR ── */
.woocommerce-result-count,
.woocommerce-ordering select,
.wd-sort-by select {
  font-family: 'Jost', sans-serif !important;
  color: #0a0a0a !important;
}
.woocommerce-ordering select,
.wd-sort-by select {
  border: 1px solid #eae8e2 !important;
  border-radius: 50px !important;
  padding: 10px 18px !important;
  font-size: 13px !important;
  background-color: #fff !important;
}

/* ── GRID VIEW TOGGLE ICONS ── */
.wd-view-mode a,
.products-view-mode a {
  border-radius: 8px !important;
  transition: background 0.2s !important;
}
.wd-view-mode a.active,
.wd-view-mode a:hover,
.products-view-mode a.active,
.products-view-mode a:hover {
  background: #faf7f1 !important;
  color: #c8a96e !important;
}

/* ── SIDEBAR WIDGET TITLES ── */
.widget-title,
.wd-widget-title,
.woocommerce h3.widget-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #0a0a0a !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

/* ── PRICE SLIDER ── */
.price_slider .ui-slider-range,
.price_slider_amount .price_slider_range {
  background: #c8a96e !important;
}
.price_slider .ui-slider-handle {
  background: #0a0a0a !important;
  border: 2px solid #c8a96e !important;
  border-radius: 50% !important;
  width: 16px !important;
  height: 16px !important;
  top: -6px !important;
}
.price_slider_amount .button,
.woocommerce #content .price_slider_amount .button {
  background: #0a0a0a !important;
  color: #f5f4f1 !important;
  border-radius: 50px !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 9px 20px !important;
  border: none !important;
}
.price_slider_amount .button:hover {
  background: #c8a96e !important;
  color: #0a0a0a !important;
}

/* ── STOCK STATUS / ATTRIBUTE CHECKBOXES ── */
.woocommerce ul.wc-layered-nav-list,
.widget_layered_nav ul {
  list-style: none !important;
  padding: 0 !important;
}
.woocommerce ul.wc-layered-nav-list li a,
.widget_layered_nav ul li a {
  font-family: 'Jost', sans-serif !important;
  font-size: 13.5px !important;
  color: #666 !important;
  text-decoration: none !important;
}
.woocommerce ul.wc-layered-nav-list li a:hover,
.widget_layered_nav ul li a:hover {
  color: #c8a96e !important;
}
input[type="checkbox"] {
  accent-color: #c8a96e !important;
}

/* ── PAGINATION ── */
.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
  border-radius: 50% !important;
  font-family: 'Jost', sans-serif !important;
  color: #0a0a0a !important;
  border-color: #eae8e2 !important;
}
.woocommerce-pagination ul.page-numbers li a:hover,
.woocommerce-pagination ul.page-numbers li span.current {
  background: #0a0a0a !important;
  color: #f5f4f1 !important;
  border-color: #0a0a0a !important;
}