/**
 * Landing Page Template B — mobile-first layout (works with Tailwind CDN utilities).
 *
 * @package arunclasses
 */

.arun-landing-page-b {
	--arun-lb-px: clamp(1rem, 4vw, 1.75rem);
	overflow-x: clip;
}

/* Consistent horizontal gutters for all sections using this class */
.arun-lb-section-x {
	padding-left: var(--arun-lb-px);
	padding-right: var(--arun-lb-px);
}

/* Full-bleed horizontal scrollers: cancel inner padding, restore at edges */
.arun-lb-carousel-bleed {
	box-sizing: border-box;
	margin-inline: calc(-1 * var(--arun-lb-px));
	max-width: none;
	padding-inline: var(--arun-lb-px);
	scroll-padding-inline: var(--arun-lb-px);
}

.arun-lb-btn-primary:focus-visible {
	outline: 3px solid rgb(234 88 12 / 0.95);
	outline-offset: 3px;
}

/* Programs row */
.arun-lb-programs-carousel {
	display: flex;
	gap: clamp(0.875rem, 2.5vw, 1.125rem);
	overflow-x: auto;
	padding-bottom: 0.875rem;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: rgb(203 213 225) transparent;
}

.arun-lb-programs-carousel > * {
	flex: 0 0 min(20.5rem, calc(100vw - 2 * var(--arun-lb-px, 1rem) - 1.5rem));
	max-width: calc(100vw - 2 * var(--arun-lb-px, 1rem) - 1.5rem);
	scroll-snap-align: start;
}

.arun-lb-programs-carousel::-webkit-scrollbar {
	height: 8px;
}

.arun-lb-programs-carousel::-webkit-scrollbar-track {
	border-radius: 9999px;
	background: rgb(241 245 249);
}

.arun-lb-programs-carousel::-webkit-scrollbar-thumb {
	border-radius: 9999px;
	background: rgb(203 213 225);
}

/* Student / result cards strip */
.arun-lb-results-track {
	scrollbar-width: thin;
	scrollbar-color: rgb(203 213 225) transparent;
}

.arun-lb-results-track::-webkit-scrollbar {
	height: 8px;
}

.arun-lb-results-track::-webkit-scrollbar-track {
	border-radius: 9999px;
	background: rgb(241 245 249);
}

.arun-lb-results-track::-webkit-scrollbar-thumb {
	border-radius: 9999px;
	background: rgb(203 213 225);
}

.arun-lb-results-track > * {
	scroll-snap-align: start;
}

/* Testimonials */
.arun-lb-testimonials-track {
	display: flex;
	gap: clamp(0.875rem, 2.5vw, 1.125rem);
	overflow-x: auto;
	padding-bottom: 0.75rem;
	scroll-padding-inline: var(--arun-lb-px, 1rem);
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: rgb(203 213 225) transparent;
}

.arun-lb-testimonials-track > * {
	flex: 0 0 min(22rem, calc(100vw - 2 * var(--arun-lb-px, 1rem) - 1rem));
	max-width: calc(100vw - 2 * var(--arun-lb-px, 1rem) - 1rem);
	scroll-snap-align: start;
}

.arun-lb-testimonials-track::-webkit-scrollbar {
	height: 8px;
}

.arun-lb-testimonials-track::-webkit-scrollbar-track {
	border-radius: 9999px;
	background: rgb(241 245 249);
}

.arun-lb-testimonials-track::-webkit-scrollbar-thumb {
	border-radius: 9999px;
	background: rgb(203 213 225);
}

/* Teaching process — mobile carousel */
.arun-lb-process-mobile {
	display: flex;
	gap: 1rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
}

.arun-lb-process-mobile > * {
	flex: 0 0 min(15.75rem, 84vw);
	scroll-snap-align: start;
}

.arun-lb-faq-summary::-webkit-details-marker {
	display: none;
}

@media (min-width: 640px) {
	.arun-lb-process-mobile > * {
		flex-basis: min(17.5rem, 72vw);
	}
}