/**
 * Al-Amal Preschool header and footer design mapping.
 * Values are supplied as compact CSS variables by PHP.
 */
body.al-amal-preschool-hf-header-active #masthead {
	margin: var(--al-amal-preschool-header-desktop-margin-top) var(--al-amal-preschool-header-desktop-margin-right) var(--al-amal-preschool-header-desktop-margin-bottom) var(--al-amal-preschool-header-desktop-margin-left);
	padding: var(--al-amal-preschool-header-desktop-padding-top) var(--al-amal-preschool-header-desktop-padding-right) var(--al-amal-preschool-header-desktop-padding-bottom) var(--al-amal-preschool-header-desktop-padding-left);
	border-bottom: var(--al-amal-preschool-header-border-width) solid var(--al-amal-preschool-header-border-color);
	background: var(--al-amal-preschool-header-background);
	color: var(--al-amal-preschool-header-font-color);
	font-family: var(--al-amal-preschool-header-font-family);
	font-size: var(--al-amal-preschool-header-desktop-font-size);
	font-weight: var(--al-amal-preschool-header-font-weight);
}

body.al-amal-preschool-hf-header-shadow-soft #masthead {
	box-shadow: 0 6px 20px rgba(38, 41, 57, 0.08);
}

body.al-amal-preschool-hf-header-shadow-medium #masthead {
	box-shadow: 0 10px 30px rgba(38, 41, 57, 0.16);
}

body.al-amal-preschool-hf-header-active #masthead .site-header-row-container-inner,
body.al-amal-preschool-hf-header-active #masthead .site-header-row-container,
body.al-amal-preschool-hf-header-active #masthead .site-main-header-wrap {
	background: var(--al-amal-preschool-header-background);
}

body.al-amal-preschool-hf-header-active #masthead .site-main-header-inner-wrap,
body.al-amal-preschool-hf-header-active #mobile-header .site-main-header-inner-wrap {
	min-height: var(--al-amal-preschool-header-desktop-min-height);
}

body.al-amal-preschool-hf-header-width-full #masthead .site-container {
	width: 100%;
	max-width: none;
}

body.al-amal-preschool-hf-header-width-custom #masthead .site-container {
	width: min(100%, var(--al-amal-preschool-header-max-width));
	max-width: var(--al-amal-preschool-header-max-width);
}

body.al-amal-preschool-hf-header-active #masthead .site-branding img,
body.al-amal-preschool-hf-header-active #mobile-header .site-branding img {
	width: auto;
	max-width: var(--al-amal-preschool-header-desktop-logo-width);
}

body.al-amal-preschool-hf-header-active #masthead .main-navigation .primary-menu-container > ul,
body.al-amal-preschool-hf-header-active #masthead .secondary-navigation .secondary-menu-container > ul {
	gap: var(--al-amal-preschool-header-desktop-item-gap);
}

body.al-amal-preschool-hf-header-active #masthead .main-navigation a,
body.al-amal-preschool-hf-header-active #masthead .secondary-navigation a,
body.al-amal-preschool-hf-header-active #masthead .site-title,
body.al-amal-preschool-hf-header-active #masthead .site-description,
body.al-amal-preschool-hf-header-active #masthead .header-html,
body.al-amal-preschool-hf-header-active #masthead .header-html a,
body.al-amal-preschool-hf-header-active #mobile-header .mobile-navigation a,
body.al-amal-preschool-hf-header-active #mobile-header .site-title,
body.al-amal-preschool-hf-header-active #mobile-header .site-description,
body.al-amal-preschool-hf-header-active #mobile-drawer .mobile-navigation a,
body.al-amal-preschool-hf-header-active #mobile-drawer .drawer-header {
	color: var(--al-amal-preschool-header-font-color);
	font-family: var(--al-amal-preschool-header-font-family);
	font-size: var(--al-amal-preschool-header-desktop-font-size);
	font-weight: var(--al-amal-preschool-header-font-weight);
}

body.al-amal-preschool-hf-header-active #masthead .main-navigation a:hover,
body.al-amal-preschool-hf-header-active #masthead .secondary-navigation a:hover,
body.al-amal-preschool-hf-header-active #masthead .header-html a:hover,
body.al-amal-preschool-hf-header-active #mobile-header .mobile-navigation a:hover,
body.al-amal-preschool-hf-header-active #mobile-drawer .mobile-navigation a:hover,
body.al-amal-preschool-hf-header-active #mobile-drawer .mobile-navigation a:focus-visible,
body.al-amal-preschool-hf-header-active #masthead .menu-toggle-open:hover,
body.al-amal-preschool-hf-header-active #masthead .search-toggle-open:hover,
body.al-amal-preschool-hf-header-active #masthead .header-cart-button:hover {
	color: var(--al-amal-preschool-header-hover-color);
}

body.al-amal-preschool-hf-header-active #masthead .main-navigation .current-menu-item > a,
body.al-amal-preschool-hf-header-active #masthead .main-navigation .current-menu-ancestor > a,
body.al-amal-preschool-hf-header-active #mobile-header .mobile-navigation .current-menu-item > a,
body.al-amal-preschool-hf-header-active #mobile-drawer .mobile-navigation .current-menu-item > a {
	color: var(--al-amal-preschool-header-active-color);
}

body.al-amal-preschool-hf-header-active #masthead .menu-toggle-open,
body.al-amal-preschool-hf-header-active #masthead .search-toggle-open,
body.al-amal-preschool-hf-header-active #masthead .header-cart-button,
body.al-amal-preschool-hf-header-active #mobile-drawer .drawer-toggle {
	color: var(--al-amal-preschool-header-font-color);
}

body.al-amal-preschool-hf-header-active #mobile-drawer .drawer-inner {
	background: var(--al-amal-preschool-header-background);
	color: var(--al-amal-preschool-header-font-color);
	font-family: var(--al-amal-preschool-header-font-family);
	font-weight: var(--al-amal-preschool-header-font-weight);
}

body.al-amal-preschool-hf-header-active #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start),
body.al-amal-preschool-hf-header-active #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner,
body.al-amal-preschool-hf-header-active #masthead .kadence-sticky-header.item-is-stuck {
	background: var(--al-amal-preschool-header-sticky-background);
}

body.al-amal-preschool-hf-footer-active #colophon {
	min-height: var(--al-amal-preschool-footer-desktop-min-height);
	margin: var(--al-amal-preschool-footer-desktop-margin-top) var(--al-amal-preschool-footer-desktop-margin-right) var(--al-amal-preschool-footer-desktop-margin-bottom) var(--al-amal-preschool-footer-desktop-margin-left);
	padding: var(--al-amal-preschool-footer-desktop-padding-top) var(--al-amal-preschool-footer-desktop-padding-right) var(--al-amal-preschool-footer-desktop-padding-bottom) var(--al-amal-preschool-footer-desktop-padding-left);
	border-top: var(--al-amal-preschool-footer-border-width) solid var(--al-amal-preschool-footer-border-color);
	background: var(--al-amal-preschool-footer-background);
	color: var(--al-amal-preschool-footer-font-color);
	font-family: var(--al-amal-preschool-footer-font-family);
	font-size: var(--al-amal-preschool-footer-desktop-font-size);
	font-weight: var(--al-amal-preschool-footer-font-weight);
}

