/* =========================================================
   PAHO — Footer redesign v4 (desktop-optimised, compact)
   Key changes from v3:
   - 5-col grid compressed: tighter gap + smaller column widths
   - About col gets more breathing room, nav cols tighter
   - Link font-size down, gap between items tighter
   - CTA card slimmer and more pill-like
   - Desktop: all columns always visible (no accordion on desktop)
   - Mobile: accordion preserved (≤560px unchanged)
   ========================================================= */

.paho-footer {
	direction: rtl;
	background: #150f26;
	color: #cbd5e1;
	margin-top: 2.5rem;
	position: relative;
}

/* ---------- CTA — slimmer pill card ---------- */
.paho-footer__cta { padding: 1.4rem 1.25rem 0; }
.paho-footer__cta-inner {
	max-width: calc(var(--pmx-max, 1200px) - 2.5rem);
	margin: 0 auto;
	padding: 1rem 1.5rem;
	border-radius: 1.1rem;
	background: linear-gradient(120deg, var(--paho-primary), var(--paho-primary-dark));
	box-shadow: 0 14px 32px rgba(91,33,182,.3);
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .85rem;
}
.paho-footer__cta-inner h2 { font-family: var(--font-fa); font-size: .92rem; font-weight: 700; color: #fff; margin: 0 0 .15rem; }
.paho-footer__cta-inner p  { font-size: .76rem; color: rgba(255,255,255,.8); margin: 0; line-height: 1.5; }
.paho-footer__cta-btn {
	display: inline-flex; align-items: center; gap: .4rem; flex: 0 0 auto;
	background: var(--grad-gold); color: #2b1a06; font-weight: 700; font-size: .8rem;
	padding: .58rem 1.15rem; border-radius: var(--paho-radius-pill, 999px); text-decoration: none;
	transition: transform .2s ease, box-shadow .2s ease; white-space: nowrap;
}
.paho-footer__cta-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(201,162,111,.4); }
.paho-footer__cta-btn i { font-size: .7rem; }

/* ---------- Column grid — desktop ---------- */
.paho-footer__grid {
	max-width: var(--pmx-max, 1200px); margin: 0 auto;
	padding: 1.75rem 1.25rem 1.25rem;
	display: grid;
	/* About gets 1.6fr, four nav cols share the rest equally */
	grid-template-columns: 1.6fr repeat(4, 1fr);
	gap: 1.25rem 2rem;
	align-items: start;
}

@media (max-width: 992px) { .paho-footer__grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem 1.25rem; } }
@media (max-width: 560px)  { .paho-footer__grid { grid-template-columns: 1fr; gap: 0; padding-top: 1.5rem; } }

