/**
 * Global Container Styles
 * Ensures all pages, archives, and single posts fit within global page width rules
 *
 * @package Rezivoo
 */

/* Global Content Container */
.rezivoo-content-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

@media (min-width: 768px) {
	.rezivoo-content-container {
		padding: 0 60px;
	}
}

/* Title areas can be full-width */
.archive-title-area,
.single-menu-title-area,
.shisha-single-title-area,
.event-single-title-area,
.event-archive-title {
	width: 100%;
	max-width: 100%;
}

/* Content areas should be constrained */
.archive-content-area,
.archive-other-categories,
.single-menu-product-section,
.shisha-single-product-section,
.shisha-single-similar-section,
.event-single-event-section,
.event-single-related-section,
.event-archive-content {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

@media (min-width: 768px) {
	.archive-content-area,
	.archive-other-categories,
	.single-menu-product-section,
	.shisha-single-product-section,
	.shisha-single-similar-section,
	.event-single-event-section,
	.event-single-related-section,
	.event-archive-content {
		padding-left: 60px;
		padding-right: 60px;
	}
}

/* Ensure product section containers respect max-width */
.product-section-container,
.shisha-product-section-container,
.event-single-event-inner {
	max-width: 100%;
}