.woocommerce.single-product .product .yith-ywraq-add-to-quote {
    margin-left: -20px;
}

.woocommerce img,
.woocommerce-page img {
	float: left;
	height: 100%!important;
}

/* Old product grid styles removed - see BOSS PRODUCT CARD section below */

.archive-title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
}

.attachment-thumbnail {
	margin: 2px 0 2px 29px;
}

.woocommerce .star-rating::before {
	content: "" !important;
	color: #cfc8d8;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
}

ul.star-rating {
	list-style: none;
	padding: 0;
	font-size: 24px;
	cursor: pointer;
	display: inline-block;
}

ul.star-rating li i {
	float: left;
	margin-right: 2px;
	margin-bottom: 0;
	color: #fbb034;
	background: linear-gradient(315deg, #fbb034 0%, #ffdd00 74%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	font-size: inherit;
	cursor: pointer;
}

.fa.fa-star-half-o {
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
}

.fa {
	display: inline-block;
	font: normal normal normal 14px / 1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



.woocommerce div.product {
	clear: both;
}

.woocommerce .add-request-quote-button.button {
	border-radius: 56px;
	margin: 6px 0 10px 5px;
	font-weight: lighter;
	padding: 16px 28px;
	cursor: pointer;
	transition: all 0.15s ease;
}

table {
	font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 100%;
	margin: 10px 0px;
	border-radius: 6px;
	border-style: hidden;
	box-shadow: 0 0 0 1px #b7b7b7;
}

td,
th {
	border: 1px solid #dddddd;
	text-align: left;
	padding: 4px;
}

li::marker {
	color: #046ac1;
	font-weight: bold;
}

.site-header {
	border-bottom: none;
}

.site-container {
	margin: 0 auto;
	min-height: 1000px;
}

.site-header .wrap {
	padding: 6px 0;
}

.entry-title {
	font-size: 1.1em;
	color: #006EB6 !important;
	line-height: 1.3;
	clear: both;
	padding-top: 25px;
	    margin-top: 10px !important;
}

.entry-title a,
.sidebar .widget-title a,
.sidebar .widget-title a:hover {
	color: #FFF !important;
}

.entry-title a:hover {
	color: #000;
}

.nav-primary {
	height: 47px;
	position: static;
}

.ubermenu-skin-blue-silver.ubermenu-responsive-toggle {
	height: 43px;
}

.ubermenu-skin-blue-silver.ubermenu-responsive-toggle:hover {
	height: 43px;
}

.ubermenu-skin-black-white-2.ubermenu-responsive-toggle {
	height: 43px;
}

.ubermenu-skin-black-white-2.ubermenu-responsive-toggle:hover {
	height: 43px;
}

::selection {
	background-color: #000;
	color: #fff;
}

.entry {
	border-bottom: 1px solid #e3e3e3;
	padding: 0px 12px;
}

.entry-footer .entry-meta {
	display: none;
}

.sidebar .widget {
	padding: 0px;
}

.entry-header .entry-meta {
	margin: -2px;
}

.sidebar li::before {
	content: none !important;
	font-size: 0 !important;
	margin: 0 !important;
}

.wp-caption.alignleft,
a.alignleft img,
img.alignleft {
	margin: 5px 12px 8px 0 !important;
	padding: 5px;
	background-color: #dee1e7;
	outline: #ccc solid 1px;
}



.singular .entry-header .entry-meta {
	position: relative;
}

.archive-description,
.author-box {
	padding: 4px !important;
}

#ubermenu-topmenu-34-primary {
	z-index: 9999;
	border-radius: 6px;
}

#ubermenu-topmenu-34-primary-toggle-sticky-wrapper {
	position: relative;
	z-index: 99999;
}

h3 {
	clear: both;
	font-size: 1.4em;
}

.clear {
	clear: both;
}

.ubermenu-custom-content img {
	width: 177px;
}


.lazy-load-div::before {
	color: #f00 !important;
}

@media (min-width:600px) {
	.content {
		width: 608px;
	}
}

@media (max-width:600px) {
	.content {
		width: auto
	}
}


