/* ==========================================================================
   Responsive refinements (Elementor breakpoints: 1024 tablet / 767 mobile)
   ========================================================================== */

@media (max-width: 1100px) {
	.afro-footer__inner { grid-template-columns: 1fr 1fr; }
	.afro-footer__inner > :first-child { grid-column: 1 / -1; }
	.afro-event-row { grid-template-columns: 100px minmax(0, 1fr) auto; }
	.afro-event-row__meta { display: none; }
}

@media (max-width: 1024px) {
	:root { --afro-header-h: 68px; }
	.afro-header__inner { grid-template-columns: auto 1fr; }
	.afro-burger { display: inline-block; }
	.afro-header__actions .afro-btn, .afro-header__actions .afro-social { display: none; }
	.afro-nav {
		position: fixed; inset: var(--afro-header-h) 0 0 0; z-index: 99;
		background: radial-gradient(120% 70% at 100% 0, rgba(219,161,77,.18), transparent 60%), var(--afro-black);
		padding: 2rem var(--afro-gutter) 3rem; overflow-y: auto;
		clip-path: inset(0 0 100% 0); visibility: hidden;
		transition: clip-path .7s var(--afro-ease-in-out), visibility 0s linear .7s;
	}
	.afro-nav.is-open { clip-path: inset(0 0 0 0); visibility: visible; transition: clip-path .7s var(--afro-ease-in-out); }
	.afro-nav__list { flex-direction: column; gap: 0; }
	.afro-nav__list a { display: block; font-family: var(--afro-font-display); text-transform: uppercase; font-size: clamp(2rem, 8vw, 3.2rem); font-weight: 600; padding: .55rem 0; border-bottom: 1px solid var(--afro-border); }
	.afro-nav__list a::after { display: none; }
	.afro-nav.is-open .afro-nav__list li { animation: afro-nav-in .7s var(--afro-ease) both; }
	.afro-nav.is-open .afro-nav__list li:nth-child(2) { animation-delay: .06s; }
	.afro-nav.is-open .afro-nav__list li:nth-child(3) { animation-delay: .12s; }
	.afro-nav.is-open .afro-nav__list li:nth-child(4) { animation-delay: .18s; }
	.afro-nav.is-open .afro-nav__list li:nth-child(5) { animation-delay: .24s; }
	.afro-nav.is-open .afro-nav__list li:nth-child(6) { animation-delay: .3s; }
	.afro-nav__mobile-extra { display: block; margin-top: 2rem; }
	body.afro-nav-open { overflow: hidden; }
	/* backdrop-filter/transform on the header would trap the fixed menu inside the header box */
	.afro-header { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(17,17,17,.94); }
	.afro-nav-open .afro-header { transform: none !important; transition: none !important; background: var(--afro-black); }
	.afro-header__brand, .afro-header__actions { position: relative; z-index: 101; }
	.afro-nav .afro-contact__value { font-size: .9rem; overflow-wrap: anywhere; }
	.afro-nav { bottom: 0 !important; height: auto; padding-top: 1.75rem; padding-bottom: calc(3rem + env(safe-area-inset-bottom, 0px)); overscroll-behavior: contain; }
	.admin-bar .afro-nav { top: calc(var(--afro-header-h) + 46px); }
	.afro-profile__grid { grid-template-columns: 1fr; }
	.afro-profile__grid > .afro-frame { position: relative; top: 0; max-width: 28rem; }
	.afro-stories--grid .afro-story--lead .afro-story__link { grid-template-columns: 1fr; gap: 1.25rem; }
	.afro-hero-seal { left: auto; right: -.5rem; bottom: -1.5rem; }
	.afro-sticky { position: static; }
	.afro-counter:not(:first-child) { border-left: 0; padding-left: 0 !important; }
	.afro-people--grid .afro-person:nth-child(3n+2) { margin-top: 0; }
	.afro-has-media::before { background: linear-gradient(180deg, rgba(17,17,17,.55) 0%, rgba(17,17,17,.92) 70%, var(--afro-ink) 100%); }
	.afro-cursor, .afro-cursor-ring { display: none; }
}
@keyframes afro-nav-in { from { opacity: 0; transform: translateY(24px); } }

@media (max-width: 782px) {
	.admin-bar .afro-header { top: 46px; }
}

@media (max-width: 767px) {
	.afro-announce p { font-size: .72rem; }
	.afro-event-row { grid-template-columns: 84px 1fr; }
	.afro-event-row__day { font-size: 2rem; }
	.afro-event-row__body { padding: 1.1rem 1.1rem 1.1rem 1.25rem; }
	.afro-event-row__cta { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--afro-border); margin: 0; padding: 1rem; }
	.afro-event-row__cta .afro-btn { width: 100%; }
	.afro-session { grid-template-columns: 1fr; gap: .4rem; }
	.afro-facts { grid-template-columns: 1fr 1fr; }
	.afro-facts__item { border-right: 0; border-bottom: 1px solid var(--afro-border); }
	.afro-facts__item:nth-child(odd) { border-right: 1px solid var(--afro-border); }
	.afro-countdown__unit { min-width: 0; flex: 1; }
	.afro-form__grid { grid-template-columns: 1fr; }
	.afro-form__foot .afro-btn { width: 100%; }
	.afro-gallery, .afro-mosaic { grid-template-columns: 1fr 1fr; }
	.afro-gallery { grid-auto-rows: 42vw; }
	.afro-footer__inner { grid-template-columns: 1fr; }
	.afro-footer__legal { flex-direction: column; align-items: flex-start; }
	.afro-postnav { grid-template-columns: 1fr; }
	.afro-postnav__next { grid-column: 1; text-align: left; }
	.afro-cta-group .afro-btn { flex: 1 1 auto; }
	.afro-glass-card { grid-template-columns: 60px 1fr auto; }
	.afro-glass-card__thumb { width: 60px; height: 60px; }
	.afro-orb { width: 50px; height: 50px; }
	.afro-slats { --gap: 6px; }
	.afro-slat:nth-child(even) { margin-top: 1rem; margin-bottom: -1rem; }
	.afro-hero-seal { display: none; }
	.afro-hero__title .elementor-heading-title { max-width: none; }
	.afro-scroll-cue { display: none; }
	.afro-poster-card__media { aspect-ratio: 4 / 4.6; }
}