/* GeneratePress Site CSS */ .home.full-width-content .inside-article {
  background: none;
}

/* Custom header */
.woo-search {
    margin-right: 30px;
    flex-grow: 1;
}
	.woocommerce div.product form.cart div.quantity {
/* 	width: 100% !important; */
/* 		margin: 0 auto; */
}
.header-widget {
  order: 10;
  line-height: 1em;
  font-size: 20px;
}
.woocommerce form .quantity.buttons-added .qty {
	min-height: 36px;
/* 	max-width: 100% !important; */
	width: 45px !important;
}


.header-widget p {
  margin: 0;
}
@media (max-width: 500px) {
  .header-widget {
  display: none;
}
  .woocommerce span.onsale, .woocommerce ul.products li.product .onsale {
    padding: 3px 4px;
    font-size: 70%;
  }
}
@media (max-width: 768px) {
  .woo-search {
    margin-right: 0;
  }
  .inside-header {
    flex-direction: row;
  }

	.jlhide {
		margin-bottom: 0;
	}

}

/* AJAX search bar in header styles */
.dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product {
    padding: 0;
}

.dgwt-wcas-ico-magnifier {
    height: 50%;
}

/* General styles */
 /* End GeneratePress Site CSS */
@media(min-width: 768px){
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  float: right !important;
    width: 42% !important;
}
  .woo-search {
    margin-left: 30px;
}
  
  .dgwt-wcas-search-wrapp {
    width: 65%;
  }
/* 	.jlhide {
	display: none;
} */
	.shortdesc-hide {
		display: none;
	}
/* 	.jlbreadrumb .woocommerce-breadcrumb, .jl-price  {
			display: none  !important;
		} */
	
.woocommerce div.product form.cart .variations {
  margin: 5px;
}
.woo-variation-product-gallery {
	max-width: 50% !important;
}
    }
.image-variable-item {
  height: 60px !important;
  width: 60px !important;
}


.jl_list {
  margin-left: 17px;
}
.jl_list a {
  color: #fff;
}
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before {
  border-color: transparent #faca2b;
}
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit, .dgwt-wcas-om-bar .dgwt-wcas-om-return {
  background-color: #faca2b;
}
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input, .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:hover, .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus {
  border-color: #faca2b;
}
.wpcf7-form input[type="text"], input[type="email"], input[type="number"], textarea {width:100% !important;}
#tab-description h2, #tab-additional_information h2 {
  display: none;
}
.label {
  text-align: left;
}



.list-none ul li{
  list-style: none;
}
@media screen and (max-width: 444px) and (min-width: 373px) {
.woo-variation-product-gallery{
  width: 100%;
}
  }

.woo-filter-toggle {
  background-color: #1a324f;
  padding: 7px 25px;
  border-radius: 5px;
}
.woo-filter-toggle a {
  color: #fff;
}
.jp-relatedposts, .hide-on-desktop, .hide-on-tablet, .menu-bar-item .pro-menu-bars {
  display: none !important;
}
.woocommerce-product-details__short-description {
  font-size: 12px;
}

.woo-variation-items-wrapper {
  padding-top: 0px;
}

.woocommerce div.product {
  overflow: hidden;
}
.inside-wc-product-image {
  background: rgba(238, 238, 238, 0.52);
  padding: 4px;
  overflow:hidden;
}
.slick-initialized .slick-slide {
	background: rgba(238, 238, 238, 0.52);
	  padding: 4px;
}
.wpb_wrps_onsale {
  background-color: #faca2a;
}

.single_add_to_cart_button.button.alt {
    display: block;
    width: 100%;
}

.woocommerce div.product form.cart .button {
    background: #faca29;
    border-color: #faca2a;
    margin-top: 12px!important;
    color: #000;
    border-radius: 1.9rem;
    font-weight: 600;
    line-height: 1.35;
}

.woocommerce ul.products li.product .button {
    display: none;
}


/* .do-quantity-buttons form .quantity:not(.buttons-added):not(.hidden):before {
  display:none;
}

.do-quantity-buttons form .quantity:not(.buttons-added):not(.hidden):after {
  display:none;
} */

select {
    padding: 6.6px 80px;
}
.do-quantity-buttons form .quantity:not(.buttons-added):not(.hidden):after, .do-quantity-buttons form .quantity:not(.buttons-added):not(.hidden):before, .woocommerce form .quantity.buttons-added .minus, .woocommerce form .quantity.buttons-added .plus {
	min-height: 35px;
}
.woocommerce form .quantity.buttons-added .minus {
	border-top-left-radius: 20px;
    border-bottom-left-radius: 20px; 
}
.woocommerce form .quantity.buttons-added .plus{
	border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; 
}

.wpb_wrps_cart_btn {
  display:none;
}

