/* ============================================
   COMPONENT: Admission Criteria
   Accordion-style admission requirements
   Breakpoints: Desktop (default), Tablet (max-width: 1199px), Mobile (max-width: 575px)
   ============================================ */

/* Desktop-first base styles */
.admission-criteria {
	padding: var(--sp-7) 0;
	background-color: var(--color-light);
}

/* Mobile Title Box - Hidden on desktop */
.admission-criteria > .container > .mobile-title-box {
	display: none;
}

.admission-criteria__title {
	font-family: var(--font-family-heading);
	font-size: var(--section-title);
	font-weight: var(--fw-bold);
	line-height: var(--lh-heading-tight);
	color: var(--brand-primary);
	text-align: center;
	text-transform: capitalize;
	margin-bottom: var(--sp-6);
}

.admission-criteria__image-wrapper {
	padding: var(--sp-4) 0;
}

.admission-criteria__image {
	width: 100%;
	height: auto;
	border-radius: var(--radius-20);
	max-width: 61rem; /* 610px */
}

/* Accordion */
.admission-accordion {
	display: flex;
	flex-direction: column;
	gap: var(--sp-3);
}

.admission-accordion__item {
	background-color: var(--color-light);
	border-radius: var(--radius-md);
	box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.13); /* 0 0 6px 0 */
	overflow: visible;
	transition: all var(--transition-base);
}

.admission-accordion__item--active {
	box-shadow: none;
}

.admission-accordion__item--active .admission-accordion__header {
	background-color: var(--brand-primary);
	color: var(--color-light);
	border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.admission-accordion__header {
	width: 100%;
	padding: 2rem 2.9rem; /* 20px 29px */
	background-color: var(--color-light);
	border: none;
	border-radius: var(--radius-md);
	font-family: var(--font-family-heading);
	font-size: 1.5rem; /* 15px */
	font-weight: var(--fw-semibold);
	line-height: 1;
	color: var(--brand-primary);
	text-align: left;
	cursor: pointer;
	transition: all var(--transition-base);
	position: relative;
}

.admission-accordion__header:hover {
	background-color: rgba(164, 16, 52, 0.05);
}

.admission-accordion__item--active .admission-accordion__header:hover {
	background-color: var(--brand-primary);
}

.admission-accordion__header::after {
	content: "";
	position: absolute;
	right: 2.9rem; /* 29px */
	top: 50%;
	transform: translateY(-50%) rotate(0deg);
	width: 1.2rem; /* 12px */
	height: 0.8rem; /* 8px */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23a41034' stroke-width='2' fill='none'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	transition: transform var(--transition-base);
}

.admission-accordion__item--active .admission-accordion__header::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ffffff' stroke-width='2' fill='none'/%3E%3C/svg%3E");
	transform: translateY(-50%) rotate(180deg);
}

.admission-accordion__content {
	padding: 1.7rem 2.9rem; /* 17px 29px */
	background-color: var(--color-light);
	font-family: var(--font-family-heading);
	font-size: var(--fs-body-sm);
	font-weight: var(--fw-regular);
	line-height: 1.43;
	color: var(--gray-900);
	display: none;
	border-radius: 0 0 var(--radius-md) var(--radius-md);
	box-shadow: -0.3rem 0 0.6rem -0.3rem rgba(0, 0, 0, 0.13),
		0.3rem 0 0.6rem -0.3rem rgba(0, 0, 0, 0.13),
		0 0.3rem 0.6rem -0.3rem rgba(0, 0, 0, 0.13); /* -3px ... */
}

.admission-accordion__item--active .admission-accordion__content {
	display: block;
}

.admission-accordion__content p {
	margin: 0;
}

/* ================================================
   TABLET (max-width: 1199px)
   ================================================ */
@media (max-width: 1199px) {
	.admission-criteria {
		padding: var(--sp-6) 0;
	}

	.admission-criteria__title {
		font-size: var(--section-title-tablet);
		margin-bottom: var(--sp-5);
	}

	.admission-criteria__image {
		max-width: 50rem; /* 500px */
	}
}

/* ================================================
   MOBILE (max-width: 575px)
   ================================================ */
@media (max-width: 575px) {
	.admission-criteria {
		padding: var(--sp-5) 0;
	}

	/* Show Mobile Title Box on mobile */
	.admission-criteria > .container > .mobile-title-box {
		display: flex;
	}

	/* Hide desktop title on mobile */
	.admission-criteria__title {
		display: none;
	}

	/* Hide image on mobile */
	.admission-criteria__image-wrapper {
		display: none;
	}

	/* Accordion styles similar to FAQ mobile */
	.admission-accordion__item {
		background-color: var(--color-light);
		box-shadow: 0 0.2rem 0.4rem rgba(15, 23, 42, 0.06); /* 0 2px 4px */
		border: 0.1rem solid transparent; /* 1px */
		border-radius: var(--radius-md);
	}

	.admission-accordion__item--active {
		background-color: var(--color-light);
		box-shadow: 0 0.4rem 1.2rem rgba(15, 23, 42, 0.08); /* 0 4px 12px */
		border-color: var(--brand-primary);
	}

	.admission-accordion__item--active .admission-accordion__header {
		background-color: var(--color-light);
		color: var(--brand-primary);
		border-radius: var(--radius-md) var(--radius-md) 0 0;
	}

	.admission-accordion__header {
		padding: var(--sp-4);
		font-size: var(--fs-body-sm);
	}

	.admission-accordion__header::after {
		right: var(--sp-4);
	}

	.admission-accordion__item--active .admission-accordion__header::after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23a41034' stroke-width='2' fill='none'/%3E%3C/svg%3E");
	}

	.admission-accordion__content {
		padding: var(--sp-3) var(--sp-4) var(--sp-4);
		font-size: var(--fs-caption);
		line-height: 1.5;
	}
}