/* Landing Block Design Customization Styles */
/* Only handles styling - layout uses container/container-fluid with custom width utilities */

/* ===== WIDTH UTILITY CLASSES (Custom - Bootstrap not available) ===== */

.w-25 {
	width: 25%;
	margin-left: auto;
	margin-right: auto;
}

.w-50 {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.w-75 {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.w-100 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* ===== SPACING / PADDING (Vertical - Section Level) ===== */

.landing-block.design-padding-compact {
	/* padding: 20px 0; */
}

.landing-block.design-padding-normal {
	/* padding: 40px 0; */
}

.landing-block.design-padding-spacious {
	/* padding: 60px 0; */
}

/* ===== SPACING / CONTENT PADDING (Container Level) ===== */

.landing-block.design-content-padding-none .container-fluid > .container {
	padding: 0;
}

.landing-block.design-content-padding-small .container-fluid > .container {
	padding: 0.8vw;
}

.landing-block.design-content-padding-medium .container-fluid > .container {
	padding: 1.2vw;
}

.landing-block.design-content-padding-large .container-fluid > .container {
	padding: 1.8vw;
}

/* ===== SPACING / MARGIN ===== */

.landing-block.design-margin-none {
	/* margin: 0; */
}

.landing-block.design-margin-small {
	/* margin: 15px 0; */
}

.landing-block.design-margin-large {
	/* margin: 30px 0; */
}

/* ===== BORDERS & EFFECTS / BORDER RADIUS ===== */

/* Content Border Radius - applies to the container wrapper (content box) */
.landing-block.design-border-radius-square .container {
	border-radius: 0;
}

.landing-block.design-border-radius-slightly_rounded .container {
	border-radius: 8px;
	overflow: hidden;
}

.landing-block.design-border-radius-fully_rounded .container {
	border-radius: 16px;
	overflow: hidden;
}

/* Section Border Radius - applies to the entire section */
.landing-block.design-section-border-radius-square {
	border-radius: 0;
}

.landing-block.design-section-border-radius-slightly_rounded {
	border-radius: 8px;
	overflow: hidden;
}

.landing-block.design-section-border-radius-fully_rounded {
	border-radius: 16px;
	overflow: hidden;
}

/* ===== BORDERS & EFFECTS / SHADOW ===== */

/* Content Shadow - applies to the container wrapper (content box) */
.landing-block.design-shadow-enabled .container {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	transition: box-shadow 0.3s ease;
}

.landing-block.design-shadow-enabled .container:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Section Shadow - applies to the entire section */
.landing-block.design-section-shadow-enabled {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* ===== BACKGROUND OVERLAY ===== */

.landing-block.design-bg-overlay::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
	pointer-events: none;
	z-index: 1;
}

.landing-block.design-bg-overlay {
	position: relative;
}

.landing-block.design-bg-overlay > * {
	position: relative;
	z-index: 2;
}

/* ===== RESPONSIVE ADJUSTMENTS ===== */

@media (max-width: 768px) {
	.landing-block.design-padding-compact {
		/* padding: 15px 0; */
	}

	.landing-block.design-padding-normal {
		/* padding: 25px 0; */
	}

	.landing-block.design-padding-spacious {
		/* padding: 40px 0; */
	}

	.landing-block.design-section-width-full {
		/* margin-left: 0; */
		/* margin-right: 0; */
		/* padding-left: 0; */
		/* padding-right: 0; */
	}
}