.woocommerce span.onsale {
	position: absolute;
}
.wpb_wrps_onsale {
	width: 45px !important;
	right: 0 !important;
	transform: none !important;
}
.woocommerce span.onsale, .woocommerce ul.products li.product .onsale {
	padding: 5px 13px;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
	line-height:0em;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
	font-size: 13px;
}
@media(max-width: 767px) {
	.woocommerce-product-details__short-description {
		display: none;
	}
	.shortdesc-hide {
		display: block !important;
		padding-top: 30px;
/* 		margin: 0 auto; */
	}
	.woocommerce div.product div.summary {
		margin-bottom: 0;
	}
	.woocommerce div.product form.cart table {
		border-width: 1px 0 0 1px !important;
	}
	.woocommerce div.product form.cart table td {
		padding: 5px 10px !important;
	}
	.woocommerce-breadcrumb, .woocommerce div.product p.price {
			display: none;
		}
	.jlbreadrumb .woocommerce-breadcrumb, .jl-price  {
			display: block  !important;
/* 		margin: 0; */
		}
	.jl-price {
		color: #1a324f;
		font-weight: 900 !important;
		font-size: 12px;
	}
	.woo-variation-product-gallery {
		margin-bottom: 2px;
	}
	.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
		padding-left: 0px !important;
	}
}
.woocommerce-loop-product__title {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 40px; 
}

.value .reset_variations {
	display: block;
	text-transform: uppercase;
	margin-top: 20px !important;
	font-weight: 900;
	color: #1a324f !important;
} 
.woocommerce div.product p.price {
	font-size: 12px;
}
.do-quantity-buttons form .quantity:not(.buttons-added):not(.hidden):after, .do-quantity-buttons form .quantity:not(.buttons-added):not(.hidden):before, .woocommerce form .quantity.buttons-added .minus, .woocommerce form .quantity.buttons-added .plus, .woocommerce form .quantity.buttons-added .qty {
	border: 1px solid #1a324f;
		font-size: 16px;
	font-weight: 700;
}
.woocommerce form .quantity.buttons-added .qty {
	border-left: none;
	border-right: none;
}
.woocommerce div.product p.stock {
	margin-bottom: 7px;
}

@media (max-width: 320px){
.do-quantity-buttons form .quantity:not(.buttons-added):not(.hidden):after, .do-quantity-buttons form .quantity:not(.buttons-added):not(.hidden):before, .woocommerce form .quantity.buttons-added .minus, .woocommerce form .quantity.buttons-added .plus, .woocommerce form .quantity.buttons-added .qty  {
	width: 22px;
}
	}
@media (min-width:438px) and (max-width: 469px){
.do-quantity-buttons form .quantity:not(.buttons-added):not(.hidden):after, .do-quantity-buttons form .quantity:not(.buttons-added):not(.hidden):before, .woocommerce form .quantity.buttons-added .minus, .woocommerce form .quantity.buttons-added .plus, .woocommerce form .quantity.buttons-added .qty  {
	width: 50px;
}
	}
@media (min-width:500px) and (max-width: 525px){
.do-quantity-buttons form .quantity:not(.buttons-added):not(.hidden):after, .do-quantity-buttons form .quantity:not(.buttons-added):not(.hidden):before, .woocommerce form .quantity.buttons-added .minus, .woocommerce form .quantity.buttons-added .plus, .woocommerce form .quantity.buttons-added .qty  {
	width: 50px;
}
	}
 @media (min-width:768px) {
.do-quantity-buttons form .quantity:not(.buttons-added):not(.hidden):after, .do-quantity-buttons form .quantity:not(.buttons-added):not(.hidden):before, .woocommerce form .quantity.buttons-added .minus, .woocommerce form .quantity.buttons-added .plus, .woocommerce form .quantity.buttons-added .qty  {
	width: 50px;
}
	}
.wpb_wrps_title {
	font-size: 13px;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 20px;
}
.wrps_related_products.wrps_theme_box .wpb_wrps_title a {
	color: #1a324f;
}
.contact-form label {
	display: none;
}
@media (max-width: 405px) {
	.image-variable-item {
  height: 42px !important;
  width: 42px !important;
}

}
.woocommerce-breadcrumb {
			display: none;
		}
.jlhide {
		margin-bottom: 0;
	}
	.product_title {
        display: none;
    }
.woocommerce div.product p.price {
			display: none;
		}

.woocommerce-notices-wrapper {
	display:none;
}

.sidebar .widget:last-child {
    margin-top: 40px;
    
}

.home.full-width-content .inside-article {
    background: none;
    margin-top: -25px;
}

.top-priority-hero {
    will-change: transform;
    transform: translateZ(0);
    /* Extra insurance: ensures no fade-in scripts can hide it */
    opacity: 1 !important;
    visibility: visible !important;
}

