/*
Theme Name: Angel's Aid Astra Child
Theme URI: https://angelsaid.org/
Description: Astra child theme for the Angel's Aid WordPress MVP.
Author: PanjabTek IT Solutions
Author URI: https://panjabtek.ca/
Template: astra
Version: 0.2.2
Text Domain: angels-aid-astra-child
*/

:root {
	--aa-navy: #1A355D;
	--aa-orange: #F47C20;
	--aa-text: #172033;
	--aa-muted: #627083;
	--aa-soft: #f6f8fb;
}

body {
	color: var(--aa-text);
}

a {
	color: var(--aa-navy);
}

a:hover,
a:focus {
	color: var(--aa-orange);
}

.ast-button,
.button,
button,
input[type="button"],
input[type="submit"] {
	border-radius: 6px;
	font-weight: 800;
}

.site-content {
	background: #fff;
}

.main-header-menu {
	align-items: center;
	gap: 4px;
}

.main-header-menu > .menu-item > .menu-link {
	align-items: center;
	border-radius: 6px;
	display: inline-flex;
	font-weight: 700;
	gap: 7px;
	line-height: 1.2;
	min-height: 40px;
	padding: 10px 12px;
	transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.main-header-menu > .menu-item > .menu-link:hover,
.main-header-menu > .menu-item > .menu-link:focus,
.main-header-menu > .current-menu-item > .menu-link {
	background: rgba(244, 124, 32, 0.1);
	color: var(--aa-orange);
	transform: translateY(-1px);
}

.main-header-menu > .menu-item > .menu-link::before {
	content: none;
}

.main-header-menu .menu-link .menu-text {
	align-items: center;
	display: inline-flex;
	gap: 7px;
}

.main-header-menu .menu-link .menu-text::before {
	align-items: center;
	background: rgba(26, 53, 93, 0.09);
	border-radius: 999px;
	color: var(--aa-navy);
	content: "";
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 12px;
	font-weight: 900;
	height: 22px;
	justify-content: center;
	line-height: 1;
	width: 22px;
}

.main-header-menu a[href$="/"] .menu-text::before {
	content: "⌂";
}

.main-header-menu a[href*="/support-requests/"] .menu-text::before {
	content: "♡";
}

.main-header-menu a[href*="/sponsor-meals/"] .menu-text::before {
	content: "◉";
}

.main-header-menu a[href*="/submit-a-request/"] .menu-text::before {
	content: "+";
}

.main-header-menu a[href*="/restaurant-signup/"] .menu-text::before {
	content: "▣";
}

.main-header-menu a[href*="/how-it-works/"] .menu-text::before {
	content: "?";
}

.main-header-menu a[href*="/about/"] .menu-text::before {
	content: "i";
}

.main-header-menu a[href*="/contact/"] .menu-text::before {
	content: "@";
}

.main-header-menu > .menu-item > a[href="#"] .menu-text::before {
	content: "▾";
}

.main-header-menu a[href*="/submit-a-request/"],
.main-header-menu a[href*="/sponsor-meals/"] {
	background: var(--aa-orange);
	color: #fff;
}

.main-header-menu a[href*="/submit-a-request/"] .menu-text::before,
.main-header-menu a[href*="/sponsor-meals/"] .menu-text::before {
	background: rgba(255, 255, 255, 0.22);
	color: #fff;
}

.main-header-menu a[href*="/submit-a-request/"]:hover,
.main-header-menu a[href*="/submit-a-request/"]:focus,
.main-header-menu a[href*="/sponsor-meals/"]:hover,
.main-header-menu a[href*="/sponsor-meals/"]:focus {
	background: #d86612;
	color: #fff;
}

.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
	border-radius: 6px;
	margin: 4px 12px;
	width: calc(100% - 24px);
}

.main-header-menu .sub-menu {
	border: 1px solid #dfe6ef;
	border-radius: 8px;
	box-shadow: 0 16px 34px rgba(26, 53, 93, 0.14);
	padding: 8px;
}

.main-header-menu .sub-menu .menu-link {
	border-radius: 6px;
	font-weight: 700;
	min-height: 40px;
}

.main-header-menu .sub-menu .menu-link:hover,
.main-header-menu .sub-menu .menu-link:focus {
	background: rgba(244, 124, 32, 0.1);
	color: var(--aa-orange);
}

.entry-content > .pcs-shell {
	margin-bottom: 48px;
	margin-top: 24px;
}

.home .entry-header,
.home .entry-title {
	display: none;
}

