/**
 * Integra EDU v13 — booking / enrol box ([O] early-bird display + [S] type sizes).
 * Loads after v13.css. Do not put enrol-box rules back into v13.css.
 */

html body.integra-edu.redesign {
	--v13-enrol-orange: #F77908;
	--v13-enrol-muted: #c9cad0;
}

/* -------------------------------------------------------------------------- */
/* [O][S] Booking box — title / price / switch type sizes                     */
/* -------------------------------------------------------------------------- */

html body.integra-edu.redesign .HowWeWorkBoxesSection .integra_custom_title h3,
html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer h3 {
	font-size: 24px !important;
	line-height: 1.2 !important;
	font-weight: 800 !important;
}

html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer .big,
html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer .SoldOut,
html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer .price,
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-price-section h3 {
	font-size: 50px !important;
	line-height: 1.05 !important;
	font-weight: 800 !important;
}

html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer .wp,
html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer .wp b,
html body.integra-edu.redesign .HowWeWorkBoxesSection .BlogNewContainer small,
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-enrol-course-type-buttons button,
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-enrol-price-type-buttons button,
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-enrol-course-type-buttons a,
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-enrol-price-type-buttons a,
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-enrol-course-type-buttons em,
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-enrol-price-type-buttons em {
	font-size: 20px !important;
	line-height: 1.3 !important;
}

/* Unselected switch label — muted */
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-enrol-course-type-buttons button:not(.selected):not(.active):not([aria-pressed="true"]),
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-enrol-price-type-buttons button:not(.selected):not(.active):not([aria-pressed="true"]),
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-enrol-course-type-buttons a:not(.selected):not(.active),
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-enrol-price-type-buttons a:not(.selected):not(.active) {
	color: #9a9ca5 !important;
	opacity: 1 !important;
}

/* -------------------------------------------------------------------------- */
/* [O] Early-bird stack: label → struck → price → VAT → countdown             */
/* -------------------------------------------------------------------------- */

html body.integra-edu.redesign .HowWeWorkBoxesSection p.early_bird_disc,
html body.integra-edu.redesign .HowWeWorkBoxesSection .early_bird_disc,
html body.integra-edu.redesign .HowWeWorkBoxesSection .integra_download_shortcode p.early_bird_disc,
html body.integra-edu.redesign .HowWeWorkBoxesSection .DiscountLabel,
html body.integra-edu.redesign .HowWeWorkBoxesSection .EnrolSectionEarlyBirdLabel,
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-price-section > .DiscountLabel {
	display: block !important;
	font-size: 14px !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	font-weight: 800 !important;
	color: var(--v13-enrol-orange, #F77908) !important;
	margin: 26px 0 0 !important;
	line-height: 1.3 !important;
}

html body.integra-edu.redesign .HowWeWorkBoxesSection .was,
html body.integra-edu.redesign .HowWeWorkBoxesSection .standard-price,
html body.integra-edu.redesign .HowWeWorkBoxesSection .v11-was,
html body.integra-edu.redesign .HowWeWorkBoxesSection .EnrolSectionOriginalPrice,
html body.integra-edu.redesign .HowWeWorkBoxesSection .EnrolSectionOriginalPrice del,
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-price-section .EnrolSectionOriginalPrice,
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-price-section .EnrolSectionOriginalPrice del {
	display: block !important;
	font-size: 20px !important;
	line-height: 26px !important;
	font-weight: 500 !important;
	color: var(--v13-enrol-muted, #c9cad0) !important;
	text-decoration: line-through !important;
	margin: 6px 0 0 !important;
}

html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-price-section > h3.Price + p.EnrolSectionVatLine,
html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-price-section > p.EnrolSectionVatLine {
	font-size: 20px !important;
	line-height: 30px !important;
	font-weight: 500 !important;
	color: #fff !important;
	margin: 0 !important;
}

html body.integra-edu.redesign .HowWeWorkBoxesSection .CountdownTimer,
html body.integra-edu.redesign .HowWeWorkBoxesSection .CountdownTimer span {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 500 !important;
	color: var(--v13-enrol-muted, #c9cad0) !important;
	margin: 10px 0 0 !important;
}

html body.integra-edu.redesign .HowWeWorkBoxesSection .redesign-price-section > h3.Price {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}