/* Responsive Adjustments - Mobile First */

/* Additional responsive utilities and overrides */

/* Slider section full width on all screen sizes */
.slider-section {
	width: 100vw;
}

/* Extra small screens (phones in portrait, less than 576px) */
@media (max-width: 575.98px) {
	.container {
		padding-left: var(--spacing-sm);
		padding-right: var(--spacing-sm);
	}

	/* Ensure full width on very small screens */
	.row {
		margin-left: calc(var(--spacing-sm) * -1);
		margin-right: calc(var(--spacing-sm) * -1);
	}

	[class*='col-'] {
		padding-left: 0.1rem;
		padding-right: 0.1rem;
	}

	/* Slider full width on mobile */
	.slider-section {
		width: 100vw;
	}

	.slider-box {
		border-radius: 0;
	}

	.text-slider-container {
		width: 100vw;
		height: 60px;
		padding: 0;
	}

	.slider-text {
		font-size: 24px;
	}
}

/* Small screens (landscape phones, 576px to 767.98px) */
@media (min-width: 576px) and (max-width: 767.98px) {
	/* Tablet-specific adjustments */
	.hero-section {
		min-height: 85vh;
	}
}

/* Medium screens (tablets, 768px to 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
	}
	/* Tablet-specific adjustments */
/* 	.services-grid {
		gap: var(--spacing-md);
	} */


/* Large screens (desktops, 992px to 1199.98px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	/* Desktop-specific adjustments */
	.container {
		max-width: 960px;
	}
}

/* Print styles */
@media print {
	.hero-background,
	.hero-overlay {
		display: none !important;
	}

	.hero-section {
		min-height: auto !important;
		background: white !important;
		color: black !important;
	}

	.service-box {
		break-inside: avoid;
		box-shadow: none !important;
		border: 1px solid #ddd;
	}
}