body.home .site-content .ast-container,
body.home.ast-separate-container .site-content .ast-container {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

body.home.ast-separate-container .ast-article-single {
	margin: 0;
	padding: 0;
}

.home .entry-content,
.home .entry-content > .wp-block-group:first-child {
	margin-top: 0;
}

.aa-slider {
	background: #0f2340;
	color: #fff;
	left: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	max-width: 100vw;
	overflow: hidden;
	position: relative;
	width: 100vw;
}

.aa-slider-track {
	display: flex;
	width: 300%;
	transform: translateX(0);
	transition: transform 0.45s ease;
}

.aa-slider[data-slide="1"] .aa-slider-track {
	transform: translateX(-33.3333%);
}

.aa-slider[data-slide="2"] .aa-slider-track {
	transform: translateX(-66.6666%);
}

.aa-slide {
	align-items: center;
	background-position: center;
	background-size: cover;
	display: flex;
	min-height: clamp(390px, 48vw, 520px);
	position: relative;
	width: 33.3333%;
}

.aa-slide::before {
	background: linear-gradient(90deg, rgba(10, 24, 44, 0.82), rgba(10, 24, 44, 0.52), rgba(10, 24, 44, 0.18));
	content: "";
	inset: 0;
	position: absolute;
}

.aa-slide-1 {
	background-image: url("https://images.unsplash.com/photo-1488521787991-ed7bbaae773c?auto=format&fit=crop&w=1800&q=80");
}

.aa-slide-2 {
	background-image: url("https://images.unsplash.com/photo-1593113598332-cd288d649433?auto=format&fit=crop&w=1800&q=80");
}

.aa-slide-3 {
	background-image: url("https://images.unsplash.com/photo-1469571486292-0ba58a3f068b?auto=format&fit=crop&w=1800&q=80");
}

.aa-slide-content {
	margin: 0 auto;
	max-width: 1160px;
	padding: clamp(52px, 7vw, 76px) 24px;
	position: relative;
	width: 100%;
	z-index: 1;
}

.aa-slide-content > * {
	max-width: 620px;
}

.aa-slide-kicker {
	color: #ffb36f;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}

.aa-slide-title {
	color: #fff;
	font-size: clamp(2.1rem, 4.7vw, 4rem);
	font-weight: 900;
	line-height: 1.06;
	margin: 12px 0 18px;
}

.aa-slide-copy {
	color: #edf4ff;
	font-size: clamp(1rem, 1.6vw, 1.15rem);
	line-height: 1.55;
	margin-bottom: 24px;
}

.aa-slider-dots {
	bottom: 28px;
	display: flex;
	gap: 10px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	z-index: 2;
}

.aa-slider-dots span {
	background: rgba(255, 255, 255, 0.45);
	border-radius: 999px;
	display: block;
	height: 10px;
	width: 34px;
}

.aa-slider[data-slide="0"] .aa-slider-dots span:nth-child(1),
.aa-slider[data-slide="1"] .aa-slider-dots span:nth-child(2),
.aa-slider[data-slide="2"] .aa-slider-dots span:nth-child(3) {
	background: #fff;
}

.aa-slider-arrow {
	align-items: center;
	background: rgba(255, 255, 255, 0.9);
	border: 0;
	border-radius: 999px;
	color: var(--aa-navy);
	cursor: pointer;
	display: flex;
	font-size: 28px;
	font-weight: 900;
	height: 46px;
	justify-content: center;
	line-height: 1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: background 0.18s ease, color 0.18s ease;
	width: 46px;
	z-index: 3;
}

.aa-slider-arrow:hover,
.aa-slider-arrow:focus {
	background: var(--aa-orange);
	color: #fff;
}

.aa-slider-prev {
	left: 22px;
}

.aa-slider-next {
	right: 22px;
}

.aa-hero-panel {
	background: #fff;
	border: 1px solid #dfe6ef;
	border-radius: 8px;
	box-shadow: 0 18px 44px rgba(26, 53, 93, 0.12);
}

.aa-stat-number {
	color: var(--aa-orange);
	font-size: clamp(2rem, 5vw, 3.4rem);
	font-weight: 900;
	line-height: 1;
}

.aa-stat-label {
	color: var(--aa-muted);
	font-size: 0.95rem;
	font-weight: 700;
	margin-top: 8px;
}

.aa-section-card {
	background: #fff;
	border: 1px solid #dfe6ef;
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(26, 53, 93, 0.07);
	height: 100%;
}

.aa-page-hero {
	background-position: center;
	background-size: cover;
	color: #fff;
	left: auto;
	margin-left: 0;
	margin-right: 0;
	max-width: none;
	position: relative;
	width: 100%;
}

.aa-page-hero::before {
	background: linear-gradient(90deg, rgba(16, 35, 63, 0.88), rgba(16, 35, 63, 0.58), rgba(16, 35, 63, 0.24));
	content: "";
	inset: 0;
	position: absolute;
}

.aa-page-hero > .wp-block-group {
	position: relative;
	z-index: 1;
}

.aa-support-hero {
	background-image: url("https://images.unsplash.com/photo-1593113598332-cd288d649433?auto=format&fit=crop&w=1800&q=80");
}

.aa-how-hero {
	background-image: url("https://images.unsplash.com/photo-1559027615-cd4628902d4a?auto=format&fit=crop&w=1800&q=80");
}

.aa-graphic-card {
	background: #fff;
	border: 1px solid #dfe6ef;
	border-radius: 8px;
	box-shadow: 0 14px 34px rgba(26, 53, 93, 0.08);
	height: 100%;
	position: relative;
}

.aa-graphic-card::before {
	background: var(--aa-orange);
	border-radius: 999px;
	content: "";
	height: 42px;
	position: absolute;
	right: 22px;
	top: 22px;
	width: 42px;
}

.aa-graphic-card::after {
	background: var(--aa-navy);
	border-radius: 999px;
	content: "";
	height: 18px;
	position: absolute;
	right: 34px;
	top: 34px;
	width: 18px;
}

.aa-trust-band {
	background: #f6f8fb;
	border-bottom: 1px solid #dfe6ef;
	border-top: 1px solid #dfe6ef;
}

.aa-step-card {
	background: #fff;
	border: 1px solid #dfe6ef;
	border-radius: 8px;
	box-shadow: 0 14px 34px rgba(26, 53, 93, 0.08);
	display: grid;
	gap: 14px;
	grid-template-columns: 54px minmax(0, 1fr);
	height: 100%;
	padding: 24px;
}

.aa-step-number {
	align-items: center;
	background: #F47C20;
	border-radius: 999px;
	color: #fff;
	display: flex;
	font-size: 20px;
	font-weight: 900;
	height: 54px;
	justify-content: center;
	width: 54px;
}

.aa-admin-panel {
	background: #1A355D;
	border-radius: 8px;
	color: #fff;
	overflow: hidden;
	position: relative;
}

.aa-admin-panel::after {
	background: rgba(244, 124, 32, 0.22);
	border-radius: 999px;
	content: "";
	height: 190px;
	position: absolute;
	right: -64px;
	top: -64px;
	width: 190px;
}

body.page-id-18 .entry-header,
body.page-id-18 .entry-title,
body.page-id-21 .entry-header,
body.page-id-21 .entry-title,
body.page-id-36 .entry-header,
body.page-id-36 .entry-title,
body.page-id-37 .entry-header,
body.page-id-37 .entry-title {
	display: none !important;
}

body.page-id-18 .site-content .ast-container,
body.page-id-18.ast-separate-container .site-content .ast-container,
body.page-id-21 .site-content .ast-container,
body.page-id-21.ast-separate-container .site-content .ast-container,
body.page-id-36 .site-content .ast-container,
body.page-id-36.ast-separate-container .site-content .ast-container,
body.page-id-37 .site-content .ast-container,
body.page-id-37.ast-separate-container .site-content .ast-container {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

body.page-id-18.ast-separate-container .ast-article-single,
body.page-id-21.ast-separate-container .ast-article-single,
body.page-id-36.ast-separate-container .ast-article-single,
body.page-id-37.ast-separate-container .ast-article-single {
	margin: 0;
	padding: 0;
}

body.page-id-18 .entry-content,
body.page-id-18 .entry-content > .wp-block-group:first-child,
body.page-id-21 .entry-content,
body.page-id-21 .entry-content > .wp-block-group:first-child,
body.page-id-36 .entry-content,
body.page-id-36 .entry-content > .wp-block-group:first-child,
body.page-id-37 .entry-content,
body.page-id-37 .entry-content > .wp-block-group:first-child {
	margin-top: 0;
}

.site-footer .ast-footer-copyright p {
	font-size: 14px;
	margin: 0;
}

.ast-single-post .entry-title,
.page .entry-title {
	color: var(--aa-navy);
}

@media (max-width: 640px) {
	.entry-content > .pcs-shell {
		margin-top: 12px;
	}

	.aa-slide {
		min-height: 430px;
	}

	.aa-slide::before {
		background: rgba(10, 24, 44, 0.74);
	}

	.aa-slide-content {
		padding: 54px 20px 70px;
	}

	.aa-slide-copy {
		font-size: 16px;
	}

	.aa-slider-arrow {
		bottom: 18px;
		top: auto;
		transform: none;
	}

	.aa-slider-prev {
		left: 20px;
	}

	.aa-slider-next {
		right: 20px;
	}
}

@media (max-width: 420px) {
	.aa-slide {
		min-height: 390px;
	}

	.aa-slide-title {
		font-size: 2rem;
	}
}