:root {
	--bs-primary: #da929d;    
	--bs-secondary: #795548; 
	--bs-dark: #222222;       
	--bs-light: #f9f9f9;      
	--bs-accent: #ffb74d;     
	--bs-info: #42a5f5;       
	--bs-success: #66bb6a;    
	--bs-danger: #ef5350;     

	/* Text Colors */
	--text-heading: #1a1a1a;   
	--text-body: #444444;      
	--text-muted: #777777;     
	--text-accent: #ff4081;    
}

/* Global styles */

html, body {
	height: 100%;
	margin: 0;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh; /* Full viewport height */
}

main {
	flex: 1; /* Content area will expand and push footer down */
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
  display: block;
  line-height: 1.4;
  max-width: max-content;
  color: #000;
}

.site-footer {
	margin-top: auto; /* Stick to bottom */
}

body {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: var(--text-body);
	background: var(--bs-light);
	margin: 0;
	padding: 0;
}

/* Top Bar */
.top-bar {
	font-size: 14px;
	background: var(--bs-primary);
	color: #fff;
}

/* Header */
.site-header {
	background: #fff;
	border-bottom: 1px solid var(--bs-light);
}
.site-header .navbar-brand a {
	font-weight: 600;
	font-size: 22px;
	color: var(--text-heading);
	text-decoration: none;
}
.site-header .navbar-brand a:hover {
	color: var(--bs-primary);
}

.site-header .navbar-nav .menu-item a {
	font-weight: 500;
	padding: 8px 15px;
	color: var(--text-body);
	text-decoration: none;
	transition: color 0.3s ease;
}
.site-header .navbar-nav .menu-item a:hover {
	color: var(--bs-primary);
}

/* Mobile menu (offcanvas) */
.offcanvas {
	background: #fff;
}
.offcanvas .navbar-nav .menu-item a {
	font-size: 18px;
	padding: 10px 0;
	border-bottom: 1px solid var(--bs-light);
	color: var(--text-body);
}
.offcanvas .navbar-nav .menu-item a:hover {
	color: var(--bs-primary);
}


/* Footer */
.site-footer {
	background: var(--bs-dark);
	color: #fff;
	font-size: 15px;
}
.site-footer .footer-logo img {
	max-height: 50px;
}
.site-footer .site-title {
	font-size: 22px;
	font-weight: 600;
	color: var(--bs-light);
}
.site-footer .site-title:hover {
	color: var(--bs-primary);
}

/* Footer Menu */
.site-footer .footer-menu li {
	display: inline-block;
	margin: 0 10px;
}
.site-footer .footer-menu li a {
	color: var(--bs-light);
	text-decoration: none;
	font-weight: 500;
	transition: color 0.3s ease;
}
.site-footer .footer-menu li a:hover {
	color: var(--bs-primary);
}

/* Footer Widget (Social Icons) */
.footer-social-widget {
	display: flex;
	justify-content: center;
	gap: 12px;
}
.footer-social-widget a {
	display: inline-flex;
	width: 36px;
	height: 36px;
	align-items: center;
	justify-content: center;
	background: var(--bs-primary);
	color: #fff;
	border-radius: 50%;
	font-size: 18px;
	transition: all 0.3s ease;
}
.footer-social-widget a:hover {
	background: var(--bs-light);
	color: var(--bs-primary);
}

.cart-icon .btn {
	color: var(--text-body);   /* Default color */
	transition: all 0.3s ease; /* Smooth effect */
}

.cart-icon .btn:hover {
	color: var(--bs-primary);  /* Text/icon color change */
	background-color: rgba(255, 64, 129, 0.1); /* Light pink bg */
	border-radius: 50%;        /* Round hover background */
	transform: scale(1.1);     /* Slight zoom */
}



/* Responsive (mobile first) */
@media (max-width: 991px) {
	.site-header {
		padding: 10px 0;
	}
	.navbar-toggler {
		border: none;
		font-size: 20px;
		color: var(--bs-dark);
	}
	.top-bar .container {
		flex-direction: column;
		text-align: center;
	}
}

/* Desktop only */
@media (min-width: 992px) {
	.top-bar .container {
		justify-content: space-between;
	}
	.site-header .navbar-nav {
		gap: 20px;
	}
}