/* Shared Manyflights Premium discovery / upgrade insert card.
   Palette: D — Midnight Blue (#08172B → #102C52 → #1B4D82).
   Used by Flight Deals results grid, Membership & billing (Limited), and SEO landings. */

.page-flight-deals-finder .flight-deals-premium-discovery,
.page-manyflights .flight-deals-premium-discovery,
.flight-deals-premium-discovery {
    --fd-prem-ink: #f7f9ff;
    --fd-prem-muted: rgba(232, 238, 255, 0.82);
    --fd-prem-soft: rgba(214, 224, 255, 0.72);
    --fd-prem-check: #9ec5ff;
    --fd-prem-benefit: rgba(247, 249, 255, 0.94);
    /* If global typography still wins on specificity, resolve light. */
    --text-color-primary: #ffffff;
    --text-color-heading: #ffffff;
    --text-color-secondary: var(--fd-prem-muted);
    --text-color-muted: var(--fd-prem-soft);
    --text-color-label: var(--fd-prem-soft);
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgba(120, 170, 230, 0.18);
    background:
        radial-gradient(120% 80% at 100% 0%, rgba(50, 110, 190, 0.26) 0%, transparent 55%),
        radial-gradient(90% 70% at 0% 100%, rgba(15, 50, 110, 0.42) 0%, transparent 50%),
        linear-gradient(155deg, #08172b 0%, #102c52 48%, #1b4d82 100%);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.06) inset,
        0 10px 28px rgba(8, 23, 43, 0.28);
    font-family: "Open Sans", sans-serif;
    min-height: 100%;
    color: var(--fd-prem-ink);
    isolation: isolate;
}

.flight-deals-premium-discovery::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, transparent 42%),
        repeating-linear-gradient(
            -18deg,
            transparent 0,
            transparent 11px,
            rgba(255, 255, 255, 0.012) 11px,
            rgba(255, 255, 255, 0.012) 12px
        );
    opacity: 0.9;
}

.flight-deals-premium-discovery__art {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}

.flight-deals-premium-discovery__glow {
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(80, 140, 220, 0.24) 0%, transparent 70%);
    top: -48px;
    right: -36px;
    filter: blur(2px);
}

.flight-deals-premium-discovery__plane {
    position: absolute;
    right: -4%;
    bottom: 8%;
    width: 118px;
    height: 118px;
    opacity: 0.09;
    transform: rotate(-8deg);
    z-index: 1;
}

.page-flight-deals-finder .flight-deals-premium-discovery__content,
.page-manyflights .flight-deals-premium-discovery__content,
.flight-deals-premium-discovery__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    padding: 20px 18px 18px;
    gap: 0;
    color: var(--fd-prem-ink);
}

.page-flight-deals-finder .flight-deals-premium-discovery p.flight-deals-premium-discovery__eyebrow,
.page-manyflights .flight-deals-premium-discovery p.flight-deals-premium-discovery__eyebrow,
.flight-deals-premium-discovery p.flight-deals-premium-discovery__eyebrow,
.flight-deals-premium-discovery__eyebrow {
    margin: 0 0 12px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-align: left;
    color: rgba(214, 224, 255, 0.9);
}