body.al-amal-preschool-hf-footer-shadow-soft #colophon {
	box-shadow: 0 -6px 20px rgba(38, 41, 57, 0.08);
}

body.al-amal-preschool-hf-footer-shadow-medium #colophon {
	box-shadow: 0 -10px 30px rgba(38, 41, 57, 0.16);
}

body.al-amal-preschool-hf-footer-active #colophon .site-footer-row-container-inner,
body.al-amal-preschool-hf-footer-active #colophon .site-footer-row-container {
	background: var(--al-amal-preschool-footer-background);
}

body.al-amal-preschool-hf-footer-width-full #colophon .site-container {
	width: 100%;
	max-width: none;
}

body.al-amal-preschool-hf-footer-width-custom #colophon .site-container {
	width: min(100%, var(--al-amal-preschool-footer-max-width));
	max-width: var(--al-amal-preschool-footer-max-width);
}

body.al-amal-preschool-hf-footer-active #colophon .site-footer-row {
	gap: var(--al-amal-preschool-footer-desktop-item-gap);
}

body.al-amal-preschool-hf-footer-active #colophon,
body.al-amal-preschool-hf-footer-active #colophon p,
body.al-amal-preschool-hf-footer-active #colophon li,
body.al-amal-preschool-hf-footer-active #colophon .widget-title,
body.al-amal-preschool-hf-footer-active #colophon .footer-html {
	color: var(--al-amal-preschool-footer-font-color);
	font-family: var(--al-amal-preschool-footer-font-family);
	font-size: var(--al-amal-preschool-footer-desktop-font-size);
	font-weight: var(--al-amal-preschool-footer-font-weight);
}

body.al-amal-preschool-hf-footer-active #colophon a {
	color: var(--al-amal-preschool-footer-link-color);
}

body.al-amal-preschool-hf-footer-active #colophon a:hover,
body.al-amal-preschool-hf-footer-active #colophon a:focus-visible {
	color: var(--al-amal-preschool-footer-hover-color);
}

/*
 * Canonical footer navigation presentation. Kadence's component-specific
 * selectors are intentionally more specific than generic footer links, so the
 * Al-Amal Preschool footer design must target the navigation contract directly. In
 * multi-column footer rows the menu is presented as a readable vertical list;
 * single-column rows keep Kadence's horizontal navigation behavior.
 */
body.al-amal-preschool-hf-footer-active #colophon .footer-navigation-wrap,
body.al-amal-preschool-hf-footer-active #colophon .footer-navigation-inner,
body.al-amal-preschool-hf-footer-active #colophon .footer-navigation,
body.al-amal-preschool-hf-footer-active #colophon .footer-menu-container {
	width: 100%;
	min-width: 0;
}

body.al-amal-preschool-hf-footer-active #colophon.site-footer .footer-navigation .footer-menu-container > ul.menu > li > a {
	color: var(--al-amal-preschool-footer-link-color);
	font-family: var(--al-amal-preschool-footer-font-family);
	font-size: var(--al-amal-preschool-footer-desktop-font-size);
	font-weight: var(--al-amal-preschool-footer-font-weight);
	line-height: 1.45;
	text-decoration: none;
}

body.al-amal-preschool-hf-footer-active #colophon.site-footer .footer-navigation .footer-menu-container > ul.menu > li > a:hover,
body.al-amal-preschool-hf-footer-active #colophon.site-footer .footer-navigation .footer-menu-container > ul.menu > li > a:focus-visible,
body.al-amal-preschool-hf-footer-active #colophon.site-footer .footer-navigation .footer-menu-container > ul.menu > li.current-menu-item > a,
body.al-amal-preschool-hf-footer-active #colophon.site-footer .footer-navigation .footer-menu-container > ul.menu > li.current_page_item > a {
	color: var(--al-amal-preschool-footer-hover-color);
	text-decoration: none;
}

body.al-amal-preschool-hf-footer-active #colophon .site-footer-row:not(.site-footer-row-columns-1) .footer-navigation .menu {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: 2px;
	width: 100%;
}

body.al-amal-preschool-hf-footer-active #colophon .site-footer-row:not(.site-footer-row-columns-1) .footer-navigation .menu > li {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

body.al-amal-preschool-hf-footer-active #colophon .site-footer-row:not(.site-footer-row-columns-1) .footer-navigation .menu > li > a {
	display: block;
	width: 100%;
	padding: 7px 10px;
	border-left: 3px solid transparent;
	border-radius: 3px;
	text-align: inherit;
}

body.al-amal-preschool-hf-footer-active #colophon .site-footer-row:not(.site-footer-row-columns-1) .footer-navigation .menu > li > a:hover,
body.al-amal-preschool-hf-footer-active #colophon .site-footer-row:not(.site-footer-row-columns-1) .footer-navigation .menu > li > a:focus-visible,
body.al-amal-preschool-hf-footer-active #colophon .site-footer-row:not(.site-footer-row-columns-1) .footer-navigation .menu > li.current-menu-item > a,
body.al-amal-preschool-hf-footer-active #colophon .site-footer-row:not(.site-footer-row-columns-1) .footer-navigation .menu > li.current_page_item > a {
	border-left-color: var(--al-amal-preschool-footer-hover-color);
	background: rgba(255, 255, 255, 0.08);
}

body.al-amal-preschool-hf-footer-active #colophon .site-branding img,
body.al-amal-preschool-hf-footer-active #colophon .custom-logo {
	width: auto;
	max-width: var(--al-amal-preschool-footer-desktop-logo-width);
}

