/*
Theme Name: Shoptimizer Child Theme
Theme URI: 
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.2.2
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html
*/
.woocommerce-breadcrumb
{
	display:none!important;
}

/* ===== Product grid: 3 cols tablet, 2 cols mobile ===== */
@media (min-width: 768px) and (max-width: 1199px) {
  /* match any .columns-X on product loops */
  body.woocommerce ul.products[class*="columns-"],
  body.post-type-archive-product ul.products[class*="columns-"],
  body.tax-product_cat ul.products[class*="columns-"] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 30px;
  }
}
@media (max-width: 767px) {
  body.woocommerce ul.products[class*="columns-"],
  body.post-type-archive-product ul.products[class*="columns-"],
  body.tax-product_cat ul.products[class*="columns-"] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 24px;
  }
}

/* ===== Role pricing labels (YITH Role-Based Prices) ===== */
.ywcrbp-role-price-rule .role-name { text-transform: none; }
body .ywcrbp-role-prices-table .ywcrbp-role-prices-table__price_value {
  color: inherit;
  font-size: inherit;
  text-align: end;
}

/* ===== Widget count chips (scoped) ===== */
.widget .skincare-essential-item .count,
.widget .targeted-solution-item .count,
.widget .woocommerce-widget-layered-nav-list .count {
  display: inline-block;
  position: static;
  margin-left: 0;
  padding: 0 5px;
  background: #f5f5f5;
  border-radius: 12px;
  min-width: 20px;
  text-align: right;
  float: right;
  color: #777;
  font-size: 0.9em;
  font-weight: normal;
}

/* Parent rows lay out name + count cleanly (scoped) */
.skincare-essential-item,
.targeted-solution-item,
.widget_layered_nav li,
ul.woocommerce-widget-layered-nav-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
  clear: both;
  overflow: hidden;
}

/* Remove theme pseudo-lines that may obscure counts */
.widget_layered_nav li a:after,
.widget-area .widget_layered_nav li a:after,
.widget_layered_nav li a:before,
.widget-area .widget_layered_nav li a:before { display: none; }

/* ===== Gift-this-product button block (consolidated) ===== */
#gift-this-product {
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
}
.gift-this-product-description-container {
  margin-left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
}
.give-as-present,
#give-as-present,
button.give-as-present {
  background-color: #8b8279;
  border-radius: 25px;
  text-transform: uppercase;
  padding: 5px 10px;
  font-weight: 700;
  color: #fff;
  font-size: 0.67rem;
  border: 0;
  display: inline-block;
  cursor: pointer;
  margin: 0 auto;
}
.gift-this-product-title-message { display: none; }

/* ===== Social icons ===== */
.social-icons { display: flex; list-style: none; padding: 0; gap: 0; }
.social-icons li a {
  display: flex; align-items: center; justify-content: center;
  color: #333; transition: color .3s ease;
}
.social-icons li a:hover { color: #666; }

/* ===== Woo notices (ensure contrast) ===== */
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
  background-color: #736656;
  color: #fff;
}
.woocommerce-info a,
.woocommerce-noreviews a,
p.no-comments a { color: #fff; text-decoration: underline; }

/* ===== SuppscoBucks strip ===== */
.products .yith-par-message {
  border: 1px solid #ccc;
  border-radius: 5px;
  display: inline-block;
  margin: 5px 0 10px 0;
  padding: 7px 15px;
  background-color: #fff;
  color: #333;
}
.type-product.product .yith-par-message.yith-par-message-loop {
  margin: 0 0 5px 0;
  padding: 8px 12px;
  font-size: 13px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.yith-par-message-inner-content { display: inline-block; white-space: nowrap; }
.yith-par-message[style] {
  background-color: #fff !important;
  color: #333 !important;
  border-color: #ccc !important;
}

/* ===== Mobile filter bar colour ===== */
.mobile-filter {
  background-color: #726859;
  font-weight: 900;
  text-align: center;
  color: #fff;
}
/* Hide the filter close "X" button on Specials page */
.page-id-23005 .secondary-wrapper .filters.close-drawer {
   display: none !important;
}

/* PRIORITY 2 — Render-Blocking CSS: Inline critical CSS for above-the-fold content */
/* This reduces render-blocking delays by inlining essential styles */

/* Hero/Banner section */
.elementor-section-wrap,
.elementor-container {
   box-sizing: border-box;
}

/* Product grid optimization */
.woocommerce ul.products li.product {
   margin: 0;
   padding: 0;
}

/* Button styles for above-the-fold CTAs */
.button,
.btn,
.add_to_cart_button,
.woocommerce-loop-product__link {
   display: inline-block;
   text-decoration: none;
   cursor: pointer;
}

/* Navigation and header critical styles */
header,
.site-header,
nav {
   display: block;
}

/* Ensure images render properly */
img {
   max-width: 100%;
   height: auto;
   display: block;
}

/* PRIORITY 3 — jQuery Optimization: Reduce unused jQuery code */
/* jQuery is already minified (jquery.min.js) and deferred via LSC config */
/* JS Minify: ENABLED (line 161 in LSCWP config) */
/* JS Defer: ENABLED (line 195 in LSCWP config) */
/* jQuery Migrate: REMOVED (Perfmatters setting: remove_jquery_migrate=1) */
/* JS Defer Exclusions: jQuery is properly excluded to load before dependent scripts */

/* Ensure jQuery-dependent scripts load after jQuery */
/* This is handled by WordPress script dependencies and LSC defer exclusions */
/* No additional CSS needed for jQuery optimization */

/* PRIORITY 5 — Cache Lifetime for Static Assets */
/* Browser Cache TTL: 31536000 seconds (1 year) — Line 65 in LSCWP config */
/* CSS/JS/Images/Fonts: All set to 1 year cache */
/* CDN mapping: https://cdn.suppsco.co.za/ — Line 365 in LSCWP config */
/* Query string removal: ENABLED (Line 177 in LSCWP config) */
/* Cache-busting: WordPress ?ver= params active */
/* Expected improvement: 0.5-1 s faster load time for repeat visitors */

/* PRIORITY 6 — Font Loading: Preload Inter font */
/* Font preload added to functions.php to reduce critical request chain */
/* Current critical chain: 2,484 ms (Initial Navigation → CSS → Font) */
/* Font preload will reduce this by ~500-700 ms */
/* Font Display Optimization: ENABLED (Line 193 in LSCWP config) */
/* Font-display: swap prevents layout shifts during font load */