/* ---------- Column headings ---------- */
.paho-footer__col h2 {
	display: flex; align-items: center; gap: .35rem;
	font-family: var(--font-fa); font-size: .72rem; font-weight: 700;
	letter-spacing: .03em; text-transform: uppercase;
	color: rgba(255,255,255,.5); margin: 0 0 .8rem;
	/* Decorative left border accent */
	padding-right: .55rem;
	border-right: 2px solid var(--primary-gold, #c9a26f);
}
.paho-footer__col h2 i { color: var(--primary-gold); font-size: .7rem; }

/* Hide the mobile caret on desktop */
.paho-footer__col-caret { display: none; }
@media (max-width: 560px) { .paho-footer__col-caret { display: inline; } }

/* ---------- Nav links ---------- */
.paho-footer__col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .38rem; }
.paho-footer__col a {
	color: #7e879e; text-decoration: none; font-size: .79rem; line-height: 1.35;
	transition: color .15s ease;
}
.paho-footer__col a:hover { color: #fff; }

/* ---------- About column ---------- */
.paho-footer__logo {
	display: inline-block; font-family: var(--font-fa); font-size: 1.15rem; font-weight: 700;
	color: #fff; text-decoration: none; margin-bottom: .5rem;
}
.paho-footer__col--about p  { font-size: .78rem; line-height: 1.7; color: #6d7591; margin: 0 0 .75rem; }
.paho-footer__phone          { display: flex; align-items: center; gap: .35rem; font-size: .8rem; }
.paho-footer__phone i        { color: var(--primary-gold); font-size: .72rem; }
.paho-footer__phone a        { color: #fff; font-weight: 700; }

/* ---------- Social icons ---------- */
.paho-footer__social { flex-direction: row !important; flex-wrap: wrap; gap: .45rem !important; margin-top: .65rem !important; }
.paho-footer__social a {
	display: inline-flex; align-items: center; justify-content: center;
	width: 28px; height: 28px; border-radius: .5rem;
	background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08);
	font-size: 0;
	transition: background .15s ease, border-color .15s ease, transform .15s ease;
}
.paho-footer__social a:hover { background: rgba(201,162,111,.15); border-color: rgba(201,162,111,.35); transform: translateY(-2px); }

/* ---------- Divider between grid and bottom ---------- */
.paho-footer__grid::after {
	content: '';
	display: block;
	grid-column: 1 / -1;
	height: 1px;
	background: rgba(255,255,255,.07);
	margin-top: .5rem;
}

/* ---------- Bottom bar ---------- */
.paho-footer__bottom {
	padding: .85rem 1.25rem;
	max-width: var(--pmx-max, 1200px); margin: 0 auto;
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .6rem;
}
.paho-footer__disclaimer { font-size: .69rem; line-height: 1.65; color: #484f68; margin: 0; max-width: 680px; }
.paho-footer__copyright  { font-size: .71rem; color: #6d7591; margin: 0; white-space: nowrap; }

/* ==========================================================
   Mobile (≤560px) — accordion columns, chip links. UNCHANGED.
   ========================================================== */
@media (max-width: 560px) {

	.paho-footer__cta { padding: 1rem 1rem 0; }
	.paho-footer__cta-inner {
		flex-direction: column; align-items: stretch; text-align: center;
		padding: 1rem 1.15rem; gap: .6rem; border-radius: .9rem;
	}
	.paho-footer__cta-inner h2 { font-size: .9rem; }
	.paho-footer__cta-btn { justify-content: center; }

	.paho-footer__grid { padding: 1.25rem 1rem .5rem; gap: 0; }

	/* restore heading style for mobile */
	.paho-footer__col h2 {
		font-size: .8rem; text-transform: none; letter-spacing: 0;
		color: #fff; border-right: none; padding-right: 0;
	}

	.paho-footer__col--about {
		padding-bottom: 1rem; margin-bottom: .2rem;
		border-bottom: 1px solid rgba(255,255,255,.07);
	}
	.paho-footer__col--about p {
		display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
		overflow: hidden; margin-bottom: .55rem;
	}

	/* --- accordion --- */
	.paho-footer__col--collapsible { border-bottom: 1px solid rgba(255,255,255,.07); }
	.paho-footer__col--collapsible > h2 { margin: 0; padding: .9rem 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
	.paho-footer__col-caret {
		margin-inline-start: auto; font-size: .65rem !important; color: #6b7290 !important;
		transition: transform .25s ease, color .2s ease;
	}
	.paho-footer__col--collapsible.is-open > h2 .paho-footer__col-caret { transform: rotate(180deg); color: var(--primary-gold) !important; }
	.paho-footer__col-body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s ease; }
	.paho-footer__col-body > ul { overflow: hidden; }
	.paho-footer__col--collapsible.is-open .paho-footer__col-body { grid-template-rows: 1fr; padding-bottom: 1rem; }

	/* --- chip links --- */
	.paho-footer__col-body > ul { flex-direction: row; flex-wrap: wrap; gap: .45rem; }
	.paho-footer__col-body > ul li a {
		display: inline-block; padding: .38rem .75rem; border-radius: 999px;
		background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09);
		font-size: .74rem;
	}
	.paho-footer__col-body > ul li a:active { background: rgba(201,162,111,.15); border-color: rgba(201,162,111,.38); }
	.paho-footer__social { margin-top: .55rem !important; }

	.paho-footer__bottom { padding: .85rem 1rem; flex-direction: column; align-items: flex-start; gap: .4rem; }
	.paho-footer__disclaimer { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
}