@media (max-width: 1024px) {
	body.al-amal-preschool-hf-header-active #masthead {
		margin: var(--al-amal-preschool-header-tablet-margin-top) var(--al-amal-preschool-header-tablet-margin-right) var(--al-amal-preschool-header-tablet-margin-bottom) var(--al-amal-preschool-header-tablet-margin-left);
		padding: var(--al-amal-preschool-header-tablet-padding-top) var(--al-amal-preschool-header-tablet-padding-right) var(--al-amal-preschool-header-tablet-padding-bottom) var(--al-amal-preschool-header-tablet-padding-left);
		font-size: var(--al-amal-preschool-header-tablet-font-size);
	}
	body.al-amal-preschool-hf-header-active #masthead .site-main-header-inner-wrap,
	body.al-amal-preschool-hf-header-active #mobile-header .site-main-header-inner-wrap { min-height: var(--al-amal-preschool-header-tablet-min-height); }
	body.al-amal-preschool-hf-header-active #masthead .site-branding img,
	body.al-amal-preschool-hf-header-active #mobile-header .site-branding img { max-width: var(--al-amal-preschool-header-tablet-logo-width); }
	body.al-amal-preschool-hf-header-active #masthead .main-navigation .primary-menu-container > ul,
	body.al-amal-preschool-hf-header-active #masthead .secondary-navigation .secondary-menu-container > ul { gap: var(--al-amal-preschool-header-tablet-item-gap); }
	body.al-amal-preschool-hf-header-active #masthead .main-navigation a,
	body.al-amal-preschool-hf-header-active #masthead .secondary-navigation a,
	body.al-amal-preschool-hf-header-active #mobile-header .mobile-navigation a,
	body.al-amal-preschool-hf-header-active #mobile-drawer .mobile-navigation a { font-size: var(--al-amal-preschool-header-tablet-font-size); }

	body.al-amal-preschool-hf-footer-active #colophon {
		min-height: var(--al-amal-preschool-footer-tablet-min-height);
		margin: var(--al-amal-preschool-footer-tablet-margin-top) var(--al-amal-preschool-footer-tablet-margin-right) var(--al-amal-preschool-footer-tablet-margin-bottom) var(--al-amal-preschool-footer-tablet-margin-left);
		padding: var(--al-amal-preschool-footer-tablet-padding-top) var(--al-amal-preschool-footer-tablet-padding-right) var(--al-amal-preschool-footer-tablet-padding-bottom) var(--al-amal-preschool-footer-tablet-padding-left);
		font-size: var(--al-amal-preschool-footer-tablet-font-size);
	}
	body.al-amal-preschool-hf-footer-active #colophon .site-footer-row { gap: var(--al-amal-preschool-footer-tablet-item-gap); }
	body.al-amal-preschool-hf-footer-active #colophon,
	body.al-amal-preschool-hf-footer-active #colophon p,
	body.al-amal-preschool-hf-footer-active #colophon li,
	body.al-amal-preschool-hf-footer-active #colophon .widget-title,
	body.al-amal-preschool-hf-footer-active #colophon .footer-html { font-size: var(--al-amal-preschool-footer-tablet-font-size); }
	body.al-amal-preschool-hf-footer-active #colophon.site-footer .footer-navigation .footer-menu-container > ul.menu > li > a { font-size: var(--al-amal-preschool-footer-tablet-font-size); }
	body.al-amal-preschool-hf-footer-active #colophon .site-branding img,
	body.al-amal-preschool-hf-footer-active #colophon .custom-logo { max-width: var(--al-amal-preschool-footer-tablet-logo-width); }
}

@media (max-width: 767px) {
	body.al-amal-preschool-hf-header-active #masthead {
		margin: var(--al-amal-preschool-header-mobile-margin-top) var(--al-amal-preschool-header-mobile-margin-right) var(--al-amal-preschool-header-mobile-margin-bottom) var(--al-amal-preschool-header-mobile-margin-left);
		padding: var(--al-amal-preschool-header-mobile-padding-top) var(--al-amal-preschool-header-mobile-padding-right) var(--al-amal-preschool-header-mobile-padding-bottom) var(--al-amal-preschool-header-mobile-padding-left);
		font-size: var(--al-amal-preschool-header-mobile-font-size);
	}
	body.al-amal-preschool-hf-header-active #masthead .site-main-header-inner-wrap,
	body.al-amal-preschool-hf-header-active #mobile-header .site-main-header-inner-wrap { min-height: var(--al-amal-preschool-header-mobile-min-height); }
	body.al-amal-preschool-hf-header-active #masthead .site-branding img,
	body.al-amal-preschool-hf-header-active #mobile-header .site-branding img { max-width: var(--al-amal-preschool-header-mobile-logo-width); }
	body.al-amal-preschool-hf-header-active #mobile-header .mobile-navigation a,
	body.al-amal-preschool-hf-header-active #mobile-drawer .mobile-navigation a { font-size: var(--al-amal-preschool-header-mobile-font-size); }
	body.al-amal-preschool-hf-header-active #mobile-header .mobile-navigation ul,
	body.al-amal-preschool-hf-header-active #mobile-drawer .mobile-navigation ul { gap: var(--al-amal-preschool-header-mobile-item-gap); }

	body.al-amal-preschool-hf-footer-active #colophon {
		min-height: var(--al-amal-preschool-footer-mobile-min-height);
		margin: var(--al-amal-preschool-footer-mobile-margin-top) var(--al-amal-preschool-footer-mobile-margin-right) var(--al-amal-preschool-footer-mobile-margin-bottom) var(--al-amal-preschool-footer-mobile-margin-left);
		padding: var(--al-amal-preschool-footer-mobile-padding-top) var(--al-amal-preschool-footer-mobile-padding-right) var(--al-amal-preschool-footer-mobile-padding-bottom) var(--al-amal-preschool-footer-mobile-padding-left);
		font-size: var(--al-amal-preschool-footer-mobile-font-size);
	}
	body.al-amal-preschool-hf-footer-active #colophon .site-footer-row { gap: var(--al-amal-preschool-footer-mobile-item-gap); }
	body.al-amal-preschool-hf-footer-active #colophon,
	body.al-amal-preschool-hf-footer-active #colophon p,
	body.al-amal-preschool-hf-footer-active #colophon li,
	body.al-amal-preschool-hf-footer-active #colophon .widget-title,
	body.al-amal-preschool-hf-footer-active #colophon .footer-html { font-size: var(--al-amal-preschool-footer-mobile-font-size); }
	body.al-amal-preschool-hf-footer-active #colophon.site-footer .footer-navigation .footer-menu-container > ul.menu > li > a { font-size: var(--al-amal-preschool-footer-mobile-font-size); }
	body.al-amal-preschool-hf-footer-active #colophon .site-branding img,
	body.al-amal-preschool-hf-footer-active #colophon .custom-logo { max-width: var(--al-amal-preschool-footer-mobile-logo-width); }
}

/* Navigation bar design layer. This is intentionally separate from the logo/header row. */
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-row-element #masthead .site-header-item-main-navigation,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-row-element #mobile-header .site-header-item-main-navigation {
	min-height: var(--al-amal-preschool-navigation-desktop-min-height);
	margin: var(--al-amal-preschool-navigation-desktop-margin-top) var(--al-amal-preschool-navigation-desktop-margin-right) var(--al-amal-preschool-navigation-desktop-margin-bottom) var(--al-amal-preschool-navigation-desktop-margin-left);
	padding: var(--al-amal-preschool-navigation-desktop-padding-top) var(--al-amal-preschool-navigation-desktop-padding-right) var(--al-amal-preschool-navigation-desktop-padding-bottom) var(--al-amal-preschool-navigation-desktop-padding-left);
	border-top: var(--al-amal-preschool-navigation-border-width) solid var(--al-amal-preschool-navigation-border-color);
	border-bottom: var(--al-amal-preschool-navigation-border-width) solid var(--al-amal-preschool-navigation-border-color);
	border-radius: var(--al-amal-preschool-navigation-border-radius);
	background: var(--al-amal-preschool-navigation-background);
	color: var(--al-amal-preschool-navigation-font-color);
	font-family: var(--al-amal-preschool-navigation-font-family);
	font-size: var(--al-amal-preschool-navigation-desktop-font-size);
	font-weight: var(--al-amal-preschool-navigation-font-weight);
}