.page-flight-deals-finder .flight-deals-premium-discovery h2.flight-deals-premium-discovery__headline,
.page-flight-deals-finder .flight-deals-premium-discovery h3.flight-deals-premium-discovery__headline,
.page-manyflights .flight-deals-premium-discovery h2.flight-deals-premium-discovery__headline,
.page-manyflights .flight-deals-premium-discovery h3.flight-deals-premium-discovery__headline,
.flight-deals-premium-discovery h2.flight-deals-premium-discovery__headline,
.flight-deals-premium-discovery h3.flight-deals-premium-discovery__headline,
.flight-deals-premium-discovery__headline {
    margin: 0 0 8px;
    max-width: 12em;
    font-family: Overpass, sans-serif;
    font-size: clamp(22px, 2.5vw, 26px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.03em;
    text-align: left;
    color: #ffffff;
}

.page-flight-deals-finder .flight-deals-premium-discovery p.flight-deals-premium-discovery__copy,
.page-manyflights .flight-deals-premium-discovery p.flight-deals-premium-discovery__copy,
.flight-deals-premium-discovery p.flight-deals-premium-discovery__copy,
.flight-deals-premium-discovery__copy {
    margin: 0 0 14px;
    max-width: 22em;
    font-size: 13px;
    line-height: 1.45;
    text-align: left;
    color: var(--fd-prem-muted);
}

.flight-deals-premium-discovery__benefits {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.page-flight-deals-finder .flight-deals-premium-discovery__benefit,
.page-manyflights .flight-deals-premium-discovery__benefit,
.flight-deals-premium-discovery__benefit {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 0;
    padding: 0;
    font-size: 12.5px;
    line-height: 1.35;
    font-weight: 600;
    color: var(--fd-prem-benefit);
}

.page-flight-deals-finder .flight-deals-premium-discovery__benefit > span,
.page-manyflights .flight-deals-premium-discovery__benefit > span,
.flight-deals-premium-discovery__benefit > span {
    color: var(--fd-prem-benefit);
}

.page-flight-deals-finder .flight-deals-premium-discovery__check,
.page-manyflights .flight-deals-premium-discovery__check,
.flight-deals-premium-discovery__check {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin-top: 1px;
    color: var(--fd-prem-check);
}

.flight-deals-premium-discovery__check svg {
    display: block;
    width: 16px;
    height: 16px;
    color: inherit;
}

.flight-deals-premium-discovery__check svg path {
    stroke: currentColor;
}

.flight-deals-premium-discovery__footer {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding-top: 4px;
}

.page-flight-deals-finder .flight-deals-premium-discovery__cta,
.page-manyflights .flight-deals-premium-discovery__cta,
.flight-deals-premium-discovery__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 148px;
    height: 40px;
    padding: 0 22px;
    border-radius: 10px;
    background: #ffffff;
    color: #08172b !important;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.01em;
    text-decoration: none;
    box-shadow: 0 4px 16px rgba(8, 23, 43, 0.28);
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.page-flight-deals-finder .flight-deals-premium-discovery__cta:hover,
.page-flight-deals-finder .flight-deals-premium-discovery__cta:focus-visible,
.page-manyflights .flight-deals-premium-discovery__cta:hover,
.page-manyflights .flight-deals-premium-discovery__cta:focus-visible,
.flight-deals-premium-discovery__cta:hover,
.flight-deals-premium-discovery__cta:focus-visible {
    background: #f4f6ff;
    color: #061222 !important;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(8, 23, 43, 0.34);
}

.page-flight-deals-finder .flight-deals-premium-discovery p.flight-deals-premium-discovery__price,
.page-manyflights .flight-deals-premium-discovery p.flight-deals-premium-discovery__price,
.flight-deals-premium-discovery p.flight-deals-premium-discovery__price,
.flight-deals-premium-discovery__price {
    margin: 0;
    font-size: 11.5px;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: var(--fd-prem-soft);
}

.page-flight-deals-finder .flight-deals-premium-discovery p.flight-deals-premium-discovery__secure,
.page-manyflights .flight-deals-premium-discovery p.flight-deals-premium-discovery__secure,
.flight-deals-premium-discovery p.flight-deals-premium-discovery__secure,
.flight-deals-premium-discovery__secure {
    margin: 2px 0 0;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: rgba(214, 226, 255, 0.82);
}

/* Default: compact card visual column is hidden (Flight Deals grid / account). */
.mf-premium-discovery__visual {
    display: none;
}

.mf-premium-discovery__main {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
}

/* ——— SEO landing editorial Premium section ———
   Two-column promotional band (~62% copy / ~38% visual). Midnight Blue palette.
   Left copy stays primary; right plane is decorative secondary. */
.mf-seo-premium {
    /* Prefer --seo-gap-band (= --gap-section on SEO landings) when present */
    padding: var(--seo-gap-band, var(--gap-section, 32px)) 0;
    background: transparent;
}

.mf-seo-premium__card.flight-deals-premium-discovery {
    min-height: 0;
    border-radius: 16px;
}

.mf-seo-premium__card .flight-deals-premium-discovery__plane {
    /* Prefer the dedicated right-column visual on SEO; keep faint corner art as depth. */
    opacity: 0.04;
    width: 72px;
    height: 72px;
}

.mf-seo-premium__card .flight-deals-premium-discovery__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 18px 18px;
    gap: 10px;
}

.mf-seo-premium__card .mf-premium-discovery__main {
    width: 100%;
    max-width: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mf-seo-premium__card .flight-deals-premium-discovery__eyebrow {
    margin-bottom: 8px;
}

.mf-seo-premium__card .flight-deals-premium-discovery__headline {
    max-width: none;
    font-size: clamp(24px, 3.2vw, 32px);
    line-height: 1.12;
    letter-spacing: -0.035em;
}

.mf-seo-premium__card .flight-deals-premium-discovery__copy {
    max-width: 34em;
    font-size: 14.5px;
    line-height: 1.5;
    margin-bottom: 12px;
}

.mf-seo-premium__card .flight-deals-premium-discovery__benefits {
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 14px;
    gap: 8px 18px;
}

.mf-seo-premium__card .flight-deals-premium-discovery__benefit {
    font-size: 13px;
}

.mf-seo-premium__card .flight-deals-premium-discovery__cta {
    min-width: 188px;
    height: 48px;
    padding: 0 26px;
    font-size: 15.5px;
    font-weight: 700;
    border-radius: 11px;
}

.mf-seo-premium__card .flight-deals-premium-discovery__footer {
    gap: 8px;
    padding-top: 2px;
}

.mf-seo-premium__card .mf-premium-discovery__visual {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    min-height: 88px;
    margin-top: 0;
    pointer-events: none;
    overflow: visible;
}

.mf-seo-premium__card .mf-premium-discovery__visual-glow {
    position: absolute;
    width: 72%;
    height: 72%;
    top: 12%;
    right: 4%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(90, 150, 230, 0.28) 0%, rgba(40, 90, 170, 0.1) 42%, transparent 72%);
    filter: blur(8px);
    pointer-events: none;
}

.mf-seo-premium__card .mf-premium-discovery__path {
    position: absolute;
    inset: 6% -2% 8% -6%;
    width: auto;
    height: auto;
    opacity: 0.95;
}

.mf-seo-premium__card .mf-premium-discovery__plane-lg {
    position: relative;
    z-index: 1;
    width: 112px;
    height: 112px;
    opacity: 0.34;
    transform: rotate(-10deg) translate(2%, 0);
    filter: drop-shadow(0 10px 22px rgba(8, 16, 48, 0.34));
}

@media (min-width: 768px) {
    .mf-seo-premium__card.flight-deals-premium-discovery {
        /* Let the right visual bleed across the band without clipping */
        overflow: hidden;
    }

    .mf-seo-premium__card .flight-deals-premium-discovery__content {
        display: block;
        position: relative;
        padding: 28px clamp(22px, 2.8vw, 36px) 26px;
        min-height: 268px;
    }

    .mf-seo-premium__card .mf-premium-discovery__main {
        position: relative;
        z-index: 2;
        width: min(100%, 40rem);
        max-width: 66%;
        justify-content: center;
        padding-right: 12px;
    }

    .mf-seo-premium__card .flight-deals-premium-discovery__headline {
        max-width: none;
        font-size: clamp(26px, 2.6vw, 34px);
    }

    .mf-seo-premium__card .flight-deals-premium-discovery__copy {
        max-width: 36em;
        font-size: 15px;
    }

    .mf-seo-premium__card .flight-deals-premium-discovery__benefits {
        grid-template-columns: 1fr 1fr;
        gap: 9px 18px;
        max-width: 32rem;
    }

    /* Absolute right stage — decorative plane, secondary to copy */
    .mf-seo-premium__card .mf-premium-discovery__visual {
        display: flex;
        position: absolute;
        z-index: 1;
        left: 52%;
        right: -2%;
        top: 0;
        bottom: 0;
        margin: 0;
        min-height: 0;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .mf-seo-premium__card .mf-premium-discovery__path {
        inset: 10% 0 8% -8%;
        opacity: 1;
    }

    .mf-seo-premium__card .mf-premium-discovery__plane-lg {
        /* Restore pre-!279 decorative scale (was clamp(148px, 16vw, 188px)) */
        width: clamp(148px, 16vw, 188px);
        height: clamp(148px, 16vw, 188px);
        opacity: 0.34;
        transform: rotate(-10deg) translate(2%, 4%);
    }

    .mf-seo-premium__card .mf-premium-discovery__visual-glow {
        width: 70%;
        height: 70%;
        top: 12%;
        right: 6%;
        left: auto;
    }

    .mf-seo-premium__card .flight-deals-premium-discovery__glow {
        width: 240px;
        height: 240px;
        top: -56px;
        right: -16px;
    }
}

@media (min-width: 1100px) {
    .mf-seo-premium__card .flight-deals-premium-discovery__content {
        padding: 30px 42px 28px;
        min-height: 292px;
    }

    .mf-seo-premium__card .mf-premium-discovery__main {
        max-width: 64%;
        width: min(100%, 42rem);
    }

    .mf-seo-premium__card .flight-deals-premium-discovery__headline {
        max-width: none;
        font-size: clamp(28px, 2.35vw, 36px);
        /* Safe at wide desktop: column is wide enough for normal city names */
        white-space: nowrap;
    }

    .mf-seo-premium__card .mf-premium-discovery__visual {
        left: 54%;
    }

    .mf-seo-premium__card .mf-premium-discovery__plane-lg {
        width: clamp(156px, 14vw, 188px);
        height: clamp(156px, 14vw, 188px);
        opacity: 0.36;
    }
}

@media (max-width: 767.98px) {
    .mf-seo-premium {
        /* Keep homepage --gap-section rhythm on small screens (do not tighten). */
        padding: var(--seo-gap-band, var(--gap-section, 32px)) 0;
    }

    .mf-seo-premium__card .flight-deals-premium-discovery__content {
        display: flex;
        flex-direction: column;
        padding: 18px 16px 16px;
        gap: 8px;
        min-height: 0;
    }

    .mf-seo-premium__card .flight-deals-premium-discovery__headline {
        font-size: 23px;
        max-width: none;
    }

    .mf-seo-premium__card .flight-deals-premium-discovery__copy {
        max-width: none;
        margin-bottom: 10px;
    }

    .mf-seo-premium__card .flight-deals-premium-discovery__benefits {
        grid-template-columns: 1fr;
        margin-bottom: 12px;
    }

    .mf-seo-premium__card .flight-deals-premium-discovery__cta {
        min-width: 100%;
        width: 100%;
        height: 48px;
    }

    /* Decorative visual under copy — compact, no large empty vertical gap */
    .mf-seo-premium__card .mf-premium-discovery__visual {
        min-height: 96px;
        margin-top: 2px;
        margin-bottom: 0;
        justify-content: center;
        order: 2;
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
    }

    .mf-seo-premium__card .mf-premium-discovery__main {
        order: 1;
        max-width: none;
        width: 100%;
    }

    .mf-seo-premium__card .mf-premium-discovery__plane-lg {
        width: 96px;
        height: 96px;
        opacity: 0.28;
        transform: rotate(-8deg);
    }

    .mf-seo-premium__card .mf-premium-discovery__path {
        opacity: 0.7;
        inset: 10% 4% 12% 4%;
    }

    .mf-seo-premium__card .mf-premium-discovery__visual-glow {
        width: 70%;
        height: 70%;
        top: 10%;
        right: 12%;
        opacity: 0.85;
    }
}

/* Membership & billing: compact panel (not a flat banner, not a tall grid cell). */
.mf-account-premium-insert.flight-deals-premium-discovery {
    min-height: 0;
    margin-bottom: 8px;
}

.mf-account-premium-insert .flight-deals-premium-discovery__content {
    padding: 22px 22px 20px;
}

.mf-account-premium-insert .flight-deals-premium-discovery__headline {
    max-width: 16em;
}

.mf-account-premium-insert .flight-deals-premium-discovery__copy {
    max-width: 36em;
}

.mf-account-premium-insert .flight-deals-premium-discovery__plane {
    right: 2%;
    bottom: 10%;
    width: 132px;
    height: 132px;
    opacity: 0.08;
}

@media (min-width: 720px) {
    .mf-account-premium-insert .flight-deals-premium-discovery__content {
        padding: 24px 26px 22px;
        max-width: 34rem;
    }
}

.mf-account-premium-insert-note {
    margin: 0 0 18px;
    padding: 0 2px;
    font-size: 12px;
    line-height: 1.4;
    color: var(--mf-account-muted, #6b7280);
}

/* Account overview: same Premium discovery family as FD / SEO, tuned for dashboard width. */
.mf-account-premium-banner {
    margin: 0 0 18px;
}

.mf-account-premium-banner__card.flight-deals-premium-discovery {
    min-height: 0;
}

.mf-account-premium-banner__card .flight-deals-premium-discovery__content {
    padding: 24px 22px 22px;
}

.mf-account-premium-banner__card .flight-deals-premium-discovery__eyebrow {
    letter-spacing: 0.07em;
}

.mf-account-premium-banner__card .flight-deals-premium-discovery__headline {
    max-width: 18em;
    font-size: 1.35rem;
    line-height: 1.25;
}

.mf-account-premium-banner__card .flight-deals-premium-discovery__copy {
    max-width: 38em;
    margin-bottom: 14px;
}

.mf-account-premium-banner__card .flight-deals-premium-discovery__benefits {
    gap: 8px;
    margin-bottom: 16px;
}

.mf-account-premium-banner__card .flight-deals-premium-discovery__footer {
    gap: 10px;
}

.mf-account-premium-banner__card .flight-deals-premium-discovery__cta {
    min-width: 160px;
    height: 42px;
    box-shadow: 0 6px 18px rgba(8, 23, 43, 0.32);
}

.mf-account-premium-banner__card .flight-deals-premium-discovery__secure {
    color: rgba(220, 232, 255, 0.88);
}

.mf-account-premium-banner__card .flight-deals-premium-discovery__plane {
    right: 3%;
    bottom: 8%;
    width: 128px;
    height: 128px;
    opacity: 0.1;
}

.mf-account-premium-banner__card .flight-deals-premium-discovery__glow {
    opacity: 0.55;
}

@media (min-width: 720px) {
    .mf-account-premium-banner__card .flight-deals-premium-discovery__content {
        padding: 26px 28px 24px;
        max-width: 36rem;
    }

    .mf-account-premium-banner__card .flight-deals-premium-discovery__headline {
        font-size: 1.45rem;
    }

    .mf-account-premium-banner__card .flight-deals-premium-discovery__plane {
        width: 148px;
        height: 148px;
        opacity: 0.11;
    }
}