/*
 * Shared SEO landing vertical rhythm
 * ---------------------------------
 * Used by every page that extends marketing/seo_flight_deals.html.twig:
 *   /flights-from-*, /flight-deals-to-*, /flights-by-cities, /flights-by-regions
 *
 * Source of truth: Flight Deals homepage / main landing --gap-section
 * (32px base, 56px at ≥992px). Do NOT invent tighter SEO-only gaps.
 *
 * Major SEO sections inherit the same padding: var(--gap-section) 0 as
 * homepage .advantages / .popular-routes / .how-to-find / .faq.
 * Only SEO-only blocks (Premium band, region cards zeroed in pages.css)
 * need explicit rules here.
 *
 * --seo-gap-* aliases remain for premium-discovery.css / pages.css consumers.
 */

.page-seo-landing {
    --seo-gap-tight: var(--gap-section);
    --seo-gap-default: var(--gap-section);
    --seo-gap-loose: var(--gap-section);
    --seo-gap-band: var(--gap-section);
    /* Matches homepage .mf-seo-links__title / .how-to-find title (28px) */
    --seo-heading-gap: 28px;
    /* Back-compat aliases */
    --seo-gap-after-hero: var(--gap-section);
    --seo-gap-before-how: var(--gap-section);
    --seo-gap-before-article: var(--gap-section);
}

/* ——— SEO-only Premium band ———
   Same vertical padding as homepage sections (not a compact inset). */
.page-seo-landing:not(.page-flight-deals-results) .flight-deals-city-seo .mf-seo-premium {
    padding: var(--gap-section) 0;
}

/* ——— Region cards directory ———
   pages.css zeros .regions-categories; restore homepage section padding. */
.page-seo-landing:not(.page-flight-deals-results) .flight-deals-city-seo section.regions-categories {
    padding: var(--gap-section) 0;
}

/* ——— Link directories ———
   Undo the shared .mf-seo-links + .mf-seo-links { padding-top: 0 } collapse
   on SEO landings so Popular departure → regions matches homepage section gaps. */
.page-seo-landing:not(.page-flight-deals-results) .flight-deals-city-seo section.mf-seo-links {
    padding: var(--gap-section) 0;
}

.page-seo-landing:not(.page-flight-deals-results) .flight-deals-city-seo .mf-seo-premium + .mf-seo-links,
.page-seo-landing:not(.page-flight-deals-results) .flight-deals-city-seo .mf-seo-links + .mf-seo-links {
    padding-top: var(--gap-section);
}