body.al-amal-preschool-hf-navigation-shadow-soft.al-amal-preschool-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner,
body.al-amal-preschool-hf-navigation-shadow-soft.al-amal-preschool-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner,
body.al-amal-preschool-hf-navigation-shadow-soft.al-amal-preschool-hf-navigation-row-element #masthead .site-header-item-main-navigation {
	box-shadow: 0 6px 20px rgba(38, 41, 57, 0.1);
}

body.al-amal-preschool-hf-navigation-shadow-medium.al-amal-preschool-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner,
body.al-amal-preschool-hf-navigation-shadow-medium.al-amal-preschool-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner,
body.al-amal-preschool-hf-navigation-shadow-medium.al-amal-preschool-hf-navigation-row-element #masthead .site-header-item-main-navigation {
	box-shadow: 0 10px 30px rgba(38, 41, 57, 0.18);
}

body.al-amal-preschool-hf-navigation-width-full.al-amal-preschool-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.al-amal-preschool-hf-navigation-width-full.al-amal-preschool-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
body.al-amal-preschool-hf-navigation-width-full.al-amal-preschool-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.al-amal-preschool-hf-navigation-width-full.al-amal-preschool-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner > .site-container {
	width: 100%;
	max-width: none;
}

body.al-amal-preschool-hf-navigation-width-custom.al-amal-preschool-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.al-amal-preschool-hf-navigation-width-custom.al-amal-preschool-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
body.al-amal-preschool-hf-navigation-width-custom.al-amal-preschool-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.al-amal-preschool-hf-navigation-width-custom.al-amal-preschool-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner > .site-container,
body.al-amal-preschool-hf-navigation-width-custom.al-amal-preschool-hf-navigation-row-element #masthead .site-header-item-main-navigation,
body.al-amal-preschool-hf-navigation-width-custom.al-amal-preschool-hf-navigation-row-element #mobile-header .site-header-item-main-navigation {
	width: min(100%, var(--al-amal-preschool-navigation-max-width));
	max-width: var(--al-amal-preschool-navigation-max-width);
	margin-inline: auto;
}

body.al-amal-preschool-hf-navigation-width-full.al-amal-preschool-hf-navigation-row-element #masthead .site-header-item-main-navigation,
body.al-amal-preschool-hf-navigation-width-full.al-amal-preschool-hf-navigation-row-element #mobile-header .site-header-item-main-navigation {
	width: 100%;
	max-width: none;
}

/*
 * A full-width navigation row must escape the horizontal padding applied by
 * the independent Header Design module. Without this breakout, the bottom
 * navigation background remains inset even when Navigation is set to Full Width.
 */
body.al-amal-preschool-hf-header-active.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-width-full.al-amal-preschool-hf-navigation-row-bottom #masthead .site-bottom-header-wrap,
body.al-amal-preschool-hf-header-active.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-width-full.al-amal-preschool-hf-navigation-row-main #masthead .site-main-header-wrap {
	width: auto;
	max-width: none;
	margin-left: calc(-1 * var(--al-amal-preschool-header-desktop-padding-left));
	margin-right: calc(-1 * var(--al-amal-preschool-header-desktop-padding-right));
	background: var(--al-amal-preschool-navigation-background);
}

body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-width-full.al-amal-preschool-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-width-full.al-amal-preschool-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-width-full.al-amal-preschool-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-width-full.al-amal-preschool-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner {
	margin-left: 0;
	margin-right: 0;
	border-radius: 0;
}

body.al-amal-preschool-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul,
body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul {
	gap: var(--al-amal-preschool-navigation-desktop-item-gap);
}

body.al-amal-preschool-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a,
body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul > li.menu-item > a,
body.al-amal-preschool-hf-navigation-active #mobile-header .mobile-navigation a,
body.al-amal-preschool-hf-navigation-active #mobile-drawer .mobile-navigation a {
	padding: var(--al-amal-preschool-navigation-desktop-link-padding-vertical) var(--al-amal-preschool-navigation-desktop-link-padding-horizontal);
	color: var(--al-amal-preschool-navigation-font-color);
	font-family: var(--al-amal-preschool-navigation-font-family);
	font-size: var(--al-amal-preschool-navigation-desktop-font-size);
	font-weight: var(--al-amal-preschool-navigation-font-weight);
}

body.al-amal-preschool-hf-navigation-active #masthead .main-navigation .dropdown-nav-special-toggle,
body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation .dropdown-nav-special-toggle,
body.al-amal-preschool-hf-navigation-active #mobile-header .menu-toggle-open,
body.al-amal-preschool-hf-navigation-active #mobile-drawer .drawer-toggle {
	color: var(--al-amal-preschool-navigation-font-color);
}

body.al-amal-preschool-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
body.al-amal-preschool-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a:focus-visible,
body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul > li.menu-item > a:hover,
body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul > li.menu-item > a:focus-visible,
body.al-amal-preschool-hf-navigation-active #mobile-header .mobile-navigation a:hover,
body.al-amal-preschool-hf-navigation-active #mobile-drawer .mobile-navigation a:hover,
body.al-amal-preschool-hf-navigation-active #mobile-drawer .mobile-navigation a:focus-visible {
	color: var(--al-amal-preschool-navigation-hover-color);
}

body.al-amal-preschool-hf-navigation-active #masthead .main-navigation .current-menu-item > a,
body.al-amal-preschool-hf-navigation-active #masthead .main-navigation .current-menu-ancestor > a,
body.al-amal-preschool-hf-navigation-active #masthead .main-navigation .current-page-parent > a,
body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation .current-menu-item > a,
body.al-amal-preschool-hf-navigation-active #mobile-header .mobile-navigation .current-menu-item > a,
body.al-amal-preschool-hf-navigation-active #mobile-drawer .mobile-navigation .current-menu-item > a {
	color: var(--al-amal-preschool-navigation-active-color);
}

body.al-amal-preschool-hf-navigation-active #masthead .main-navigation .sub-menu,
body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation .sub-menu {
	min-width: var(--al-amal-preschool-navigation-dropdown-width);
	border-radius: var(--al-amal-preschool-navigation-border-radius);
	background: var(--al-amal-preschool-navigation-dropdown-background);
	overflow: hidden;
}

