/* repair.css — loaded last, after autoptimize.css
 *
 * Two background images used by sections that are actually on this page were
 * never saved by the browser and are not in the Wayback Machine under any Elets
 * host: img/summit-heilights.webp and img/video-bg.webp. Their url() calls were
 * replaced with `none` during the rebuild, which left:
 *
 *   section#our-legecy   white text (h3, h4, .count) on the white page — invisible
 *   .video-wrapper       a 650px-tall empty block in the highlights section
 *
 * Both are repaired here in the site's own palette (#050d36 navy, #913bff
 * purple) rather than by inventing image content. Keeping the repair in its own
 * file leaves autoptimize.css as captured and makes this pass auditable.
 */

/* --- "Our Legacy" / "Our Reach" counters ------------------------------- */
section#our-legecy {
	background: linear-gradient(135deg, #050d36 0%, #1a1b5c 55%, #3b1a7a 100%);
	background-attachment: fixed;
}

/* the section's own divider rules are drawn in #050d36, invisible on the
   dark panel above — lift them to the accent colour */
section#our-legecy .counter-style-one h3:before {
	background: #913bff;
}

section#our-legecy .counter-style-one h3,
section#our-legecy .counter-style-one h4 {
	color: #fff;
}

/* --- highlights video slide -------------------------------------------- */
/* the slide carries no markup of its own (its play button is commented out in
   the source), so there is nothing to show but the missing backdrop */
.video-wrapper {
	background: linear-gradient(135deg, #dee9ff 0%, #c7d8ff 100%);
	min-height: 420px;
}

/* --- AOS animate-on-scroll never fires ---------------------------------- */
/* The capture saved the DOM after AOS had initialised, so 15 elements carry
 * `aos-init` (opacity:0) but never receive `aos-animate` on replay. That hid
 * four whole sections and most of the footer: Discussion Points, Who Can
 * Attend, Why You Must Join, and the footer widgets. Force the end state. */
[data-aos],
.aos-init,
.wow,
.animated {
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}

/* --- frozen carousels --------------------------------------------------- */
/* The page was captured after slick had initialised, so every track carries
 * `slick-initialized` plus a stale inline transform. On replay slick refuses to
 * re-initialise over an already-initialised track, leaving the carousels frozen
 * mid-scroll: the arrows are inert, the first slide is clipped mid-word, and 8
 * of each track's 13 slides are duplicate clones of the other 5. Unfreeze them
 * as a wrapping grid so all five real slides show and nothing is cut off. */
.feature-slider-active .slick-cloned,
.case-slider-one .slick-cloned {
	display: none !important;
}

.feature-slider-active .slick-list,
.case-slider-one .slick-list,
.video-slider-one .slick-list {
	overflow: visible !important;
}

/* grid, not flex-wrap: at 33.3333% the three slides total a fraction of a pixel
   over the track and Chrome wraps the third onto its own row */
.feature-slider-active .slick-track,
.case-slider-one .slick-track {
	width: 100% !important;
	transform: none !important;
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
}

.video-slider-one .slick-track {
	width: 100% !important;
	transform: none !important;
	display: block !important;
}

/* slick's clearfix pseudo-elements become grid items and each eats a cell,
   which pushed the first real slide into column two */
.feature-slider-active .slick-track:before,
.feature-slider-active .slick-track:after,
.case-slider-one .slick-track:before,
.case-slider-one .slick-track:after {
	display: none !important;
}

.feature-slider-active .slick-slide,
.case-slider-one .slick-slide,
.video-slider-one .slick-slide {
	width: auto !important;
	height: auto !important;
	float: none !important;
}

.video-slider-one .slick-slide { width: 100% !important; }

@media (max-width: 991px) {
	.feature-slider-active .slick-track,
	.case-slider-one .slick-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575px) {
	.feature-slider-active .slick-track,
	.case-slider-one .slick-track { grid-template-columns: minmax(0, 1fr); }
}

/* the arrows drive a carousel that can no longer scroll */
.prev_f1, .next_f1, .prev_p1, .next_p1 {
	display: none !important;
}