.content h2 {
	clear: both;
	border-radius: 6px;
	font-size: 1.6em;
	padding: 10px;
	color: white !important;
	background-image: radial-gradient(circle farthest-corner at 22.4% 21.7%, rgba(4, 189, 228, 1) 0%, rgba(2, 83, 185, 1) 100.2%);
	box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.4);
	text-transform: capitalize;
	text-align: center;
	text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}

.content p a:link {
	font-weight: bold;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	color: #006EB6 !important;
	clear: both;
}

.content p a:visited {
	color: #f00;
}

.content p a:link:hover {
	color: #fff;
}

.content p a:link:hover::before {
	opacity: 1;
}

.content p a:link:hover::after {
	background-color: #37474f;
}

@keyframes glowing {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

a.alignnone img,
img.alignnone {
	margin-bottom: 0px;
}

.after-entry .widget,
.news-pro-home .content .widget {
	padding-bottom: 0px;
	margin-bottom: 10px;
	clear: both;
}

.widget-title {
    border-top: 0px solid #000;
    font-size: 15px;
    line-height: 1px;
    font-weight: normal;
    border-bottom: none;
    color: #006EB6 !important;
    margin-bottom: 0em;
    padding: 10px 4px;
}

.entry-content p {
	flex-wrap: wrap;
	text-align: left;
	word-wrap: break-word;
	clear: both;
}


.ubermenu-submenu-type-flyout {
	font-weight: bold;
}


h1 {
	font-size: 2rem;
/*	text-align: center; */
	margin: 0;
	padding: 0 20px;
	z-index: 2;
	font-style: italic;



	/*position: relative;
    padding: 0;
    margin: 0;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #080808;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;*/
}

.entry-header h1:before {
	width: 55px;
	height: 6px;
	display: block;
	content: "";
	position: absolute;
	bottom: -2px;
	left: 48%;
	margin-left: -14px;
	background-color: #0050bb;
}

.entry-header h1:after {
	width: 100%;
	height: 1px;
	display: block;
	content: "";
	position: relative;
	margin-top: 7px;
	background-color: #004fb8;
}


.headdouble {
	position: relative;
	padding: 0;
	margin: 0;
	font-family: "Raleway", sans-serif;
	font-weight: bold;
	font-size: 22px;
	color: #046ac1;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	clear: both;
}



/* ============================================================
   BOSS PRODUCT CARD — HORIZONTAL LAYOUT
   Matches: want-this-design.png
   ============================================================ */

/* --- WooCommerce list reset & grid --- */
.woocommerce ul.products,
.woocommerce-page ul.products {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 3px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}

/* 2 columns on tablet */
@media (min-width: 600px) {
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        flex: 0 0 calc((100% - 3px) / 2) !important;
        width: calc((100% - 3px) / 2) !important;
        max-width: calc((100% - 3px) / 2) !important;
    }
}

/* 3 columns on desktop */
@media (min-width: 992px) {
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        flex: 0 0 calc((100% - 6px) / 3) !important;
        width: calc((100% - 6px) / 3) !important;
        max-width: calc((100% - 6px) / 3) !important;
    }
}

/* --- Card shell --- */
.boss-product-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    overflow: visible;          /* allow badge to overflow */
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    box-shadow: 0 1px 5px rgba(0,0,0,0.06);
    box-sizing: border-box;     /* Include border in width calculation */
    width: 100%;                /* Ensure card fills li container */
}

.boss-product-card:hover {
    box-shadow: 0 4px 14px rgba(0,0,0,0.11);
    transform: translateY(-1px);
}

/* --- Inner horizontal row --- */
.boss-card-inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 4px;
    padding: 3px 3px;
}

/* ===== LEFT: Image column ===== */
.boss-image-wrapper {
    position: relative;
    flex: 0 0 90px;
    width: 90px;
    height: 90px;
    align-self: center;
}

.boss-main-image-link {
    display: block;
    width: 100%;
    height: 100%;
}

.boss-main-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 6px;
    background: #f8f8f8;
    display: block;
}