body.al-amal-preschool-hf-navigation-active #masthead .main-navigation .sub-menu a,
body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation .sub-menu a {
	color: var(--al-amal-preschool-navigation-dropdown-font-color);
	font-family: var(--al-amal-preschool-navigation-font-family);
	font-size: var(--al-amal-preschool-navigation-desktop-font-size);
	font-weight: var(--al-amal-preschool-navigation-font-weight);
}

body.al-amal-preschool-hf-navigation-active #masthead .main-navigation .sub-menu a:hover,
body.al-amal-preschool-hf-navigation-active #masthead .main-navigation .sub-menu a:focus-visible,
body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation .sub-menu a:hover,
body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation .sub-menu a:focus-visible {
	background: var(--al-amal-preschool-navigation-dropdown-hover-background);
	color: var(--al-amal-preschool-navigation-dropdown-hover-color);
}

/* 2.4.78 — keep every desktop dropdown hover row as wide as its menu panel. */
@media (min-width: 1025px) {
	body.al-amal-preschool-hf-navigation-active #masthead .main-navigation ul.sub-menu > li.menu-item,
	body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation ul.sub-menu > li.menu-item {
		width: 100%;
		min-width: 0;
	}

	body.al-amal-preschool-hf-navigation-active #masthead .main-navigation ul.sub-menu > li.menu-item > a,
	body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation ul.sub-menu > li.menu-item > a {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100% !important;
		min-width: 100%;
		max-width: none;
		box-sizing: border-box;
	}
}

body.al-amal-preschool-hf-navigation-active #mobile-drawer .drawer-inner {
	background: var(--al-amal-preschool-navigation-background);
	color: var(--al-amal-preschool-navigation-font-color);
	font-family: var(--al-amal-preschool-navigation-font-family);
}

body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-row-bottom #masthead .site-bottom-header-wrap.kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-header-row-container-inner,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-row-main #masthead .site-main-header-wrap.kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-header-row-container-inner,
body.al-amal-preschool-hf-navigation-active #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-bottom-header-wrap .site-header-row-container-inner,
body.al-amal-preschool-hf-navigation-active #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-main-header-wrap .site-header-row-container-inner {
	background: var(--al-amal-preschool-navigation-sticky-background);
}

@media (max-width: 1024px) {
	body.al-amal-preschool-hf-header-active.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-width-full.al-amal-preschool-hf-navigation-row-bottom #masthead .site-bottom-header-wrap,
	body.al-amal-preschool-hf-header-active.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-width-full.al-amal-preschool-hf-navigation-row-main #masthead .site-main-header-wrap {
		margin-left: calc(-1 * var(--al-amal-preschool-header-tablet-padding-left));
		margin-right: calc(-1 * var(--al-amal-preschool-header-tablet-padding-right));
	}
	body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner,
	body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner,
	body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner,
	body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner,
	body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-row-element #masthead .site-header-item-main-navigation,
	body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-row-element #mobile-header .site-header-item-main-navigation {
		min-height: var(--al-amal-preschool-navigation-tablet-min-height);
		margin: var(--al-amal-preschool-navigation-tablet-margin-top) var(--al-amal-preschool-navigation-tablet-margin-right) var(--al-amal-preschool-navigation-tablet-margin-bottom) var(--al-amal-preschool-navigation-tablet-margin-left);
		padding: var(--al-amal-preschool-navigation-tablet-padding-top) var(--al-amal-preschool-navigation-tablet-padding-right) var(--al-amal-preschool-navigation-tablet-padding-bottom) var(--al-amal-preschool-navigation-tablet-padding-left);
		font-size: var(--al-amal-preschool-navigation-tablet-font-size);
	}

	body.al-amal-preschool-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul,
	body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul {
		gap: var(--al-amal-preschool-navigation-tablet-item-gap);
	}

	body.al-amal-preschool-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a,
	body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul > li.menu-item > a,
	body.al-amal-preschool-hf-navigation-active #mobile-header .mobile-navigation a,
	body.al-amal-preschool-hf-navigation-active #mobile-drawer .mobile-navigation a {
		padding: var(--al-amal-preschool-navigation-tablet-link-padding-vertical) var(--al-amal-preschool-navigation-tablet-link-padding-horizontal);
		font-size: var(--al-amal-preschool-navigation-tablet-font-size);
	}
}

@media (max-width: 767px) {
	body.al-amal-preschool-hf-header-active.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-width-full.al-amal-preschool-hf-navigation-row-bottom #masthead .site-bottom-header-wrap,
	body.al-amal-preschool-hf-header-active.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-width-full.al-amal-preschool-hf-navigation-row-main #masthead .site-main-header-wrap {
		margin-left: calc(-1 * var(--al-amal-preschool-header-mobile-padding-left));
		margin-right: calc(-1 * var(--al-amal-preschool-header-mobile-padding-right));
	}
	body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner,
	body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner,
	body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-row-element #mobile-header .site-header-item-main-navigation {
		min-height: var(--al-amal-preschool-navigation-mobile-min-height);
		margin: var(--al-amal-preschool-navigation-mobile-margin-top) var(--al-amal-preschool-navigation-mobile-margin-right) var(--al-amal-preschool-navigation-mobile-margin-bottom) var(--al-amal-preschool-navigation-mobile-margin-left);
		padding: var(--al-amal-preschool-navigation-mobile-padding-top) var(--al-amal-preschool-navigation-mobile-padding-right) var(--al-amal-preschool-navigation-mobile-padding-bottom) var(--al-amal-preschool-navigation-mobile-padding-left);
		font-size: var(--al-amal-preschool-navigation-mobile-font-size);
	}

	body.al-amal-preschool-hf-navigation-active #mobile-header .mobile-navigation ul,
	body.al-amal-preschool-hf-navigation-active #mobile-drawer .mobile-navigation ul {
		gap: var(--al-amal-preschool-navigation-mobile-item-gap);
	}

	body.al-amal-preschool-hf-navigation-active #mobile-header .mobile-navigation a,
	body.al-amal-preschool-hf-navigation-active #mobile-drawer .mobile-navigation a {
		padding: var(--al-amal-preschool-navigation-mobile-link-padding-vertical) var(--al-amal-preschool-navigation-mobile-link-padding-horizontal);
		font-size: var(--al-amal-preschool-navigation-mobile-font-size);
	}
}

/*
 * Navigation content boundary and precise menu alignment.
 * The row background can remain edge-to-edge while the links independently
 * match the body container, span the browser, or use a custom content width.
 */
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-content-body.al-amal-preschool-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-content-body.al-amal-preschool-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-content-body.al-amal-preschool-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-content-body.al-amal-preschool-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner > .site-container {
	width: 100%;
	max-width: var(--global-content-width);
	margin-inline: auto;
}

body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-content-custom.al-amal-preschool-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-content-custom.al-amal-preschool-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-content-custom.al-amal-preschool-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-content-custom.al-amal-preschool-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner > .site-container {
	width: min(100%, var(--al-amal-preschool-navigation-content-max-width));
	max-width: var(--al-amal-preschool-navigation-content-max-width);
	margin-inline: auto;
}

