/* =========================================================================
   Athath Express — 04 FOOTER
   Designed brand-led footer + mobile quick contact bar.
   ====================================================================== */

.a-footer {
	position: relative;
	overflow: hidden;
	padding-block: clamp(52px, 5.6vw, 84px) 0;
	background:
		radial-gradient(70% 90% at 88% 0%, rgba(46, 204, 113, .14), transparent 58%),
		linear-gradient(170deg, #0e4d28, var(--a-green-deep) 55%, #072d18);
	color: rgba(233, 243, 236, .74);
}
.a-footer::before {
	content: "";
	position: absolute;
	inset-block-start: 0;
	inset-inline: 0;
	height: 2px;
	background: linear-gradient(to left, transparent, var(--a-gold) 30%, var(--a-green-bright) 70%, transparent);
	opacity: .75;
}

.a-footer__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) repeat(3, minmax(0, .82fr));
	gap: clamp(30px, 3.6vw, 60px);
	padding-block-end: clamp(38px, 4vw, 58px);
}

/* Brand area */
.a-brand--footer .a-logo {
	width: 52px;
	height: 52px;
	box-shadow: 0 14px 28px -14px rgba(0, 0, 0, .8);
}
.a-brand--footer .a-brand__txt strong { color: #fff; font-size: 1.3rem; }
.a-brand--footer .a-brand__txt small { color: rgba(233, 243, 236, .6); }

.a-footer__statement {
	margin: 26px 0 14px;
	max-width: 22ch;
	color: #fff;
	font-size: clamp(1.32rem, 1.1rem + .95vw, 1.95rem);
	font-weight: 700;
	line-height: 1.45;
}
.a-footer__desc {
	max-width: 46ch;
	font-size: .98rem;
	line-height: 1.85;
	color: rgba(233, 243, 236, .7);
}
.a-footer__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-block-start: 24px;
}

/* Columns */
.a-footer__title {
	margin: 0 0 20px;
	color: #fff;
	font-size: 1rem;
	font-weight: 800;
	position: relative;
	padding-block-end: 14px;
}
.a-footer__title::after {
	content: "";
	position: absolute;
	inset-block-end: 0;
	inset-inline-start: 0;
	width: 30px;
	height: 2px;
	border-radius: 2px;
	background: var(--a-gold);
}

.a-footer__links,
.a-footer__contact { display: grid; gap: 12px; }

.a-footer__links a {
	position: relative;
	display: inline-block;
	color: rgba(233, 243, 236, .74);
	font-size: .97rem;
	font-weight: 500;
	transition: color .3s var(--a-ease), transform .3s var(--a-ease);
}
.a-footer__links a::before {
	content: "";
	position: absolute;
	inset-inline-start: -12px;
	inset-block-start: 50%;
	width: 5px;
	height: 1px;
	background: var(--a-gold);
	opacity: 0;
	transition: opacity .3s var(--a-ease);
}
.a-footer__links a:hover { color: #fff; transform: translateX(-5px); }
html[dir="ltr"] .a-footer__links a:hover { transform: translateX(5px); }
.a-footer__links a:hover::before { opacity: 1; }
.a-footer__links .current-menu-item > a,
.a-footer__links .current_page_item > a { color: #fff; font-weight: 700; }

.a-footer__contact li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: .97rem;
	line-height: 1.7;
}
.a-footer__contact .a-icon {
	width: 18px;
	height: 18px;
	margin-block-start: .3em;
	color: var(--a-green-bright);
}
.a-footer__contact a { color: rgba(233, 243, 236, .82); font-feature-settings: "tnum"; }
.a-footer__contact a:hover { color: #fff; }

/* Bottom bar */
.a-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-block: 22px;
	border-block-start: 1px solid rgba(255, 255, 255, .1);
	font-size: .87rem;
	color: rgba(233, 243, 236, .55);
}
.a-footer__bottom-alt { color: rgba(233, 243, 236, .4); }

@media (max-width: 1024px) {
	.a-footer__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.a-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
	.a-footer__grid { grid-template-columns: 1fr; gap: 34px; }
	.a-footer__statement { max-width: none; }
	.a-footer__bottom { justify-content: center; text-align: center; }
}

/* -------------------------------------------------------------------------
   Mobile quick contact bar
   ---------------------------------------------------------------------- */

.a-quickbar { display: none; }

@media (max-width: 720px) {
	.a-quickbar {
		position: fixed;
		inset-inline: 0;
		inset-block-end: 0;
		z-index: 80;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1px;
		background: rgba(22, 36, 29, .12);
		box-shadow: 0 -12px 28px -20px rgba(10, 61, 32, .8);
		padding-block-end: env(safe-area-inset-bottom, 0);
	}
	.a-quickbar a {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		padding-block: 14px;
		font-size: .98rem;
		font-weight: 700;
	}
	.a-quickbar .a-icon { width: 19px; height: 19px; }
	.a-quickbar__call { background: #fff; color: var(--a-green-deep); }
	.a-quickbar__wa { background: linear-gradient(140deg, #1c8f49, var(--a-green-dark)); color: #fff; }
	.a-quickbar__wa:hover { color: #fff; }
	body { padding-block-end: 56px; }
	.a-footer { padding-block-end: 6px; }
}