/* Lock the Brand/Logo Aspect Ratio */
.gb-image-df6bdce2 {
    aspect-ratio: 1 / 1;
    width: 263px;
    height: 263px;
}

/* Prevent the Product Grid from shifting */
.attachment-woocommerce_thumbnail {
    aspect-ratio: 1 / 1;
    background-color: #f9f9f9; /* Shows a light box while loading */
}

/* --- 1. GLOBAL UI ELEMENTS --- */

/* Hide default WooCommerce sort dropdown but keep it functional via the overlay trick */
.woocommerce-ordering {
    display: none !important;
}

.custom-sort-trigger, 
.custom-filter-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 400;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    height: 50px;
}

.custom-sort-wrapper {
    position: relative;
    width: 100%;
}

/* The invisible dropdown that sits on top of your custom Sort button */
.custom-sort-wrapper .woocommerce-ordering {
    display: block !important;
    position: absolute;
    top: 0; left: 0;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    z-index: 10;
    margin: 0 !important;
    cursor: pointer;
}

/* --- 2. DESKTOP BEHAVIOR (1025px and up) --- */
@media (min-width: 1025px) {
    /* 1. Hide the Filter column */
    .wp-block-column:first-child {
        display: none !important;
    }
    
    /* 2. Force the parent to span full width and align contents to the end */
    .wp-block-columns {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        justify-content: flex-end !important; /* This pushes items to the right */
        flex-direction: row !important;
        border-bottom: 1px solid #eee;
    }

    /* 3. Stop the Sort column from stretching to the center */
    .wp-block-column:last-child {
        flex: 0 1 auto !important; /* Don't grow, stay as small as the content */
        margin-left: auto !important; /* Extra insurance to push it right */
        width: auto !important;
        min-width: 100px;
    }

}

/* --- 3. MOBILE & TABLET BEHAVIOR (1024px and below) --- */
@media (max-width: 1024px) {
    /* Layout for the Sort | Filter bar */
    .wp-block-columns {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        border-bottom: 1px solid #eee;
    }

    .wp-block-column {
        flex: 1 !important;
        margin: 0 !important;
    }

    .wp-block-column:first-child {
        border-right: 1px solid #eee;
    }

    /* Full-Screen Sidebar Drawer - Sliding from the RIGHT */
    #left-sidebar {
        position: fixed;
        top: 0;
        right: -100%; /* Hidden off-screen to the right */
        left: auto !important;
        width: 100% !important; /* Full screen width */
        height: 100% !important;
        background: #fff;
        z-index: 10000;
        transition: right 0.3s ease-in-out;
        padding: 25px;
        box-shadow: none;
        overflow-y: auto;
    }

    #left-sidebar.is-open {
        right: 0; /* Full screen takeover */
    }

    /* Sidebar Close Header Styling */
    .sidebar-close-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
        padding-bottom: 15px;
        border-bottom: 1px solid #eee;
    }

    .sidebar-close-text {
        font-weight: 700;
        font-size: 20px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .sidebar-close-btn {
        background: #f5f5f5;
        border: none;
        font-size: 32px;
        cursor: pointer;
        line-height: 1;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Background Overlay */
    .sidebar-overlay {
        display: none;
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: rgba(0,0,0,0.6);
        z-index: 9999;
    }
    
    .sidebar-overlay.is-visible {
        display: block;
    }

    /* Prevent body scroll when sidebar is open */
    body.sidebar-opened {
        overflow: hidden;
    }
}

/* --- 4. WOOCOMMERCE BLOCK OVERRIDE --- */
/* Forces filters to show immediately inside your sidebar without the extra click */
.wc-block-product-filters-mobile-controls {
    display: none !important;
}

/* Ensure the wrapper handles the new layout */
.sidebar-close-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

/* 1. Target the element immediately following the heading */
h3.wp-block-heading + * {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transition: all 0.3s ease;
}

/* 2. Show the element when the heading has the 'is-active' class */
h3.wp-block-heading.is-active + * {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 3. Keep your existing Header styling */
h3.wp-block-heading {
    cursor: pointer !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-bottom: 1px solid #ebebeb !important;
    padding: 10px 0 !important;
}

/* 4. Icon Logic */
h3.wp-block-heading::after {
    content: '\002B';
    font-size: 20px;
}

h3.wp-block-heading.is-active::after {
    content: '\2212';
}
/* Target both the immediate sibling and any div/ul that follows a header */
h3.wp-block-heading.is-active + div,
h3.wp-block-heading.is-active + ul,
h3.wp-block-heading.is-active + .wc-block-product-filters-list {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
}
/* Example: Make the text blue and bold when a filter is active */
h3.wp-block-heading.is-active {
    color: #0071a1; /* Your theme's primary color */
    font-weight: 600;
}