/**
 * WooCommerce & Theme Reset Styles
 *
 * Aggressive reset to prevent theme/WooCommerce conflicts
 *
 * @package MyBestClinicShop
 */

/* Global Reset for Plugin Wrapper */
.mbcs-shop-wrapper {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 40px 0 0 0 !important; /* Add top padding to avoid sticky header overlap */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
	color: #333 !important;
}

/* Adjust for Bricks sticky header */
body.wp-theme-bricks .mbcs-shop-wrapper {
	padding-top: 120px !important; /* Sticky header height + spacing */
}

/* Mobile adjustments */
@media (max-width: 768px) {
	body.wp-theme-bricks .mbcs-shop-wrapper {
		padding-top: 80px !important;
	}
	
	.mbcs-shop-wrapper {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	
	/* Ensure full width content on mobile */
	.mbcs-shop-wrapper .mbcs-shop-content,
	.mbcs-shop-wrapper .mbcs-shop-content.has-filters,
	.mbcs-shop-wrapper .mbcs-shop-content:has(.mbcs-filters-sidebar) {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-top: 16px !important;
	}
	
	.mbcs-shop-wrapper .mbcs-product-archive {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

.mbcs-shop-wrapper *,
.mbcs-shop-wrapper *::before,
.mbcs-shop-wrapper *::after {
	box-sizing: border-box !important;
}

/* Reset WooCommerce Default Styles */
.mbcs-shop-wrapper .woocommerce,
.mbcs-shop-wrapper.woocommerce {
	margin: 0 !important;
	padding: 0 !important;
}

.mbcs-shop-wrapper ul.products,
.mbcs-shop-wrapper .woocommerce ul.products,
.mbcs-shop-wrapper .products,
.mbcs-shop-wrapper .woocommerce .products {
	display: grid !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	clear: both !important;
	width: 100% !important;
}

.mbcs-shop-wrapper ul.products li,
.mbcs-shop-wrapper .products li,
.mbcs-shop-wrapper .woocommerce ul.products li,
.mbcs-shop-wrapper .woocommerce .products li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	float: none !important;
	width: 100% !important;
	clear: none !important;
}

/* Reset WooCommerce Product Elements */
.mbcs-shop-wrapper .product,
.mbcs-shop-wrapper .woocommerce .product {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	float: none !important;
}

.mbcs-shop-wrapper .product a,
.mbcs-shop-wrapper .woocommerce .product a {
	text-decoration: none;
}

.mbcs-shop-wrapper .product img,
.mbcs-shop-wrapper .woocommerce .product img {
	width: 100%;
	height: auto;
	display: block;
}

/* Reset WooCommerce Buttons */
.mbcs-shop-wrapper .button,
.mbcs-shop-wrapper button,
.mbcs-shop-wrapper .woocommerce .button {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

/* Reset Theme Container/Wrapper Classes */
.mbcs-shop-wrapper .container,
.mbcs-shop-wrapper .wrapper,
.mbcs-shop-wrapper .site-main,
.mbcs-shop-wrapper .content-area {
	all: unset;
	display: block;
	width: 100%;
}

/* Prevent Theme Grid/Flex Overrides */
.mbcs-shop-wrapper .row,
.mbcs-shop-wrapper .col,
.mbcs-shop-wrapper [class*="col-"] {
	all: unset;
	display: block;
}

/* Reset Common Theme Utilities */
.mbcs-shop-wrapper .clearfix::after {
	display: none !important;
}

.mbcs-shop-wrapper::before,
.mbcs-shop-wrapper::after {
	display: none !important;
}

/* Don't Reset Our Own Components - Let Their Styles Work */
.mbcs-shop-wrapper .mbcs-shop-content,
.mbcs-shop-wrapper .mbcs-product-archive,
.mbcs-shop-wrapper .mbcs-products-grid,
.mbcs-shop-wrapper .mbcs-product-card {
	/* Removed 'all: initial' - it was breaking our grid/flex layouts */
}

/* Reset Typography */
.mbcs-shop-wrapper h1,
.mbcs-shop-wrapper h2,
.mbcs-shop-wrapper h3,
.mbcs-shop-wrapper h4,
.mbcs-shop-wrapper h5,
.mbcs-shop-wrapper h6 {
	margin: 0;
	padding: 0;
	font-weight: 600;
	line-height: 1.2;
}

.mbcs-shop-wrapper p {
	margin: 0;
	padding: 0;
}

.mbcs-shop-wrapper ul,
.mbcs-shop-wrapper ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mbcs-shop-wrapper a {
	color: inherit;
	text-decoration: none;
}

/* Reset Form Elements */
.mbcs-shop-wrapper input,
.mbcs-shop-wrapper select,
.mbcs-shop-wrapper textarea,
.mbcs-shop-wrapper button {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}