/**
 * Ephesus Academy — Responsive Styles
 *
 * Breakpoints:
 *   1200px  large desktop → standard
 *    992px  tablet landscape
 *    768px  tablet portrait (nav → hamburger)
 *    640px  large phone
 *    480px  small phone
 *
 * @package EphesusAcademy
 * @version 1.0.0
 */


/* ═══════════════════════════════════════════════════════════════════════
   1200px — Large desktop → Standard
   ═══════════════════════════════════════════════════════════════════════ */

@media (max-width: 1200px) {

    .ea-container {
        max-width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    /* Course grid: 3 → keep 3 but tighter */
    .ea-course-grid {
        gap: 1.25rem;
    }

    /* Lesson viewer: slightly narrower sidebar */
    .ea-lesson-sidebar {
        width: 300px;
        min-width: 300px;
    }
}


/* ═══════════════════════════════════════════════════════════════════════
   992px — Tablet landscape
   ═══════════════════════════════════════════════════════════════════════ */

/* The nav can shrink when the header is tight. Without this its default min-width:auto
   floored it at min-content (links are white-space:nowrap), so a signed-out visitor
   between 769-927px — the desktop nav still showing, "Sign in" + "Get started" both in the
   bar — pushed the whole page into a horizontal scroll and clipped the gold CTA. The nav
   collapses to the hamburger only at ≤768, so that band had no other relief. */
.ea-header__nav { min-width: 0; }

@media (max-width: 992px) {

    /* Tighten the header between the desktop layout and the ≤768 hamburger so the
       signed-out bar fits without a sideways scroll (measured: 146px overflow → 0). */
    .ea-header__inner { gap: 14px; padding-left: 16px; padding-right: 16px; }
    .ea-header__nav-list { gap: 16px; }

    /* Course grid: 3 → 2 columns */
    .ea-course-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* (removed) `.ea-instructors-grid{repeat(2,1fr)}` — the live grid (main.css:6830) is
       repeat(auto-fill,minmax(220px,1fr)), which already degrades 4→3→2→1 as the viewport
       narrows. This fixed 2-column override fought it and made directory cards GROW as the
       screen shrank (273px desktop → 418px tablet → 541px phone). Let auto-fill own it. */

    /* Expect grid: 3 → 2 + 1 centered */
    .ea-expect__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* About values: 4 → 2x2 */
    .ea-about-values__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* About mission: 2 cols → slightly tighter */
    .ea-about-mission__grid {
        gap: 2rem;
    }

    /* Hero: reduce title size */
    .ea-hero__title {
        font-size: 2.75rem;
    }

    /* Section padding */
    .ea-section {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    /* CTA section padding */
    .ea-cta-section {
        padding: 3.5rem 0;
    }

    .ea-cta-section__title {
        font-size: 1.75rem;
    }
}


/* ═══════════════════════════════════════════════════════════════════════
   768px — Tablet portrait (hamburger kicks in)
   ═══════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {

    /* ── Container ───────────────────────────────────────────────── */
    .ea-container {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    /* ── Navigation → hamburger ──────────────────────────────────── */
    .ea-header__nav {
        display: none;
    }

    .ea-header__hamburger {
        display: flex;
    }

    .ea-header__signup-btn {
        display: none;
    }

    /* Mobile nav drawer */
    .ea-mobile-nav {
        display: block;
    }

    /* ── Stats strip: horizontal → 2x2 grid ─────────────────────── */
    .ea-stats__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }

    .ea-stats__item {
        padding: 1rem;
    }

    /* ── Category grid: 4 → 2 ────────────────────────────────────── */
    .ea-categories__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* ── Testimonials: 2 → 1 column ──────────────────────────────── */
    .ea-testimonials__grid {
        grid-template-columns: 1fr;
    }

    /* ── Footer: 4 cols → 2x2 ────────────────────────────────────── */
    .ea-footer__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .ea-footer__brand {
        grid-column: 1 / -1;
    }

    /* ── Course detail: 2 cols → stacked (enroll card on top) ────── */
    .ea-course-hero__inner {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .ea-enroll-card {
        width: 100%;
        max-width: 100%;
        position: static;
    }

    .ea-course-hero__content {
        width: 100%;
    }

    /* ── Lesson viewer: 2 cols → sidebar below ───────────────────── */
    .ea-lesson-layout {
        flex-direction: column;
    }

    .ea-lesson-sidebar {
        width: 100%;
        min-width: auto;
        border-left: none;
        border-top: 1px solid var(--ea-border, rgba(255, 255, 255, 0.08));
    }

    .ea-lesson-main {
        width: 100%;
    }

    /* ── Hero ────────────────────────────────────────────────────── */
    .ea-hero__title {
        font-size: 2.25rem;
    }

    .ea-hero__subtitle {
        font-size: 1rem;
        max-width: 100%;
    }

    .ea-hero__ctas {
        flex-direction: column;
        align-items: stretch;
    }

    .ea-hero__ctas .ea-btn {
        text-align: center;
        justify-content: center;
    }

    .ea-hero {
        padding: 4rem 0 3rem;
    }

    .ea-hero__badge {
        font-size: 0.8rem;
    }

    /* ── Page hero (about, instructors) ──────────────────────────── */
    .ea-page-hero {
        padding: 3rem 0 2rem;
    }

    .ea-page-hero__title {
        font-size: 1.75rem;
    }

    .ea-page-hero__subtitle {
        font-size: 0.95rem;
    }

    /* ── Catalog hero ────────────────────────────────────────────── */
    .ea-catalog-hero {
        padding: 3rem 0 2rem;
    }

    .ea-catalog-hero__title {
        font-size: 1.75rem;
    }

    /* ── Catalog filters ─────────────────────────────────────────── */
    .ea-catalog-filters__form {
        flex-direction: column;
        gap: 0.75rem;
    }

    .ea-catalog-filters__selects {
        flex-direction: column;
        gap: 0.5rem;
    }

    .ea-catalog-filters__search {
        width: 100%;
    }

    .ea-catalog-filters__select {
        width: 100%;
    }

    /* ── Section headings ────────────────────────────────────────── */
    .ea-section__title {
        font-size: 1.5rem;
    }

    .ea-section__subtitle {
        font-size: 0.9rem;
    }

    .ea-section {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    /* ── Instructor grid: 2 → 2 (keep for tablet) ────────────────── */

    /* ── About mission: stacked ──────────────────────────────────── */
    .ea-about-mission__grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .ea-about-mission__title {
        font-size: 1.5rem;
    }

    /* ── Breadcrumb ──────────────────────────────────────────────── */
    .ea-breadcrumb__list {
        font-size: 0.8rem;
    }

    /* ── Course hero ─────────────────────────────────────────────── */
    .ea-course-hero {
        padding: 2rem 0;
    }

    .ea-course-hero__title {
        font-size: 1.5rem;
    }

    .ea-course-hero__meta {
        flex-wrap: wrap;
    }

    /* ── Exam page ───────────────────────────────────────────────── */
    .ea-exam-hero__inner {
        flex-direction: column;
        gap: 1rem;
    }

    .ea-exam-hero__title {
        font-size: 1.5rem;
    }

    .ea-exam-hero__meta {
        flex-wrap: wrap;
    }

    .ea-exam-progress__inner {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    /* ── Exam results ────────────────────────────────────────────── */
    .ea-exam-results__card {
        padding: 2rem 1.5rem;
    }

    .ea-exam-results__score {
        flex-direction: column;
        align-items: center;
    }

    /* ── CTA ─────────────────────────────────────────────────────── */
    .ea-cta-section {
        padding: 2.5rem 0;
    }

    .ea-cta-section__title {
        font-size: 1.5rem;
    }

    .ea-cta-section__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ea-cta-section__actions .ea-btn {
        text-align: center;
        justify-content: center;
    }

    /* ── FAQ ─────────────────────────────────────────────────────── */
    .ea-faq__container {
        max-width: 100%;
    }

    .ea-faq__question {
        font-size: 0.95rem;
        padding: 1rem;
    }

    .ea-faq__answer {
        padding: 0 1rem 1rem;
    }

    /* ── Search overlay: full width ──────────────────────────────── */
    .ea-search-overlay__form {
        flex-direction: row;
    }

    .ea-search-overlay__input {
        font-size: 1rem;
    }

    /* ── User dropdown: full width ───────────────────────────────── */
    .ea-header__dropdown {
        position: fixed;
        left: 1rem;
        right: 1rem;
        width: auto;
        min-width: auto;
    }

    /* ── Exam navigation ─────────────────────────────────────────── */
    .ea-exam-nav {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .ea-exam-nav .ea-btn {
        flex: 1;
        text-align: center;
        justify-content: center;
        min-width: 120px;
    }

    /* ── Lesson actions ──────────────────────────────────────────── */
    .ea-lesson-actions {
        flex-direction: column;
        gap: 1rem;
    }

    .ea-lesson-nav {
        width: 100%;
        justify-content: space-between;
    }

    /* ── Footer bottom ───────────────────────────────────────────── */
    .ea-footer__bottom {
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
        text-align: center;
    }
}


/* ═══════════════════════════════════════════════════════════════════════
   640px — Large phone
   ═══════════════════════════════════════════════════════════════════════ */

@media (max-width: 640px) {

    /* ── Course grid: 2 → 1 column ───────────────────────────────── */
    .ea-course-grid {
        grid-template-columns: 1fr;
    }

    /* (removed) `.ea-instructors-grid{1fr}` @640 — same reason as the @992 override above;
       auto-fill (main.css:6830) already collapses to a single column on narrow screens. */

    /* ── Expect grid: 2 → 1 column ──────────────────────────────── */
    .ea-expect__grid {
        grid-template-columns: 1fr;
    }

    /* ── Announcement bar: collapse to minimal ───────────────────── */
    .ea-announcement-bar {
        font-size: 0.75rem;
        padding: 0.4rem 0;
    }

    .ea-announcement-bar__badge {
        display: none;
    }

    .ea-announcement-bar__inner {
        justify-content: center;
    }

    .ea-announcement-bar__text {
        text-align: center;
        font-size: 0.75rem;
    }

    /* ── Hero ────────────────────────────────────────────────────── */
    .ea-hero {
        padding: 3rem 0 2rem;
    }

    .ea-hero__title {
        font-size: 1.75rem;
        line-height: 1.2;
    }

    .ea-hero__subtitle {
        font-size: 0.9rem;
    }

    /* ── Fonts reduced ───────────────────────────────────────────── */
    .ea-section__title {
        font-size: 1.35rem;
    }

    /* ── Category cards: keep 2 at 640 ───────────────────────────── */

    /* ── Button sizing ───────────────────────────────────────────── */
    .ea-btn--lg {
        padding: 0.7rem 1.25rem;
        font-size: 0.9rem;
    }

    .ea-btn--md {
        padding: 0.55rem 1rem;
        font-size: 0.85rem;
    }

    /* ── Exam question ───────────────────────────────────────────── */
    .ea-exam-question {
        padding: 1.25rem;
    }

    .ea-exam-question__text {
        font-size: 1rem;
    }

    .ea-exam-option {
        padding: 0.75rem;
    }

    /* ── Syllabus module ─────────────────────────────────────────── */
    .ea-syllabus__module-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .ea-syllabus__lesson {
        flex-wrap: wrap;
        gap: 0.25rem;
    }

    .ea-syllabus__lesson-dur {
        width: 100%;
        text-align: left;
    }

    /* ── Enroll card ─────────────────────────────────────────────── */
    .ea-enroll-card__details li {
        font-size: 0.85rem;
    }

    /* ── Pagination ──────────────────────────────────────────────── */
    .ea-pagination .page-numbers {
        padding: 0.4rem 0.7rem;
        font-size: 0.8rem;
    }

    /* (removed) `.ea-course-card__cover{height:160px}` — a fixed height left over from the
       pre-v2.14.0 cover. The live cover is `height:auto;aspect-ratio:16/10` (main.css:6496);
       this 160px overrode it on phones and letterboxed every cover to ~3.4:1, cropping away
       half the featured image. Let the aspect-ratio own the cover at all widths. */

    /* ── Lesson topbar ───────────────────────────────────────────── */
    .ea-lesson-topbar__inner {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .ea-lesson-topbar__course {
        display: none;
    }

    .ea-lesson-topbar__progress {
        flex: 1;
    }

    /* ── Lesson sidebar header ───────────────────────────────────── */
    .ea-lesson-sidebar__header {
        padding: 0.75rem 1rem;
    }
}


/* ═══════════════════════════════════════════════════════════════════════
   480px — Small phone
   ═══════════════════════════════════════════════════════════════════════ */

@media (max-width: 480px) {

    /* ── Container ───────────────────────────────────────────────── */
    .ea-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /* ── Stats: 2x2 → vertical stack ─────────────────────────────── */
    .ea-stats__grid {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .ea-stats__item {
        flex-direction: row;
        gap: 0.75rem;
        padding: 0.75rem 1rem;
        text-align: left;
    }

    .ea-stats__value {
        font-size: 1.25rem;
    }

    /* ── Category grid: 2 → 1 ────────────────────────────────────── */
    .ea-categories__grid {
        grid-template-columns: 1fr;
    }

    /* ── Footer: 2x2 → fully stacked ─────────────────────────────── */
    .ea-footer__grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    /* ── About values: 2x2 → 1 ───────────────────────────────────── */
    .ea-about-values__grid {
        grid-template-columns: 1fr;
    }

    /* ── Hero ────────────────────────────────────────────────────── */
    .ea-hero__title {
        font-size: 1.5rem;
    }

    .ea-hero__subtitle {
        font-size: 0.85rem;
    }

    .ea-hero {
        padding: 2.5rem 0 1.5rem;
    }

    /* ── Page hero ───────────────────────────────────────────────── */
    .ea-page-hero {
        padding: 2rem 0 1.5rem;
    }

    .ea-page-hero__title {
        font-size: 1.5rem;
    }

    /* ── Section padding ─────────────────────────────────────────── */
    .ea-section {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .ea-section__title {
        font-size: 1.25rem;
    }

    .ea-section__subtitle {
        font-size: 0.85rem;
    }

    /* ── Font sizes ──────────────────────────────────────────────── */
    body {
        font-size: 0.875rem;
    }

    .ea-hero__badge {
        font-size: 0.7rem;
    }

    /* ── Cards general ───────────────────────────────────────────── */
    .ea-course-card__body {
        padding: 0.75rem;
    }

    .ea-course-card__title {
        font-size: 0.95rem;
    }

    .ea-course-card__meta-item {
        font-size: 0.75rem;
    }

    /* ── Expect cards ────────────────────────────────────────────── */
    .ea-expect__card {
        padding: 1.25rem;
    }

    .ea-expect__title {
        font-size: 1rem;
    }

    .ea-expect__desc {
        font-size: 0.85rem;
    }

    /* ── Category card ───────────────────────────────────────────── */
    .ea-category-card {
        padding: 1.25rem;
    }

    .ea-category-card__title {
        font-size: 1rem;
    }

    /* ── Testimonials ────────────────────────────────────────────── */
    .ea-testimonial-card {
        padding: 1.25rem;
    }

    .ea-testimonial-card__text {
        font-size: 0.85rem;
    }

    /* ── FAQ ─────────────────────────────────────────────────────── */
    .ea-faq__question {
        font-size: 0.875rem;
        padding: 0.75rem;
    }

    .ea-faq__answer {
        padding: 0 0.75rem 0.75rem;
        font-size: 0.85rem;
    }

    /* ── CTA ─────────────────────────────────────────────────────── */
    .ea-cta-section {
        padding: 2rem 0;
    }

    .ea-cta-section__title {
        font-size: 1.25rem;
    }

    .ea-cta-section__text {
        font-size: 0.85rem;
    }

    /* ── Breadcrumb ──────────────────────────────────────────────── */
    .ea-breadcrumb {
        padding: 0.5rem 0;
    }

    .ea-breadcrumb__list {
        font-size: 0.75rem;
    }

    /* ── Course hero ─────────────────────────────────────────────── */
    .ea-course-hero {
        padding: 1.5rem 0;
    }

    .ea-course-hero__title {
        font-size: 1.25rem;
    }

    .ea-course-hero__desc {
        font-size: 0.85rem;
    }

    .ea-course-hero__badges {
        flex-wrap: wrap;
    }

    .ea-course-hero__learn-box {
        padding: 1rem;
    }

    .ea-course-hero__learn-list li {
        font-size: 0.85rem;
    }

    /* ── Enroll card ─────────────────────────────────────────────── */
    .ea-enroll-card {
        border-radius: 0.75rem;
    }

    .ea-enroll-card__body {
        padding: 1rem;
    }

    .ea-enroll-card__price {
        font-size: 1.25rem;
    }

    /* ── Tabs ────────────────────────────────────────────────────── */
    .ea-tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .ea-tabs__tab {
        white-space: nowrap;
        font-size: 0.85rem;
        padding: 0.6rem 0.75rem;
    }

    /* ── Exam page ───────────────────────────────────────────────── */
    .ea-exam-hero {
        padding: 1.5rem 0;
    }

    .ea-exam-hero__title {
        font-size: 1.25rem;
    }

    .ea-exam-hero__meta {
        gap: 0.5rem;
    }

    .ea-exam-hero__meta-item {
        font-size: 0.8rem;
    }

    .ea-exam-question {
        padding: 1rem;
    }

    .ea-exam-question__text {
        font-size: 0.9rem;
    }

    .ea-exam-option {
        padding: 0.6rem;
        font-size: 0.85rem;
    }

    .ea-exam-option__badge {
        width: 24px;
        height: 24px;
        font-size: 0.75rem;
    }

    /* Exam results */
    .ea-exam-results__card {
        padding: 1.5rem 1rem;
    }

    .ea-exam-results__icon svg {
        width: 48px;
        height: 48px;
    }

    .ea-exam-results__title {
        font-size: 1.25rem;
    }

    .ea-exam-results__subtitle {
        font-size: 0.85rem;
    }

    .ea-exam-results__actions {
        flex-direction: column;
        gap: 0.5rem;
    }

    .ea-exam-results__actions .ea-btn {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    /* ── Instructor grid card ────────────────────────────────────── */
    .ea-instructor-grid-card {
        flex-direction: column;
        text-align: center;
    }

    .ea-instructor-grid-card__avatar {
        margin: 0 auto;
    }

    .ea-instructor-grid-card__info {
        align-items: center;
    }

    .ea-instructor-grid-card__meta {
        justify-content: center;
    }

    /* ── Instructor bio card (single course) ─────────────────────── */
    .ea-instructor-card {
        flex-direction: column;
        text-align: center;
    }

    .ea-instructor-card__avatar {
        margin: 0 auto;
    }

    .ea-instructor-card__info {
        align-items: center;
    }

    /* ── Lesson content ──────────────────────────────────────────── */
    .ea-lesson-content {
        padding: 1rem;
    }

    .ea-lesson-content__title {
        font-size: 1.25rem;
    }

    .ea-lesson-video__placeholder {
        min-height: 180px;
    }

    .ea-lesson-quiz__question {
        padding: 1rem;
    }

    .ea-lesson-quiz__option {
        padding: 0.6rem;
        font-size: 0.85rem;
    }

    /* ── Header ──────────────────────────────────────────────────── */
    .ea-header__logo-text {
        display: none;
    }

    .ea-header__inner {
        padding: 0.5rem 0;
    }

    /* ── Mobile auth buttons ─────────────────────────────────────── */
    .ea-mobile-nav__auth {
        flex-direction: column;
        gap: 0.5rem;
    }

    /* ── Footer ──────────────────────────────────────────────────── */
    .ea-footer {
        padding: 2rem 0 1rem;
    }

    .ea-footer__heading {
        font-size: 0.9rem;
    }

    .ea-footer__link {
        font-size: 0.85rem;
    }

    .ea-footer__desc {
        font-size: 0.8rem;
    }

    .ea-footer__copyright {
        font-size: 0.75rem;
    }

    .ea-footer__legal-link {
        font-size: 0.75rem;
    }

    /* ── About mission ───────────────────────────────────────────── */
    .ea-about-mission__title {
        font-size: 1.25rem;
    }

    .ea-about-mission__text {
        font-size: 0.85rem;
    }

    .ea-about-mission__card {
        padding: 1.25rem;
    }

    .ea-about-mission__verse p {
        font-size: 0.9rem;
    }

    /* ── Resource items ──────────────────────────────────────────── */
    .ea-resource-item {
        padding: 0.75rem;
    }

    .ea-resource-item__name {
        font-size: 0.85rem;
    }

    /* ── Empty state ─────────────────────────────────────────────── */
    .ea-empty-state {
        padding: 2rem 1rem;
    }

    .ea-empty-state__title {
        font-size: 1rem;
    }

    .ea-empty-state__text {
        font-size: 0.85rem;
    }

    /* ── Review items ────────────────────────────────────────────── */
    .ea-review-item__text {
        font-size: 0.85rem;
    }

    /* ── Catalog hero ────────────────────────────────────────────── */
    .ea-catalog-hero {
        padding: 2rem 0 1.5rem;
    }

    .ea-catalog-hero__title {
        font-size: 1.5rem;
    }

    .ea-catalog-hero__subtitle {
        font-size: 0.85rem;
    }
}


/* ═══════════════════════════════════════════════════════════════════════
   Hamburger visibility defaults
   (shown only below 768px; hidden by default above)
   ═══════════════════════════════════════════════════════════════════════ */

.ea-header__hamburger {
    display: none;
}

.ea-mobile-nav {
    display: none;
}

@media (max-width: 768px) {
    .ea-header__hamburger {
        display: flex;
        /* Explicit box: the SVGs are display:none at rest (see the swap below), so without
           this the button collapses to its 4px padding — an 8x8 invisible tap target. 40px
           also clears the WCAG 2.5.8 24x24 minimum. */
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 0;
    }

    /* When mobile menu is open */
    .ea-mobile-nav--open {
        display: block;
    }

    /* Hamburger icon swap. RESTING state = the 3-line icon shown, the X hidden. The resting
       `.ea-hamburger-open{display:block}` was missing — main.css:4146 sets BOTH icons to
       display:none as a pre-JS default and only the OPEN state was ever wired back on, so
       at rest there was no visible icon at all. */
    .ea-hamburger-open {
        display: block;
    }

    .ea-hamburger-close {
        display: none;
    }

    .ea-body--nav-open .ea-hamburger-open {
        display: none;
    }

    .ea-body--nav-open .ea-hamburger-close {
        display: block;
    }

    /* Prevent body scroll when menu is open */
    .ea-body--nav-open {
        overflow: hidden;
    }
}


/* ═══════════════════════════════════════════════════════════════════════
   Utility: animation transitions
   ═══════════════════════════════════════════════════════════════════════ */

/* Fade-in animation class */
.ea-animate {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.ea-animate.ea-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger delays for grid children */
.ea-animate:nth-child(2) { transition-delay: 0.1s; }
.ea-animate:nth-child(3) { transition-delay: 0.2s; }
.ea-animate:nth-child(4) { transition-delay: 0.3s; }
.ea-animate:nth-child(5) { transition-delay: 0.4s; }
.ea-animate:nth-child(6) { transition-delay: 0.5s; }


/* ═══════════════════════════════════════════════════════════════════════
   Print styles (hide non-essential)
   ═══════════════════════════════════════════════════════════════════════ */

@media print {
    .ea-announcement-bar,
    .ea-header,
    .ea-mobile-nav,
    .ea-search-overlay,
    .ea-footer__social,
    .ea-cta-section {
        display: none;
    }

    .ea-footer {
        background: none;
        color: #000;
    }

    body {
        font-size: 12pt;
        color: #000;
        background: #fff;
    }
}