/**
 * Mind35 Delivery - critical layout rules.
 *
 * WHY THIS FILE EXISTS
 * --------------------
 * The popup, page container and 4-column footer rules all sit in the last
 * few percent of mind35-main.css (a ~150 KB file). Everything earlier in that
 * file renders correctly while these do not, which is the signature of the
 * stylesheet being truncated or served stale by a CSS combine/minify layer
 * (LiteSpeed, Autoptimize, a CDN) rather than a problem with the rules.
 *
 * Pulling them into their own small file makes them independent of whatever
 * happens to the big one. It is enqueued LAST and versioned by filemtime, so
 * the cache key changes whenever the file actually changes.
 *
 * Nothing here is removed from mind35-main.css. These are duplicates that win
 * by load order; if the big file starts arriving intact again, both agree.
 *
 * @package Mind35
 */

/* ==========================================================================
   1. Page container - 1140px, every page except the front page
   --------------------------------------------------------------------------
   #content.site-content wraps the whole page body, so this catches templates
   that have no .m35-*-container of their own (cart, checkout, Elementor
   pages, single posts) which is why those were still running full width.
   ========================================================================== */
:root {
	--m35-container: min(1200px, calc(100% - 32px));
}

body:not(.m35-tpl-front-page) #content.site-content {
	width: var(--m35-container) !important;
	max-width: var(--m35-container) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

body:not(.m35-tpl-front-page) .m35-container,
body:not(.m35-tpl-front-page) .m35-main-container,
body:not(.m35-tpl-front-page) .blog-page__container,
body:not(.m35-tpl-front-page) .m35-faq-container,
body:not(.m35-tpl-front-page) .m35-loyalty-container,
body:not(.m35-tpl-front-page) .m35-bulk-container,
body:not(.m35-tpl-front-page) .m35-contact-container,
body:not(.m35-tpl-front-page) .m35-support-container,
body:not(.m35-tpl-front-page) .m35-shopall-container,
body:not(.m35-tpl-front-page) .m35-delivery-container,
body:not(.m35-tpl-front-page) .m35d-support-links-inner {
	width: 100%;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}

/* The header bar spans the full width; only its inner row is boxed. */
.m35-topbar .m35-container {
	width: var(--m35-container) !important;
	max-width: var(--m35-container) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* ==========================================================================
   2. Minimum-order popup
   ========================================================================== */
#mind35-minimum-popup-overlay {
	display: none !important;
	position: fixed !important;
	inset: 0 !important;
	z-index: 999999 !important;
	background: rgba(17, 17, 17, 0.55) !important;
	padding: 20px !important;
	box-sizing: border-box !important;
	align-items: center !important;
	justify-content: center !important;
}

#mind35-minimum-popup-overlay.is-visible {
	display: flex !important;
}

#mind35-minimum-popup {
	position: relative !important;
	width: min(460px, calc(100% - 32px)) !important;
	max-width: 460px !important;
	margin: 0 auto !important;
	padding: 36px 32px 32px !important;
	box-sizing: border-box !important;
	background: #ffffff !important;
	border: 0 !important;
	border-radius: 16px !important;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25) !important;
	text-align: center !important;
	font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

#mind35-popup-close {
	position: absolute !important;
	top: 12px !important;
	right: 16px !important;
	width: 30px !important;
	height: 30px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	border: 0 !important;
	border-radius: 50% !important;
	box-shadow: none !important;
	color: #6b7280 !important;
	font-size: 22px !important;
	line-height: 1 !important;
	cursor: pointer !important;
}

#mind35-popup-close:hover,
#mind35-popup-close:focus {
	background: none !important;
	color: #111111 !important;
}

#mind35-minimum-popup h3 {
	margin: 0 0 14px !important;
	padding: 0 !important;
	font-family: "Playfair Display", Georgia, serif !important;
	font-size: 28px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	color: #111111 !important;
	letter-spacing: -0.01em !important;
	text-align: center !important;
}

#mind35-minimum-popup p {
	margin: 0 0 26px !important;
	padding: 0 !important;
	font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	font-weight: 400 !important;
	color: #4b5563 !important;
	text-align: center !important;
}

.mind35-popup-buttons {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 14px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mind35-popup-buttons a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 50px !important;
	padding: 0 30px !important;
	border-radius: 999px !important;
	font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}

.mind35-popup-continue {
	background: #0b6b3a !important;
	border: 1px solid #0b6b3a !important;
	color: #ffffff !important;
}

.mind35-popup-cart {
	background: #ffffff !important;
	border: 1px solid #d9dee3 !important;
	color: #111111 !important;
}

.mind35-popup-continue:hover,
.mind35-popup-continue:focus,
.mind35-popup-cart:hover,
.mind35-popup-cart:focus {
	background: #9400D3 !important;
	border-color: #9400D3 !important;
	color: #ffffff !important;
}

/* ==========================================================================
   3. Footer - four columns
   ========================================================================== */
body .m35-footer .m35-footer-top .m35-footer-container .m35-footer-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	grid-auto-flow: row !important;
	gap: 32px !important;
	align-items: start !important;
}

body .m35-footer .m35-footer-top .m35-footer-container .m35-footer-grid > .m35-footer-col {
	grid-row: 1 !important;
	min-width: 0 !important;
	width: auto !important;
	float: none !important;
}

body .m35-footer .m35-footer-container {
	width: var(--m35-container) !important;
	max-width: var(--m35-container) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

/* ==========================================================================
   4. Responsive
   ========================================================================== */
@media (max-width: 991px) {

	body .m35-footer .m35-footer-top .m35-footer-container .m35-footer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 28px 24px !important;
	}

	body .m35-footer .m35-footer-top .m35-footer-container .m35-footer-grid > .m35-footer-col {
		grid-row: auto !important;
	}
}

@media (max-width: 640px) {

	body .m35-footer .m35-footer-top .m35-footer-container .m35-footer-grid {
		grid-template-columns: 1fr !important;
		gap: 24px !important;
	}

	body .m35-footer .m35-footer-top .m35-footer-container .m35-footer-grid > .m35-footer-col {
		grid-row: auto !important;
	}
}

@media (max-width: 480px) {

	#mind35-minimum-popup {
		padding: 30px 22px 26px !important;
	}

	#mind35-minimum-popup h3 {
		font-size: 24px !important;
	}

	#mind35-minimum-popup p {
		font-size: 15px !important;
		margin-bottom: 22px !important;
	}

	.mind35-popup-buttons {
		flex-direction: column !important;
		gap: 10px !important;
	}

	.mind35-popup-buttons a {
		width: 100% !important;
	}
}