/**
 * Shared Manyflights typography — AirTrackBot as source of truth.
 *
 * Fonts: Open Sans (UI/body), Overpass (display headings)
 * Weights: body 400 · nav 500 · buttons/FAQ/cards 600 · strong titles 700 · hero H1 800
 * Colors from airtrack_site public/assets/v3/scss/_base.scss
 */

:root,
.page-manyflights,
.page-flight-deals-finder {
    --font-sans: "Open Sans", sans-serif;
    --font-display: Overpass, sans-serif;

    /* Semantic text (AirTrack tokens) */
    --text-color-primary: #383838;
    --text-color-heading: #333333;
    --text-color-secondary: #4B5563; /* --color-gray-600 — body / supporting */
    --text-color-muted: #6b7280;     /* --color-gray-500 — metadata / helper */
    --text-color-label: #9CA3AF;     /* --color-gray-400 — field labels */
    --text-color-placeholder: #c3cdd2;
    --text-color-light: #ffffff;
    --color-tealBlue: #10374c;
    --color-gray-600: #4B5563;
    --color-gray-500: #6b7280;
    --color-gray-400: #9CA3AF;
}

/* ——— Base ——— */
body.page-manyflights,
body.page-flight-deals-finder,
.page-manyflights,
.page-flight-deals-finder {
    font-family: var(--font-sans);
    font-weight: 400;
    color: var(--text-color-primary);
    line-height: 1.6;
    letter-spacing: normal;
}

.page-manyflights p,
.page-flight-deals-finder p {
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 160%;
    color: var(--text-color-secondary);
}

/* ——— Display headings (AirTrack sizes; refined weights) ——— */
.page-manyflights h1,
.page-flight-deals-finder h1 {
    font-family: var(--font-display);
    font-weight: 700;
    color: var(--text-color-primary);
}

.page-manyflights h2,
.page-flight-deals-finder h2,
.page-manyflights .faq-header-title,
.page-faq .faq-header-title {
    font-family: var(--font-display);
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.5px;
    color: var(--text-color-primary);
}

.page-manyflights h3,
.page-flight-deals-finder h3,
.page-manyflights .advantages-card-title,
.page-flight-deals-finder .advantages-card-title {
    font-family: var(--font-display);
    font-weight: 600;
    line-height: 28px;
    color: var(--text-color-primary);
}

/* Hero H1 keeps AirTrack marketing weight */
.page-manyflights .mf-page-hero__title,
.page-flight-deals-finder .section-subtitle,
.page-flight-deals-finder .price-predictor .price-predictor-header .section-subtitle {
    font-family: var(--font-display);
    font-weight: 800;
}

.page-manyflights .mf-page-hero__label,
.page-flight-deals-finder .section-title,
.page-flight-deals-finder .price-predictor .price-predictor-header .section-title {
    font-family: var(--font-sans);
    font-weight: 700;
}

.page-manyflights .mf-page-hero__subtitle,
.page-manyflights .faq-header-subtitle {
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 160%;
    color: inherit;
}

/* ——— Navigation ——— */
.header .menu-link {
    font-family: var(--font-sans);
    font-weight: 500;
    color: var(--text-color-primary);
}

.header .menu-link:hover,
.header .menu-link:focus-visible {
    color: var(--bg-color-btn, var(--primary-color, #005fff));
}

/* ——— Buttons / CTAs ——— */
.page-manyflights .theme-btn,
.page-manyflights a.theme-btn,
.page-manyflights .jump-link,
.page-manyflights .faq-header-btn,
.page-flight-deals-finder .jump-link,
.page-flight-deals-finder .faq-header-btn,
.page-flight-deals-finder .flight-deals-hero-search__submit,
.page-flight-deals-finder .fdf-form .fdf-submit {
    font-family: var(--font-sans);
    font-weight: 600;
}

/* ——— FAQ questions (AirTrack accordion-summary) ——— */
.page-manyflights .accordion-summary,
.page-flight-deals-finder .accordion-summary {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--text-color-primary);
}

.page-manyflights .accordion-content,
.page-flight-deals-finder .accordion-content,
.page-manyflights .advantages-card-text,
.page-flight-deals-finder .advantages-card-text {
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 160%;
    color: var(--text-color-secondary);
}

/* ——— Feature / explainer cards ——— */
.page-flight-deals-finder .flight-deals-explainer__title {
    font-family: var(--font-display);
    font-weight: 700;
    color: var(--text-color-primary);
}

.page-flight-deals-finder .flight-deals-explainer__item-title {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--text-color-primary);
}

