/* Flight Deals search usage indicator + conversion panels */

/* Beat SEO landing typography (.page-manyflights p) so quota text stays identical
   on the canonical results UI regardless of entry page. */
.page-flight-deals-finder .fd-search-usage,
.page-manyflights .fd-search-usage,
.fd-search-usage {
    margin: 0 0 10px;
    color: var(--color-gray-500, #6b7280) !important;
    font-family: "Open Sans", sans-serif;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 1.4 !important;
    letter-spacing: 0.01em;
}

.fd-search-usage[hidden] {
    display: none !important;
}

/* Slight emphasis when only 1 search remains — not a warning/red state */
.fd-search-usage.is-low {
    color: var(--color-gray-600, #4b5563);
    font-weight: 500;
}

.fd-search-usage.is-exhausted {
    color: var(--color-gray-500, #6b7280);
    font-weight: 400;
}

.fd-search-usage__status {
    color: inherit;
}

.fd-search-usage__link,
.fd-search-usage__premium-link {
    color: var(--primary-color, #005fff);
    font-weight: 600;
    text-decoration: none;
}

.fd-search-usage__link:hover,
.fd-search-usage__link:focus-visible,
.fd-search-usage__premium-link:hover,
.fd-search-usage__premium-link:focus-visible {
    color: #0046cc;
    text-decoration: underline;
}

.fd-search-quota-modal {
    z-index: 1410;
}

.fd-search-quota-modal .modal-content {
    border: 1px solid #e1eafc;
    border-radius: 14px;
    box-shadow: 0 24px 80px rgba(16, 55, 76, 0.22);
}

.fd-search-quota-modal__header {
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 0;
    padding-bottom: 0;
}

.fd-search-quota-modal__title {
    margin: 0;
    color: #10374c;
    font-family: Overpass, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.02em;
}

.fd-search-quota-modal__subtitle {
    margin: 8px 0 0;
    color: #6c757d;
    font-family: "Open Sans", sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.45;
}

.fd-search-quota-modal__benefits {
    margin: 0;
    padding-left: 1.15rem;
    color: #425b68;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

.fd-search-quota-modal__benefits li + li {
    margin-top: 0.35rem;
}

.fd-search-quota-modal__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px 16px;
    border: 0;
    border-radius: 10px;
    background: var(--primary-color, #005fff);
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    font-size: 0.975rem;
    font-weight: 600;
    text-decoration: none !important;
}

.fd-search-quota-modal__cta:hover,
.fd-search-quota-modal__cta:focus-visible {
    background: var(--mf-primary-hover, #0046cc);
    color: #fff !important;
}

.fd-search-quota-modal__secondary {
    margin: 12px 0 0;
    color: var(--color-gray-500, #6b7280);
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    line-height: 1.45;
    text-align: center;
}

.fd-search-quota-modal__sign-in {
    margin: 10px 0 0;
    color: var(--color-gray-500, #6b7280);
    font-size: 13px;
    text-align: center;
}

.fd-search-quota-modal__sign-in a {
    color: var(--primary-color, #005fff);
    font-weight: 600;
    text-decoration: none;
}

.fd-search-quota-modal__sign-in a:hover {
    text-decoration: underline;
}