/**
 * Layout Container Block Styles
 */

.seecommerce-layout-container {
	box-sizing: border-box;
	width: 100%;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.seecommerce-layout-container {
		max-width: 100% !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

/* Editor specific styles - subtle outline instead of dashed border */
.wp-block-seecommerce-layout-container {
	min-height: 100px;
	outline: 2px solid transparent;
	outline-offset: -2px;
	transition: outline-color 0.2s ease;
}

.wp-block-seecommerce-layout-container:hover {
	outline-color: rgba(0, 115, 170, 0.3);
}

.wp-block-seecommerce-layout-container.is-selected {
	outline-color: #0073aa;
}

/* Frontend: Remove theme white backgrounds when using layout-container */
body:not(.wp-admin) .seecommerce-layout-container {
	/* Ensure layout container background shows properly */
	position: relative;
	z-index: 1;
}

/* Remove white backgrounds from common content area classes */
body:not(.wp-admin) .site-main,
body:not(.wp-admin) .content-area,
body:not(.wp-admin) #primary,
body:not(.wp-admin) main,
body:not(.wp-admin) #main,
body:not(.wp-admin) .main,
body:not(.wp-admin) article {
	background: transparent !important;
}

/* Ensure body background shows through */
body:not(.wp-admin) #page,
body:not(.wp-admin) .site,
body:not(.wp-admin) #content,
body:not(.wp-admin) .site-content {
	background: transparent !important;
}