.page-flight-deals-finder .flight-deals-explainer__item-text,
.page-flight-deals-finder .flight-deals-explainer__lead {
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 160%;
    color: var(--text-color-secondary);
}

/* ——— Forms: labels, inputs, placeholders ——— */
.page-flight-deals-finder .flight-deals-hero-search__label,
.page-flight-deals-finder .fdf-form .fdf-label,
.page-flight-deals-finder .visa-form label,
.page-flight-deals-finder .visa-result-row__label {
    font-family: var(--font-sans);
    font-weight: 500;
    color: var(--text-color-label);
}

.page-flight-deals-finder .flight-deals-hero-search__input,
.page-flight-deals-finder .flight-deals-hero-search--landing .flight-deals-hero-search__input,
.page-flight-deals-finder .fdf-form input.form-control,
.page-flight-deals-finder .fdf-form select.form-select,
.page-flight-deals-finder .flight-deals-origin-selector__popover input.form-control,
.page-flight-deals-finder .visa-form input.form-control,
.page-flight-deals-finder .visa-form select.form-select {
    font-family: var(--font-sans);
    font-weight: 500;
    color: var(--color-tealBlue);
}

.page-flight-deals-finder .flight-deals-hero-search__input::placeholder,
.page-flight-deals-finder .flight-deals-hero-search--landing .flight-deals-hero-search__input::placeholder,
.page-flight-deals-finder .fdf-form input.form-control::placeholder,
.page-flight-deals-finder .flight-deals-origin-selector__popover input.form-control::placeholder,
.page-flight-deals-finder .visa-form input.form-control::placeholder {
    font-family: var(--font-sans);
    font-weight: 400;
    color: var(--text-color-placeholder);
    opacity: 1;
}

.page-flight-deals-finder .flight-deals-origin-selector__label {
    font-family: var(--font-sans);
    font-weight: 500;
    color: var(--text-color-muted);
}

.page-flight-deals-finder .flight-deals-origin-selector__city {
    font-family: var(--font-sans);
    font-weight: 600;
    color: var(--text-color-primary);
}

/* ——— Footer ——— */
.footer .group-title {
    font-family: var(--font-sans);
    font-weight: 600;
    color: var(--text-color-muted);
    text-transform: uppercase;
}

.footer a,
.footer .list-item a {
    font-family: var(--font-sans);
    font-weight: 400;
    color: var(--text-color-primary);
}

.footer a:hover,
.footer .list-item a:hover {
    color: var(--bg-color-btn, var(--primary-color, #005fff));
}

.footer .copyright,
.footer .bottom-bar,
.footer p {
    font-family: var(--font-sans);
    font-weight: 400;
    color: var(--text-color-muted);
}

/* ——— Internal page refinements ——— */
.page-manyflights .flights-found h4,
.page-manyflights .pricing .card-title,
.page-manyflights .features.process .item h3,
.page-manyflights .mf-contact-panel h2 {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--text-color-primary);
}

/* Legal section titles — weight/size owned by pages.css legal system */
.page-manyflights.page-legal .mf-legal-content :is(h2, h3) {
    font-family: var(--font-display);
    color: var(--text-color-primary);
}

.page-manyflights .pricing .title,
.page-manyflights .features.process .title {
    font-family: var(--font-display);
    font-weight: 700;
    color: var(--text-color-primary);
}

.page-manyflights .regions-card h3 span {
    font-weight: 700;
}

.page-manyflights .meta-info a,
.page-manyflights .flights-found ul li a,
.page-manyflights .pricing .desc,
.page-manyflights .pricing ul li,
.page-manyflights .pricing .list-group-item,
.page-manyflights .features.process .item p {
    font-weight: 400;
    color: var(--text-color-secondary);
}