/*
 Theme Name: Perfect Ecommerce Store Child (Chipkin)
 Template: perfect-ecommerce-store
 Version: 3.0 — dark navy header/footer + light content, per spec
*/

:root{
	--chipkin-navy: #101828;
	--chipkin-navy-soft: #16213a;
	--chipkin-bg: #E2E6EC;
	--chipkin-surface: #E9EDF2;
	--chipkin-primary: #155EEF;
	--chipkin-primary-hover: #0F4FCB;
	--chipkin-text: #172033;
	--chipkin-text-secondary: #667085;
	--chipkin-border: #E4E7EC;
	--chipkin-success: #12B76A;
	--chipkin-danger: #F04438;
}

body{
	background: var(--chipkin-bg);
	color: var(--chipkin-text);
}

/* ---------- Header: dark navy ---------- */
.topbar{
	background: var(--chipkin-navy);
	border-bottom: 1px solid var(--chipkin-navy-soft);
}
.topbar, .topbar a{
	color: #a7b0c2;
}
.main-top{
	background: var(--chipkin-navy) !important;
	border-bottom: 1px solid var(--chipkin-navy-soft);
}
.main-top .site-title a,
.main-top .site-title a:hover{
	color: #fff;
}
.main-top .site-description{
	color: #a7b0c2;
}
.search-box input[type="search"],
.search-box input[type="text"]{
	background: #e9edf2;
	color: var(--chipkin-text);
	border: 1px solid var(--chipkin-border);
}
.search-box button{
	background: var(--chipkin-primary) !important;
}
.cart_icon a, .cart_icon i{
	color: #fff;
}

#sidelong-menu, #top-menu{
	background: var(--chipkin-navy);
}
.nav-menu .menu > ul > li > a{
	color: #fff;
}
.nav-menu ul ul a{
	background: var(--chipkin-navy-soft);
	color: #fff;
}
.nav-menu ul ul a:hover{
	background: var(--chipkin-primary);
}
.nav-menu .menu > ul > li.highlight{
	background-color: var(--chipkin-danger);
}
.nav-menu .menu > ul > li.highlight > a{
	color: #fff;
}
.menu-sec{
	background: var(--chipkin-navy);
	border-top: 1px solid var(--chipkin-navy-soft);
}
.category-box .product-btn{
	background: var(--chipkin-primary);
	color: #fff;
}
.product-cat{
	background: var(--chipkin-navy-soft);
	border: 1px solid var(--chipkin-navy-soft);
}
.product-cat li a{
	color: #fff;
}

/* ---------- Inner page header / breadcrumb strip: white card on light bg ---------- */
#inner-pages-header{
	background: var(--chipkin-surface);
	border-bottom: 1px solid var(--chipkin-border);
}
#inner-pages-header h1{
	color: var(--chipkin-text);
}

/* ---------- Product cards / boxes: white, rounded, subtle border ---------- */
.product, .single_product_wrap, .box, .item-box, li.product{
	background: var(--chipkin-surface) !important;
	border: 1px solid var(--chipkin-border) !important;
	border-radius: 10px;
	color: var(--chipkin-text);
}
.product .price, li.product .price{
	color: var(--chipkin-primary);
}
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
	color: var(--chipkin-text);
}
/* stock / availability badges */
.stock.in-stock, .in-stock, .stock-status.in-stock{
	color: var(--chipkin-success) !important;
}
.stock.out-of-stock, .out-of-stock{
	color: var(--chipkin-danger) !important;
}
.card .stock.nostock, .product label.nostock{
	background: #fef3f2 !important;
	color: #b42318 !important;
	border: 1px solid #fecdca;
	border-radius: 6px;
	font-weight: 600;
}
.card:has(.nostock) img, body:not(.single-product) .product:has(label.nostock) img, .rp:has(.nostock) img{
	filter: grayscale(0.35) blur(3px);
	opacity: 0.75;
}
/* sale badge */
.onsale, .sale-badge{
	background: var(--chipkin-danger) !important;
	color: #fff !important;
	border-radius: 8px;
}

/* ---------- Buttons: primary blue, darker on hover, rounded ---------- */
.button, button, input[type="submit"],
.woocommerce a.button, .woocommerce button.button,
.single_add_to_cart_button{
	background: var(--chipkin-primary) !important;
	border-color: var(--chipkin-primary) !important;
	color: #fff !important;
	border-radius: 8px;
}
.button:hover, button:hover, input[type="submit"]:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover{
	background: var(--chipkin-primary-hover) !important;
}

/* ---------- Footer: dark navy, matches header ---------- */
footer, #colophon{
	background: var(--chipkin-navy);
	color: #a7b0c2;
}
footer a, #colophon a{
	color: #fff;
}

a{
	color: var(--chipkin-primary);
}

/* sale badge goes top-left; the BOM badge owns the top-right corner */
.woocommerce span.onsale, .woocommerce ul.products li.product .onsale{
	left: 10px !important;
	right: auto !important;
	top: 10px !important;
}