/* WooCommerce Shop/Category archive styling */

.woocommerce-page .woocommerce-products-header__title{
	color:#111;
}

/* Make product loop look good within nco-card */
.woocommerce ul.products{
	margin:0;
	padding:0 100px;
	display:flex !important;
	flex-wrap:wrap !important;
	gap:14px !important;
}

/* Kill WooCommerce clearfix pseudo-elements (we use flexbox, not floats) */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after{
	content:none !important;
	display:none !important;
}

/* ── 6-column grid on desktop ── */
.woocommerce ul.products li.product{
	width:calc(16.666% - 12px) !important;
	margin:0 !important;
	float:none !important;
	flex:none;
	display:flex;
	flex-direction:column;
	height:100%;
	border:none;
	border-radius:14px;
	padding:12px;
	background:#fff;
	box-shadow:none;
	transition:transform .12s ease, box-shadow .12s ease;
}

.woocommerce ul.products li.product:hover{
	
	box-shadow:0 14px 34px rgba(102, 97, 97, 0.2);
}

.woocommerce ul.products li.product img{
	width:100%;
	height:250px !important;
	object-fit:cover;
	border-radius:12px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
	font-size:14px;
	font-weight:800;
	color:#111;
	margin:10px 0 6px;
	min-height:50px;
}

.woocommerce ul.products li.product .price{
	color:#0070ba !important;
	font-weight:900;
	margin:0 0 10px;
}

