/* ==========================================================================
   Cross-cutting responsive utilities, dark-mode hook, print styles.
   Section-specific breakpoints live alongside their own rules in
   header-footer.css / homepage.css / woocommerce.css (mobile-first).
   ========================================================================== */

.hide-mobile { display: none; }
@media (min-width: 768px) { .hide-mobile { display: initial; } .hide-desktop { display: none; } }

.lcbm-glass {
	background: rgba(255, 255, 255, 0.65);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.4);
}

/* Optional dark mode — enabled only when body carries .lcbm-dark
   (wire a Customizer/JS toggle to add it if you want dark mode live). */
body.lcbm-dark {
	--lcbm-color-bg: #17181c;
	--lcbm-color-bg-light: #202127;
	--lcbm-color-text: #f2f2f2;
	--lcbm-color-text-muted: #a3a7b0;
	--lcbm-color-border: #33343b;
}

@media print {
	.site-header, .site-footer, .lcbm-announcement-bar, .mobile-menu, .cart-drawer,
	.lcbm-sticky-atc, .lcbm-quick-view-modal, .lcbm-product-card-quick-actions {
		display: none !important;
	}
}