/* Al-Amal Preschool — Announcement Pro 6.6.x compatibility bridge. */

:root {
	--al-amal-preschool-aap-top-offset: 0px;
	--al-amal-preschool-aap-bottom-offset: 0px;
}

body.al-amal-preschool-announcement-pro-active .aap-bar-wrap {
	--aap-blue-500: var(--al-amal-preschool-brand-secondary, #2f76c6);
	--aap-blue-600: var(--al-amal-preschool-brand-secondary, #2f76c6);
	--aap-blue-700: var(--al-amal-preschool-brand-deep-blue, #1768a8);
	font-family: inherit;
}

/* Keep top/sticky announcement content aligned with the site's content column. */
body.al-amal-preschool-announcement-pro-active .aap-header .aap-inner,
body.al-amal-preschool-announcement-pro-active .aap-sticky-footer .aap-inner {
	width: min(100%, var(--global-content-width, 1290px));
	max-width: var(--global-content-width, 1290px);
	margin-inline: auto;
	padding-inline: var(--global-edge-spacing, 1.5rem);
}

/* Floating announcements remain compact but inherit the theme's softer geometry. */
body.al-amal-preschool-announcement-pro-active .aap-floating-bottom {
	border-color: var(--al-amal-preschool-token-border, #dce3ec);
	border-radius: var(--al-amal-preschool-token-radius-md, 14px);
}

body.al-amal-preschool-announcement-pro-active .aap-cta-btn {
	border-radius: 999px;
	font-weight: 700;
}

/* Announcement Pro already reserves initial page space. This bridge additionally
 * keeps Kadence sticky headers below any visible fixed top announcement(s). */
body.al-amal-preschool-announcement-pro-active.aap-has-header:not(.admin-bar) #main-header .kadence-sticky-header.item-is-fixed,
body.al-amal-preschool-announcement-pro-active.aap-has-header:not(.admin-bar) #mobile-header .kadence-sticky-header.item-is-fixed {
	top: var(--al-amal-preschool-aap-top-offset, 0px) !important;
}

body.admin-bar.al-amal-preschool-announcement-pro-active.aap-has-header #main-header .kadence-sticky-header.item-is-fixed,
body.admin-bar.al-amal-preschool-announcement-pro-active.aap-has-header #mobile-header .kadence-sticky-header.item-is-fixed {
	top: calc(32px + var(--al-amal-preschool-aap-top-offset, 0px)) !important;
}

/* A sticky footer announcement should not cover the last part of the site/footer. */
body.al-amal-preschool-announcement-pro-active.aap-has-sticky-footer #page {
	padding-bottom: var(--al-amal-preschool-aap-bottom-offset, 0px);
}

body.al-amal-preschool-announcement-pro-active.aap-has-sticky-footer #kt-scroll-up,
body.al-amal-preschool-announcement-pro-active.aap-has-sticky-footer #kt-scroll-up-reader {
	bottom: calc(20px + var(--al-amal-preschool-aap-bottom-offset, 0px));
}

@media screen and (max-width: 782px) {
	body.admin-bar.al-amal-preschool-announcement-pro-active.aap-has-header #main-header .kadence-sticky-header.item-is-fixed,
	body.admin-bar.al-amal-preschool-announcement-pro-active.aap-has-header #mobile-header .kadence-sticky-header.item-is-fixed {
		top: calc(46px + var(--al-amal-preschool-aap-top-offset, 0px)) !important;
	}

	body.al-amal-preschool-announcement-pro-active .aap-header .aap-inner,
	body.al-amal-preschool-announcement-pro-active .aap-sticky-footer .aap-inner {
		padding-inline: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.al-amal-preschool-announcement-pro-active .aap-bar-wrap,
	body.al-amal-preschool-announcement-pro-active .aap-cta-btn {
		transition: none !important;
	}
}

/* Announcement Pro's built-in dark-background rules recognize a fixed color list.
 * The theme bridge classifies any custom Al-Amal dark/brand color at runtime so
 * violet, deep blue and future palette values retain accessible controls. */
body.al-amal-preschool-announcement-pro-active .aap-bar-wrap.al-amal-preschool-aap-dark-bg .aap-cta-btn {
	background: #ffffff;
	color: var(--al-amal-preschool-token-heading, #262939) !important;
	border-color: rgba(255, 255, 255, .9);
}

body.al-amal-preschool-announcement-pro-active .aap-bar-wrap.al-amal-preschool-aap-dark-bg .aap-cta-btn:hover,
body.al-amal-preschool-announcement-pro-active .aap-bar-wrap.al-amal-preschool-aap-dark-bg .aap-cta-btn:focus-visible {
	background: var(--al-amal-preschool-token-soft, #f4f5f9);
	border-color: #ffffff;
}

body.al-amal-preschool-announcement-pro-active .aap-bar-wrap.al-amal-preschool-aap-dark-bg .aap-close-btn {
	color: rgba(255, 255, 255, .76);
}

body.al-amal-preschool-announcement-pro-active .aap-bar-wrap.al-amal-preschool-aap-dark-bg .aap-close-btn:hover,
body.al-amal-preschool-announcement-pro-active .aap-bar-wrap.al-amal-preschool-aap-dark-bg .aap-close-btn:focus-visible {
	background: rgba(255, 255, 255, .14);
	color: #ffffff;
}

body.al-amal-preschool-announcement-pro-active .aap-bar-wrap.al-amal-preschool-aap-dark-bg .aap-countdown {
	background: rgba(255, 255, 255, .16);
	color: #ffffff;
}

/* 3.1.36 — mobile/touch accessibility refinements for Announcement Pro. */
body.al-amal-preschool-announcement-pro-active .aap-cta-btn,
body.al-amal-preschool-announcement-pro-active .aap-close-btn {
	min-height: 44px;
}

body.al-amal-preschool-announcement-pro-active .aap-close-btn {
	min-width: 44px;
}

body.al-amal-preschool-accessible-focus.al-amal-preschool-announcement-pro-active :where(.aap-cta-btn, .aap-close-btn):focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 3px;
}

@media screen and (max-width: 767px) {
	body.al-amal-preschool-announcement-pro-active .aap-header .aap-inner,
	body.al-amal-preschool-announcement-pro-active .aap-sticky-footer .aap-inner {
		padding-inline-start: max(14px, env(safe-area-inset-left));
		padding-inline-end: max(14px, env(safe-area-inset-right));
	}

	body.al-amal-preschool-announcement-pro-active .aap-cta-btn {
		min-height: 46px;
	}
}

@media (forced-colors: active) {
	body.al-amal-preschool-announcement-pro-active :where(.aap-cta-btn, .aap-close-btn) {
		border: 1px solid ButtonText !important;
		forced-color-adjust: auto;
	}
}