/* Discount badge — top-left circle, orange */
.boss-discount-badge {
    position: absolute;
    top: -38px;
    left: 0px;
    width: 48px;
    height: 48px;
    background: #ff1010;          /* Red matching design */
    color: #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(255,111,0,0.45);
    line-height: 1;
}

.boss-discount-percent {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.boss-discount-text {
    font-size: 8px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 1px;
}

/* ===== RIGHT: Content column ===== */
.boss-content-right {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Product title */
.boss-product-title {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.4;
    overflow: visible;
}

.boss-product-title a {
    color: inherit;
    text-decoration: none;
}

.boss-product-title a:hover {
    color: #0066cc;
}

/* Price row: sale price + strikethrough + delivery */
.boss-price-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
}

.boss-sale-price {
    font-size: 17px;
    font-weight: 700;
    color: #cc0000;
}

.boss-regular-price {
    font-size: 13px;
    color: #999;
    text-decoration: line-through;
    font-weight: 400;
}

/* boss-delivery-time removed – see .boss-updated-time below */

/* Brand row */
.boss-brand-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
    flex-wrap: wrap;
}

.boss-brand-logo {
    max-height: 18px;
    max-width: 80px;
    object-fit: contain;
}

.boss-brand-text {
    font-size: 13px;
    color: #555;
    font-style: italic;
}

/* Action row: buy button — now sits inside .boss-brand-row */
.boss-action-row {
    margin-top: 0;
}

/* Buy button — blue pill with cart icon */
.boss-buy-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 18px;
    font-size: 13px;
    font-weight: 700;
    background: #1565c0;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.15s ease;
    letter-spacing: 0.2px;
}

.boss-buy-btn:hover {
    background: #0d47a1;
    transform: translateY(-1px);
    color: #fff;
    text-decoration: none;
}

.boss-cart-icon {
    width: 14px;
    height: 14px;
    stroke: #fff;
    flex-shrink: 0;
}


/* ============================================================
   PAGINATION & OTHER SHOP ELEMENTS
   ============================================================ */

