/**
 * Accessibility fixes for Lighthouse. Loaded by inc/accessibility.php.
 */

/*
 * Carousel pagination dots: Lighthouse "target-size" (WCAG 2.5.8) wants a
 * 24x24px tap target, the dots were 8x8px. Pad each dot out to 24px and clip
 * the background to the content box, so the visible dot stays 8px. The
 * negative vertical margin keeps the row 8px tall, so carousels do not grow.
 */
.swiper-pagination-bullets .swiper-pagination-bullet {
	box-sizing: content-box;
	width: 8px;
	height: 8px;
	padding: 8px;
	margin: -8px 0 !important;
	background-clip: content-box;
}

/*
 * Contact section: Avada renders offscreen sections with content-visibility:auto
 * and a placeholder height. The contact form is taller than that placeholder,
 * so until the section is scrolled into view the form hangs over the dark
 * footer, and Lighthouse reads its labels as dark-on-dark text. Render this
 * one section normally.
 */
#contact > .awb-cv-auto {
	content-visibility: visible;
}

/*
 * Contact section: the "Write to us at enquiry@..." link sits inside a sentence
 * and only differs from the text by color (2.3:1, needs 3:1). Underline links
 * inside paragraphs there so they do not rely on color alone (WCAG 1.4.1).
 */
#contact .fusion-text p a {
	text-decoration: underline;
}

/*
 * Homepage buttons in lazily rendered sections (View All Partners, Continue
 * reading, View All Testimonials, Watch Interviews). Their real text color is
 * dark navy, but Avada's inline critical CSS paints them in the orange link
 * color first and the full stylesheet then fades them to navy over 0.2s.
 * Offscreen, content-visibility:auto freezes that fade at orange, and
 * Lighthouse measures the frozen orange (2.9:1). Without the transition the
 * navy applies immediately. Side effect: hover changes on these buttons are
 * instant instead of a 0.2s fade.
 */
.home .awb-cv-auto a.fusion-button,
.home .awb-cv-auto a.fusion-button .fusion-button-text {
	transition: none !important;
}