body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-content-full.al-amal-preschool-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-content-full.al-amal-preschool-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-content-full.al-amal-preschool-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-content-full.al-amal-preschool-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner > .site-container {
	width: 100%;
	max-width: none;
}

@media (min-width: 1025px) {
	body.al-amal-preschool-hf-navigation-active:not(.al-amal-preschool-hf-navigation-align-builder).al-amal-preschool-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
	body.al-amal-preschool-hf-navigation-active:not(.al-amal-preschool-hf-navigation-align-builder).al-amal-preschool-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container {
		position: relative;
		min-height: var(--al-amal-preschool-navigation-desktop-min-height);
	}

	body.al-amal-preschool-hf-navigation-active:not(.al-amal-preschool-hf-navigation-align-builder).al-amal-preschool-hf-navigation-row-bottom #masthead .site-bottom-header-inner-wrap,
	body.al-amal-preschool-hf-navigation-active:not(.al-amal-preschool-hf-navigation-align-builder).al-amal-preschool-hf-navigation-row-main #masthead .site-main-header-inner-wrap {
		min-height: var(--al-amal-preschool-navigation-desktop-min-height);
	}

	body.al-amal-preschool-hf-navigation-active:not(.al-amal-preschool-hf-navigation-align-builder).al-amal-preschool-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-item-main-navigation,
	body.al-amal-preschool-hf-navigation-active:not(.al-amal-preschool-hf-navigation-align-builder).al-amal-preschool-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-item-main-navigation {
		position: absolute;
		z-index: 2;
		top: 50%;
		inset-inline-start: calc(var(--global-content-edge-padding) + var(--al-amal-preschool-navigation-desktop-content-padding-left));
		inset-inline-end: calc(var(--global-content-edge-padding) + var(--al-amal-preschool-navigation-desktop-content-padding-right));
		width: auto;
		max-width: none;
		margin: 0;
		transform: translateY(-50%);
	}

	body.al-amal-preschool-hf-navigation-active:not(.al-amal-preschool-hf-navigation-align-builder) #masthead .site-header-item-main-navigation,
	body.al-amal-preschool-hf-navigation-active:not(.al-amal-preschool-hf-navigation-align-builder) #masthead .site-header-item-main-navigation .header-navigation,
	body.al-amal-preschool-hf-navigation-active:not(.al-amal-preschool-hf-navigation-align-builder) #masthead .site-header-item-main-navigation .header-menu-container,
	body.al-amal-preschool-hf-navigation-active:not(.al-amal-preschool-hf-navigation-align-builder) #masthead .site-header-item-main-navigation .primary-menu-container {
		flex: 1 1 auto;
		width: 100%;
		max-width: none;
	}

	body.al-amal-preschool-hf-navigation-active:not(.al-amal-preschool-hf-navigation-align-builder) #masthead .site-header-item-main-navigation .primary-menu-container > ul {
		width: 100%;
	}

	body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-align-left #masthead .site-header-item-main-navigation .primary-menu-container > ul {
		justify-content: flex-start;
	}

	body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-align-center #masthead .site-header-item-main-navigation .primary-menu-container > ul {
		justify-content: center;
	}

	body.al-amal-preschool-hf-navigation-active.al-amal-preschool-hf-navigation-align-right #masthead .site-header-item-main-navigation .primary-menu-container > ul {
		justify-content: flex-end;
	}

	body.al-amal-preschool-hf-navigation-active:not(.al-amal-preschool-hf-navigation-align-builder).al-amal-preschool-hf-navigation-row-element #masthead .site-header-item-main-navigation,
	body.al-amal-preschool-hf-navigation-active:not(.al-amal-preschool-hf-navigation-align-builder).al-amal-preschool-hf-navigation-row-element #masthead .site-header-item-main-navigation .header-navigation,
	body.al-amal-preschool-hf-navigation-active:not(.al-amal-preschool-hf-navigation-align-builder).al-amal-preschool-hf-navigation-row-element #masthead .site-header-item-main-navigation .header-menu-container,
	body.al-amal-preschool-hf-navigation-active:not(.al-amal-preschool-hf-navigation-align-builder).al-amal-preschool-hf-navigation-row-element #masthead .site-header-item-main-navigation .primary-menu-container {
		width: 100%;
	}
}

/*
 * 2.4.36 responsive navigation stability.
 * Keep long desktop menus on one line before Kadence switches to the mobile
 * header, then expose a clear 44px mobile navigation trigger on smaller screens.
 */
@media (min-width: 1025px) and (max-width: 1360px) {
	body.al-amal-preschool-hf-navigation-active #masthead .site-header-item-main-navigation,
	body.al-amal-preschool-hf-navigation-active #masthead .site-header-item-main-navigation .header-navigation,
	body.al-amal-preschool-hf-navigation-active #masthead .site-header-item-main-navigation .header-menu-container,
	body.al-amal-preschool-hf-navigation-active #masthead .site-header-item-main-navigation .primary-menu-container {
		min-width: 0;
	}

	body.al-amal-preschool-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul,
	body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul {
		flex-wrap: nowrap;
		align-items: center;
		gap: min(var(--al-amal-preschool-navigation-desktop-item-gap), clamp(4px, 0.7vw, 10px));
	}

	body.al-amal-preschool-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul > li,
	body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul > li {
		flex: 0 0 auto;
		min-width: 0;
	}

	body.al-amal-preschool-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a,
	body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul > li.menu-item > a {
		padding-inline: min(var(--al-amal-preschool-navigation-desktop-link-padding-horizontal), clamp(4px, 0.5vw, 8px));
		font-size: min(var(--al-amal-preschool-navigation-desktop-font-size), clamp(12px, 1.05vw, 14px));
		line-height: 1.25;
		white-space: nowrap;
	}
}