.woocommerce-products-header { margin-bottom: 5px; /* padding-bottom: 15px; border-bottom: 2px solid #f0f0f0; */}
.woocommerce-products-header__title { font-size: 18px; font-weight: 700; color: #333; margin: 8px 0px; }
.woocommerce-result-count, .woocommerce-ordering { font-size: 14px; }
.woocommerce-ordering select { padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; }

.woocommerce-pagination { margin-top: 24px; text-align: center; }
.woocommerce-pagination ul.page-numbers { display: flex; justify-content: center; gap: 8px; list-style: none; margin: 0; padding: 0; }
.woocommerce-pagination .page-numbers li { margin: 0; }
.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers span { display: inline-block; padding: 9px 14px; border: 1px solid #ddd; border-radius: 4px; color: #666; text-decoration: none; transition: all 0.2s ease; }
.woocommerce-pagination .page-numbers a:hover,
.woocommerce-pagination .page-numbers span.current { background: #1565c0; color: #fff; border-color: #1565c0; }



/* Fix tight spacing in 3-column layout */
@media (min-width: 992px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        gap: 2px !important;
        padding: 0 6px !important;
    }
}

.boss-updated-time {
    font-size: 11px;
    color: #666;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 4px;
    white-space: nowrap;
    font-weight: 400;
}

.boss-updated-time svg {
    width: 12px;
    height: 12px;
    stroke: #aaa;
    flex-shrink: 0;
}


/* ============================================================
   AFFILIATE LOGO BADGE  (PNG / JPG via ACF image field)
   ============================================================ */

.boss-affiliate-logo {
    display: block;
    height: 22px;
    width: auto;
    max-width: 90px;
    object-fit: contain;
    object-position: left center;
    border-radius: 3px;
}

/* ============================================================
   BRAND LOGO — SINGLE PRODUCT PAGE
   ============================================================ */

.boss-single-brand {
    display: flex;
    align-items: center;
    margin: 4px 0 10px 0;
}

.boss-single-brand-logo {
    height: 28px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
    object-position: left center;
}


/* Single product page — image not clickable */
.single-product .woocommerce-product-gallery__image a,
.single-product .woocommerce-product-gallery__image img {
    cursor: default;
    pointer-events: none;
}


/* Single product page — Buy button sizing */
.boss-single-buy-row {
    margin-top: 16px;
}

.boss-single-buy-row .boss-buy-btn {
    padding: 11px 28px;
    font-size: 15px;
}

/* Add to the END of your custom.css file */

/* ============================================================
   SINGLE PRODUCT PAGE - MRP & DISCOUNT DISPLAY
   ============================================================ */

.boss-single-price-box {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 20px 0;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #1565c0;
}

.boss-single-prices {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.boss-single-sale-price {
    font-size: 32px;
    font-weight: 700;
    color: #cc0000;
    letter-spacing: -0.5px;
}

.boss-single-mrp {
    font-size: 16px;
    color: #666;
    font-weight: 400;
}

.boss-single-mrp del {
    text-decoration: line-through;
    color: #999;
}

.boss-single-discount-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #ff1010;
    color: #fff;
    border-radius: 8px;
    padding: 8px 12px;
    box-shadow: 0 2px 6px rgba(255,16,16,0.3);
    line-height: 1;
}

.boss-single-discount-percent {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.boss-single-discount-text {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 2px;
}

/* Single product page - Buy button enhanced styling */
.boss-single-buy-row {
    margin-top: 20px;
    margin-bottom: 20px;
}

.boss-single-buy-btn {
    padding: 14px 32px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    min-width: 200px;
    justify-content: center;
}

.boss-single-buy-btn .boss-cart-icon {
    width: 16px;
    height: 16px;
}

/* Hide default WooCommerce price on single product if we're showing custom */
.single-product .summary .price {
    display: none;
}

/* Show WooCommerce price only if no custom price box exists */
.single-product .summary:not(:has(.boss-single-price-box)) .price {
    display: block;
}

/* Make sure external product URL field value shows in product */
.product_type_external .boss-buy-btn {
    display: inline-flex !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .boss-single-price-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .boss-single-sale-price {
        font-size: 28px;
    }
    
    .boss-single-buy-btn {
        width: 100%;
    }
}

/* ============================================================
   FORCE BUY BUTTON TO ALWAYS SHOW FOR EXTERNAL PRODUCTS
   ============================================================ */

/* Ensure button is visible */
.single-product .boss-single-buy-row {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Make button stand out */
.boss-single-buy-btn:hover {
    background: #0d47a1 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(21,101,192,0.3) !important;
}

/* ============================================================
   SHOP PAGE - ENSURE MRPS SHOW PROPERLY
   ============================================================ */

/* Make sure both prices show on product cards */
.boss-price-row {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.boss-sale-price,
.boss-regular-price {
    display: inline-block !important;
}

/* Ensure regular price has strikethrough */
.boss-regular-price {
    text-decoration: line-through !important;
    color: #999 !important;
}

/* ============================================================
   AMAZON COUPON BADGES
   ============================================================ */

/* ── Shop / Category card coupon badge ── */
.boss-coupon-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #fff8e1;
    border: 1.5px dashed #f5a623;
    border-radius: 4px;
    padding: 4px 9px;
    margin: 5px 0 6px;
    font-size: 12px;
    font-weight: 600;
    color: #b35c00;
    line-height: 1.3;
    max-width: 100%;
}

.boss-coupon-badge .boss-coupon-icon {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    stroke: #f5a623;
}

/* ── Single product page coupon box ── */
.boss-single-coupon {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    background: #fff8e1;
    border: 1.5px dashed #f5a623;
    border-radius: 6px;
    padding: 8px 14px;
    margin: 10px 0 12px;
    font-size: 13px;
    line-height: 1.4;
}

.boss-single-coupon svg {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    stroke: #f5a623;
}

.boss-single-coupon-label {
    font-weight: 600;
    color: #555;
}

.boss-single-coupon-value {
    font-weight: 700;
    color: #b35c00;
    background: #ffe082;
    border-radius: 3px;
    padding: 1px 7px;
}

.boss-single-coupon-hint {
    font-size: 11px;
    color: #888;
    font-style: italic;
}