/* ── Add-to-Cart Button (icon-only, modern) ── */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	padding:0;
	border:none;
	border-radius:50%;
	background:linear-gradient(135deg,#0070ba 0%,#005a96 100%);
	color:#fff;
	font-size:0;        /* hide text */
	cursor:pointer;
	transition:background .25s ease, transform .15s ease, box-shadow .25s ease;
	box-shadow:0 4px 14px rgba(0,112,186,.25);
	text-decoration:none;
	position:absolute;
	bottom:12px;
	right:12px;
	z-index:2;
}
.woocommerce ul.products li.product .add_to_cart_button{
	gap:0 !important;
}
/* Icon inside the button */
.woocommerce ul.products li.product .button i,
.woocommerce ul.products li.product .add_to_cart_button i{
	font-size:16px;
	line-height:1;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover{
	background:linear-gradient(135deg,#005a96 0%,#004578 100%);
	transform:scale(1.1);
	box-shadow:0 6px 20px rgba(0,112,186,.35);
}

.woocommerce ul.products li.product .button:active,
.woocommerce ul.products li.product .add_to_cart_button:active{
	transform:scale(.92);
	box-shadow:0 2px 8px rgba(0,112,186,.20);
}

/* Position the product card as relative anchor */
.woocommerce ul.products li.product{
	position:relative;
}

/* Loading spinner while AJAX is in progress */
.woocommerce ul.products li.product .add_to_cart_button.loading{
	pointer-events:none;
	opacity:.7;
	transform:none !important;
	padding:0 !important;          /* kill WC's padding-right:2.618em */
}
/* Hide the icon while loading so the spinner can center */
.woocommerce ul.products li.product .add_to_cart_button.loading i{
	display:none !important;
}
.woocommerce ul.products li.product .add_to_cart_button.loading::after{
	content:'' !important;          /* override WC's font-icon content */
	font-family:inherit !important; /* kill WC's WooCommerce font */
	position:static !important;     /* kill WC's absolute top/right */
	top:auto !important;
	right:auto !important;
	left:auto !important;
	display:block !important;
	width:16px !important;
	height:16px !important;
	border:2.5px solid rgba(255,255,255,.35) !important;
	border-top-color:#fff !important;
	border-radius:50% !important;
	animation:nco-spin .5s linear infinite !important;
	margin:0 !important;
	flex-shrink:0;
}

/* "Added" state — green circle */
.woocommerce ul.products li.product .add_to_cart_button.added{
	background:linear-gradient(135deg,#27ae60 0%,#1e8449 100%) !important;
	box-shadow:0 4px 14px rgba(39,174,96,.30);
	pointer-events:auto;
	opacity:1;
}

/* ── Hide "View Cart" link injected by WooCommerce ── */
.woocommerce ul.products li.product .added_to_cart{
	display:none !important;
}

@keyframes nco-spin{
	to{transform:rotate(360deg);}
}

/* ── Result count + ordering bar ── */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering{
	margin:0 0 16px;
}

/* Flex row: count left, dropdown right */
.woocommerce .woocommerce-notices-wrapper ~ .woocommerce-result-count,
.woocommerce .woocommerce-result-count{
	font-size:13px;
	font-weight:600;
	color:#555;
}

.woocommerce .woocommerce-ordering{
	float:right;
}

.woocommerce .woocommerce-ordering select.orderby{
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 14px center;
	border:1.5px solid rgba(0,0,0,.10);
	border-radius:12px;
	padding:10px 38px 10px 16px;
	font-size:13px;
	font-weight:700;
	color:#333;
	cursor:pointer;
	transition:all .2s ease;
	box-shadow:0 2px 8px rgba(0,0,0,.04);
	outline:none;
	min-width:180px;
}

.woocommerce .woocommerce-ordering select.orderby:hover{
	border-color:rgba(0,112,186,.30);
	box-shadow:0 4px 14px rgba(0,112,186,.10);
}

.woocommerce .woocommerce-ordering select.orderby:focus{
	border-color:#0070ba;
	box-shadow:0 0 0 3px rgba(0,112,186,.15);
}

/* ── Pagination ── */
.woocommerce nav.woocommerce-pagination{
	margin-top:20px;
	text-align:center;
}
.woocommerce nav.woocommerce-pagination ul{
	display:inline-flex;
	gap:6px;
	border:none;
}
.woocommerce nav.woocommerce-pagination ul li{
	border:none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:38px;
	height:38px;
	padding:0 12px;
	border-radius:10px;
	border:1.5px solid rgba(0,0,0,.10);
	background:#fff;
	color:#333;
	font-size:13px;
	font-weight:700;
	text-decoration:none;
	transition:all .2s ease;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
	border-color:rgba(0,112,186,.30);
	background:rgba(0,112,186,.06);
	color:#0070ba;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
	background:linear-gradient(135deg,#0070ba 0%,#005a96 100%);
	color:#fff;
	border-color:transparent;
	box-shadow:0 4px 14px rgba(0,112,186,.25);
}

@media (max-width: 1092px){
	.woocommerce .woocommerce-ordering{
		float:none;
		width:100%;
	}
	.woocommerce .woocommerce-ordering select.orderby{
		width:100%;
		min-width:0;
	}
	.woocommerce .woocommerce-result-count{
		width:100%;
		text-align:center;
		margin-bottom:8px;
	}
}

/* ── Tablet: 4-column grid (601px – 1092px) ── */
@media (min-width: 601px) and (max-width: 1092px){
	.woocommerce ul.products{
		display:flex !important;
		flex-wrap:wrap !important;
		gap:12px !important;
		padding:0 !important;
	}
	.woocommerce ul.products li.product{
		width:calc(25% - 9px) !important;
		margin:0 !important;
		padding:10px;
	}
	.woocommerce ul.products li.product img{
		height:180px !important;
		border-radius:10px;
	}
	.woocommerce ul.products li.product .woocommerce-loop-product__title{
		font-size:13px;
		margin:8px 0 4px;
		min-height:40px;
	}
	.woocommerce ul.products li.product .price{
		font-size:13px;
		margin:0 0 8px;
	}
	.woocommerce ul.products li.product .button,
	.woocommerce ul.products li.product .add_to_cart_button{
		width:38px;
		height:38px;
		bottom:10px;
		right:10px;
		font-size:0;
	}
	.woocommerce ul.products li.product .button i,
	.woocommerce ul.products li.product .add_to_cart_button i{
		font-size:14px;
	}
}

/* ── Phone: 2-column grid (≤600px) ── */
@media (max-width: 600px){
	.woocommerce ul.products{
		display:flex !important;
		flex-wrap:wrap !important;
		gap:10px !important;
		padding:0 !important;
	}
	.woocommerce ul.products li.product{
		width:calc(50% - 5px) !important;
		margin:0 !important;
		padding:10px;
		font-size:13px;
	}
	.woocommerce ul.products li.product img{
		height:160px !important;
		border-radius:10px;
	}
	.woocommerce ul.products li.product .woocommerce-loop-product__title{
		font-size:12px;
		margin:6px 0 4px;
		min-height:36px;
	}
	.woocommerce ul.products li.product .price{
		font-size:13px;
		margin:0 0 8px;
	}
	.woocommerce ul.products li.product .button,
	.woocommerce ul.products li.product .add_to_cart_button{
		width:36px;
		height:36px;
		bottom:10px;
		right:10px;
		font-size:0;
	}
	.woocommerce ul.products li.product .button i,
	.woocommerce ul.products li.product .add_to_cart_button i{
		font-size:14px;
	}
}

/* ══════════════════════════════════════
   Single Product — Add to Cart Button
   ══════════════════════════════════════ */

.single-product .single_add_to_cart_button,
.single-product button.single_add_to_cart_button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	padding:14px 36px;
	border:none;
	border-radius:14px;
	background:linear-gradient(135deg,#0070ba 0%,#005a96 100%);
	color:#fff;
	font-size:15px;
	font-weight:700;
	letter-spacing:.3px;
	cursor:pointer;
	transition:background .25s ease, transform .15s ease, box-shadow .25s ease;
	box-shadow:0 6px 20px rgba(0,112,186,.30);
	text-decoration:none;
}

.single-product .single_add_to_cart_button:hover{
	background:linear-gradient(135deg,#005a96 0%,#004578 100%) !important;

	box-shadow:0 8px 28px rgba(0,112,186,.40) !important;
}

.single-product .single_add_to_cart_button:active{
	transform:scale(.97);
	box-shadow:0 3px 12px rgba(0,112,186,.22);
}

/* Quantity input on single product */
.single-product .quantity .qty{
	border:1.5px solid rgba(0,0,0,.10);
	border-radius:10px;
	padding:10px 14px;
	font-size:15px;
	font-weight:700;
	text-align:center;
	outline:none;
	transition:border-color .2s ease;
	width:80px;
}
.single-product .quantity .qty:focus{
	border-color:#0070ba;
	box-shadow:0 0 0 3px rgba(0,112,186,.12);
}