@media (max-width: 1024px) {
	body.al-amal-preschool-hf-header-active #mobile-header,
	body.al-amal-preschool-hf-header-active #mobile-header .site-main-header-wrap,
	body.al-amal-preschool-hf-header-active #mobile-header .site-main-header-wrap .site-header-row-container-inner {
		background: var(--al-amal-preschool-header-background);
		color: var(--al-amal-preschool-header-font-color);
	}

	body.al-amal-preschool-hf-header-active #mobile-header .site-main-header-inner-wrap,
	body.al-amal-preschool-hf-header-active #mobile-header .site-header-section,
	body.al-amal-preschool-hf-header-active #mobile-header .site-header-item {
		min-width: 0;
	}

	body.al-amal-preschool-hf-navigation-active #mobile-header .mobile-toggle-open-container {
		display: flex;
		flex: 0 0 auto;
		align-items: center;
		justify-content: center;
		visibility: visible;
		opacity: 1;
	}

	body.al-amal-preschool-hf-navigation-active #mobile-header .mobile-toggle-open-container .menu-toggle-open,
	body.al-amal-preschool-hf-navigation-active #mobile-header .mobile-toggle-open-container .menu-toggle-open:focus {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 44px;
		min-height: 44px;
		margin: 0;
		padding: 10px;
		border: var(--al-amal-preschool-navigation-border-width) solid var(--al-amal-preschool-navigation-border-color);
		border-radius: max(4px, var(--al-amal-preschool-navigation-border-radius));
		background: var(--al-amal-preschool-navigation-background);
		color: var(--al-amal-preschool-navigation-font-color);
		box-shadow: none;
		visibility: visible;
		opacity: 1;
	}

	body.al-amal-preschool-hf-navigation-active #mobile-header .mobile-toggle-open-container .menu-toggle-open:hover,
	body.al-amal-preschool-hf-navigation-active #mobile-header .mobile-toggle-open-container .menu-toggle-open:focus-visible {
		background: var(--al-amal-preschool-navigation-sticky-background);
		color: var(--al-amal-preschool-navigation-font-color);
	}

	body.al-amal-preschool-hf-navigation-active #mobile-header .mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon,
	body.al-amal-preschool-hf-navigation-active #mobile-header .mobile-toggle-open-container .menu-toggle-open svg,
	body.al-amal-preschool-hf-navigation-active #mobile-header .mobile-toggle-open-container .menu-toggle-open svg * {
		color: inherit;
		fill: currentColor;
		stroke: currentColor;
	}

	body.al-amal-preschool-hf-navigation-active #mobile-drawer .drawer-inner,
	body.al-amal-preschool-hf-navigation-active #mobile-drawer .drawer-content {
		background: var(--al-amal-preschool-navigation-background);
		color: var(--al-amal-preschool-navigation-font-color);
	}
}

/*
 * Header geometry now lives in al-amal-preschool-responsive-system.css.
 * This file retains design variables, navigation styling and shared controls.
 */

