/**
 * Page UX polish
 *
 * Scoped corrections for the audited homepage and About page. These rules
 * normalize legacy theme components without changing the approved design.
 */

:where(.page-id-1628, .page-id-6349) {
	--av-page-gutter-mobile: 20px;
}

:where(.page-id-1628, .page-id-6349) :where(a, button, [role="button"]):focus-visible {
	outline: 3px solid var(--av-color-secondary, #698a9c);
	outline-offset: 3px;
}

:where(.page-id-1628, .page-id-6349) main [id] {
	scroll-margin-top: 96px;
}

:where(.page-id-1628, .page-id-6349) .navbar-toggler,
:where(.page-id-1628, .page-id-6349) .mobile-navbar .close-btn {
	display: inline-flex;
	width: 44px;
	min-width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
}

:where(.page-id-1628, .page-id-6349) .footer-area .widget-logo img {
	display: block;
	width: auto;
	max-width: min(100%, 300px);
	height: auto;
}

:where(.page-id-1628, .page-id-6349) .footer-area .custom-links a {
	display: inline-flex;
	min-height: 32px;
	align-items: center;
}

:where(.page-id-1628, .page-id-6349) .footer-area .social-links a {
	display: inline-flex;
	min-width: 44px;
	min-height: 44px;
	align-items: center;
	justify-content: center;
}

.page-id-6349 .accordion-button {
	min-height: 44px;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.page-id-1628 .elementor-element-3c0ce9f .about-image.wrap-one img {
		width: 100%;
		height: auto;
		aspect-ratio: 3 / 2;
		object-fit: cover;
		object-position: center;
	}
}

@media (max-width: 767px) {
	:where(.page-id-1628, .page-id-6349) .container {
		padding-right: var(--av-page-gutter-mobile);
		padding-left: var(--av-page-gutter-mobile);
	}

	.page-id-1628 .elementor-element-43f1010 {
		--padding-top: 48px !important;
		--padding-right: var(--av-page-gutter-mobile) !important;
		--padding-bottom: 48px !important;
		--padding-left: var(--av-page-gutter-mobile) !important;
	}

	.page-id-1628 .elementor-element-3c0ce9f {
		padding-right: 0 !important;
		padding-bottom: 0 !important;
	}

	.page-id-6349 .our-purpose-content {
		padding-right: 0 !important;
	}

	.page-id-6349 .elementor-element-924649e img {
		height: clamp(440px, 130vw, 520px) !important;
		object-fit: cover;
		object-position: top center;
	}
}

@media (prefers-reduced-motion: reduce) {
	:where(.page-id-1628, .page-id-6349) *,
	:where(.page-id-1628, .page-id-6349) *::before,
	:where(.page-id-1628, .page-id-6349) *::after {
		scroll-behavior: auto !important;
	}
}