/* 2.4.86 — readable, polished mobile submenu panels. */
@media (max-width: 1024px) {
	body.al-amal-preschool-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu {
		margin: 0 !important;
		padding: .25rem 0 !important;
		background: var(--al-amal-preschool-token-soft, #f4f5f9) !important;
		color: var(--al-amal-preschool-token-heading, #262939) !important;
		box-shadow: inset 0 1px 0 rgba(22, 58, 91, .08), inset 0 -1px 0 rgba(22, 58, 91, .08);
	}

	body.al-amal-preschool-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu li {
		margin: 0 !important;
		border-bottom: 1px solid rgba(22, 58, 91, .08);
		background: transparent !important;
	}

	body.al-amal-preschool-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu li:last-child {
		border-bottom: 0;
	}

	body.al-amal-preschool-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu a,
	body.al-amal-preschool-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu .drawer-nav-drop-wrap > a {
		display: flex !important;
		align-items: center;
		min-height: 48px;
		padding: .72rem 1rem .72rem clamp(2rem, 8vw, 3.5rem) !important;
		background: transparent !important;
		color: var(--al-amal-preschool-token-heading, #262939) !important;
		font-weight: 600 !important;
		line-height: 1.4;
		text-shadow: none !important;
	}

	body.al-amal-preschool-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu .drawer-sub-toggle {
		min-width: 48px;
		background: transparent !important;
		color: var(--al-amal-preschool-token-heading, #262939) !important;
	}

	body.al-amal-preschool-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu a:hover,
	body.al-amal-preschool-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu a:focus-visible,
	body.al-amal-preschool-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu .current-menu-item > a,
	body.al-amal-preschool-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu .current-menu-ancestor > a {
		background: var(--global-palette7, #eeeff4) !important;
		color: var(--al-amal-preschool-brand-primary, #5e52e4) !important;
	}
}



/* 2.4.91 — force consistent light desktop submenu surfaces, including nested/current items. */
@media (min-width: 1025px) {
	body.al-amal-preschool-hf-navigation-active #masthead .main-navigation ul.sub-menu,
	body.al-amal-preschool-hf-navigation-active #masthead .main-navigation ul.sub-menu::before,
	body.al-amal-preschool-hf-navigation-active #masthead .main-navigation ul.sub-menu::after,
	body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation ul.sub-menu,
	body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation ul.sub-menu::before,
	body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation ul.sub-menu::after {
		background: var(--al-amal-preschool-navigation-dropdown-background) !important;
	}

	body.al-amal-preschool-hf-navigation-active #masthead .main-navigation ul.sub-menu li,
	body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation ul.sub-menu li {
		margin: 0;
		background: transparent !important;
	}

	body.al-amal-preschool-hf-navigation-active #masthead .main-navigation ul.sub-menu li > a,
	body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation ul.sub-menu li > a {
		display: flex;
		align-items: center;
		width: 100%;
		box-sizing: border-box;
		background: transparent !important;
		color: var(--al-amal-preschool-navigation-dropdown-font-color) !important;
	}

	body.al-amal-preschool-hf-navigation-active #masthead .main-navigation ul.sub-menu li > a:hover,
	body.al-amal-preschool-hf-navigation-active #masthead .main-navigation ul.sub-menu li > a:focus-visible,
	body.al-amal-preschool-hf-navigation-active #masthead .main-navigation ul.sub-menu li.current-menu-item > a,
	body.al-amal-preschool-hf-navigation-active #masthead .main-navigation ul.sub-menu li.current-menu-ancestor > a,
	body.al-amal-preschool-hf-navigation-active #masthead .main-navigation ul.sub-menu li.current_page_item > a,
	body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation ul.sub-menu li > a:hover,
	body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation ul.sub-menu li > a:focus-visible,
	body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation ul.sub-menu li.current-menu-item > a,
	body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation ul.sub-menu li.current-menu-ancestor > a,
	body.al-amal-preschool-hf-navigation-active #masthead .secondary-navigation ul.sub-menu li.current_page_item > a {
		background: var(--al-amal-preschool-navigation-dropdown-hover-background) !important;
		color: var(--al-amal-preschool-navigation-dropdown-hover-color) !important;
	}
}

/* 3.1.4 — Premium preschool header and navigation refinement. */
body.al-amal-preschool-enhanced-header #masthead .site-header-row-container-inner {
	background: rgba(255, 255, 255, 0.98);
	border-color: var(--al-amal-preschool-token-border, #e4e6ed);
}

body.al-amal-preschool-enhanced-header #masthead {
	color: var(--al-amal-preschool-token-heading, #262939);
}

body.al-amal-preschool-enhanced-header #masthead :where(.header-navigation, .mobile-navigation) a {
	color: var(--al-amal-preschool-token-heading, #262939);
	font-weight: 650;
}

body.al-amal-preschool-enhanced-header #masthead :where(.header-navigation, .mobile-navigation) a:hover,
body.al-amal-preschool-enhanced-header #masthead :where(.header-navigation, .mobile-navigation) a:focus-visible,
body.al-amal-preschool-enhanced-header #masthead .current-menu-item > a,
body.al-amal-preschool-enhanced-header #masthead .current-menu-ancestor > a {
	color: var(--al-amal-preschool-brand-primary, #5e52e4);
}

body.al-amal-preschool-enhanced-header #masthead .header-navigation > div > ul > li > a {
	position: relative;
}

body.al-amal-preschool-enhanced-header #masthead .header-navigation > div > ul > li > a::after {
	content: "";
	position: absolute;
	inset: auto 0.8em 0.45rem;
	height: 2px;
	border-radius: 999px;
	background: var(--al-amal-preschool-brand-gradient, linear-gradient(120deg, #5e52e4, #2f76c6));
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 180ms ease;
}

body.al-amal-preschool-enhanced-header #masthead .header-navigation > div > ul > li > a:hover::after,
body.al-amal-preschool-enhanced-header #masthead .header-navigation > div > ul > li > a:focus-visible::after,
body.al-amal-preschool-enhanced-header #masthead .header-navigation > div > ul > li.current-menu-item > a::after,
body.al-amal-preschool-enhanced-header #masthead .header-navigation > div > ul > li.current-menu-ancestor > a::after {
	transform: scaleX(1);
}

body.al-amal-preschool-enhanced-header .al-amal-preschool-header-donate,
body.al-amal-preschool-enhanced-header .al-amal-preschool-header-action,
body.al-amal-preschool-enhanced-header a.al-amal-preschool-header-button {
	border-radius: 12px;
	background: var(--al-amal-preschool-brand-gradient, linear-gradient(120deg, #5e52e4, #2f76c6));
	box-shadow: 0 7px 18px rgba(94, 82, 228, 0.18);
}

body.al-amal-preschool-enhanced-header .sub-menu {
	border: 1px solid var(--al-amal-preschool-token-border, #e4e6ed);
	border-radius: 14px;
	box-shadow: 0 16px 38px rgba(38, 41, 57, 0.12);
	overflow: hidden;
}

body.al-amal-preschool-enhanced-header #mobile-drawer .drawer-inner {
	background: var(--al-amal-preschool-token-surface, #ffffff);
}

.site-footer .site-footer-row-container-inner {
	border-color: rgba(255, 255, 255, 0.1);
}

@media (prefers-reduced-motion: reduce) {
	body.al-amal-preschool-enhanced-header #masthead .header-navigation > div > ul > li > a::after {
		transition: none;
	}
}

/* 3.1.17 — Al-Amal Preschool profile footer, matched to the eSchool visual language. */
body.al-amal-preschool-profile-footer-active #colophon {
	display: none !important;
}

.al-amal-preschool-profile-footer {
	margin: 0;
	border-top: 1px solid #dbe5f1;
	background: #f1f6fc;
	color: var(--al-amal-preschool-token-text, #42445e);
	font-family: var(--global-body-font-family, inherit);
}

.al-amal-preschool-profile-footer__main {
	background: #f1f6fc;
}

.al-amal-preschool-profile-footer__inner {
	display: grid;
	grid-template-columns: 1.1fr 1.1fr .9fr;
	gap: clamp(36px, 6vw, 90px);
	width: min(calc(100% - 48px), 1290px);
	margin: 0 auto;
	padding: 38px 0 30px;
}

.al-amal-preschool-profile-footer__column {
	min-width: 0;
}

.al-amal-preschool-profile-footer__column h2 {
	margin: 0 0 12px;
	color: var(--al-amal-preschool-token-heading, #262939);
	font-family: inherit;
	font-size: 1rem;
	font-weight: 750;
	line-height: 1.25;
}

.al-amal-preschool-profile-footer__identity h2 {
	font-size: clamp(1.25rem, 1.7vw, 1.45rem);
	font-weight: 800;
	letter-spacing: -.02em;
}

.al-amal-preschool-profile-footer__identity p,
.al-amal-preschool-profile-footer__contact address,
.al-amal-preschool-profile-footer__contact a {
	margin: 0;
	color: var(--al-amal-preschool-token-muted, #6f7890);
	font-size: .92rem;
	line-height: 1.65;
}

.al-amal-preschool-profile-footer__contact address {
	display: grid;
	margin-bottom: 8px;
	font-style: normal;
}

.al-amal-preschool-profile-footer__contact a {
	display: block;
	width: fit-content;
	margin-top: 2px;
	color: var(--al-amal-preschool-brand-primary, #5e52e4);
	font-weight: 550;
	text-decoration: none;
	text-underline-offset: 3px;
}

.al-amal-preschool-profile-footer__contact a:hover,
.al-amal-preschool-profile-footer__contact a:focus-visible {
	color: var(--al-amal-preschool-brand-primary-hover, #4e48bc);
	text-decoration: underline;
}

.al-amal-preschool-profile-footer__social-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.al-amal-preschool-profile-footer__social-links a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 34px;
	padding: 5px 12px 5px 7px;
	border: 1px solid #d8e0ec;
	border-radius: 999px;
	background: #fff;
	color: var(--al-amal-preschool-token-heading, #262939);
	font-size: .84rem;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	box-shadow: 0 2px 7px rgba(38,41,57,.03);
}

.al-amal-preschool-profile-footer__social-links a:hover,
.al-amal-preschool-profile-footer__social-links a:focus-visible {
	border-color: color-mix(in srgb, var(--al-amal-preschool-brand-primary, #5e52e4) 35%, #d8e0ec);
	background: #faf9ff;
	color: var(--al-amal-preschool-brand-primary, #5e52e4);
}

.al-amal-preschool-profile-footer__social-icon {
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #f3f0ff;
	color: var(--al-amal-preschool-brand-primary, #5e52e4);
	font-size: .76rem;
	font-weight: 800;
}

.al-amal-preschool-profile-footer__copyright {
	border-top: 1px solid #d8e2ef;
	background: #e7eff9;
}

.al-amal-preschool-profile-footer__copyright-inner {
	width: min(calc(100% - 48px), 1290px);
	margin: 0 auto;
	padding: 13px 0 14px;
	color: var(--al-amal-preschool-token-heading, #262939);
	font-size: .82rem;
	font-weight: 600;
	line-height: 1.35;
}

@media (max-width: 900px) {
	.al-amal-preschool-profile-footer__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px 44px;
		padding-top: 34px;
	}
	.al-amal-preschool-profile-footer__social {
		grid-column: 1 / -1;
	}
}

@media (max-width: 620px) {
	.al-amal-preschool-profile-footer__inner {
		grid-template-columns: 1fr;
		gap: 26px;
		width: min(calc(100% - 32px), 1290px);
		padding: 30px 0 26px;
	}
	.al-amal-preschool-profile-footer__social {
		grid-column: auto;
	}
	.al-amal-preschool-profile-footer__copyright-inner {
		width: min(calc(100% - 32px), 1290px);
		padding-top: 12px;
		padding-bottom: 12px;
	}
}