/*
 * assets/css/components/review-section.css
 * GROUPING move only -- there is NO single shared `.review-section` class.
 * Each page uses its own bespoke reviews-block classes (`.ad-home-reviews*`,
 * `.ad-about-reviews*`, and others left in their own page bundles). Rules
 * are relocated verbatim per page-scope, not merged or renamed.
 *
 * Only rules whose ENTIRE selector list is exclusively about one page's
 * reviews block were moved. Rules whose selector list is JOINTLY shared
 * with other, differently-named sections (e.g. `.ad-about-hero,
 * .ad-about-founder, .ad-about-differences, .ad-about-reviews {...}`) were
 * left in place in about-page.css -- splitting a joint selector list would
 * risk duplicating or losing shared declarations. See worker report for the
 * full left-in-place list.
 *
 * pricing/static/locations/location-detail review CSS intentionally NOT
 * moved here -- out of scope per the spec's per-route pruning map (only
 * home + about are required to drop review-section content into this
 * shared component).
 */

/* from: airway-pages-home.css */
.ad-page-page--home .ad-home-reviews {
    position: relative;
    height: auto;
    padding: 64px 0;
    background: var(--ad-color-white);
}

.ad-page-page--home .ad-home-reviews__container {
    position: static;
    width: 1280px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.ad-page-page--home .ad-home-reviews__title {
    width: 1280px;
    height: 48px;
    margin-bottom: 48px;
    text-align: center;
}

.ad-page-page--home .ad-home-reviews__widget {
    width: 100%;
    max-width: 1280px;
    min-height: 339px;
    margin: 0 auto;
}

.ad-page-page--home .ad-home-reviews__title h2 {
    width: 560px;
    height: 48px;
    margin: 0 auto;
    color: var(--ad-color-blue-deep);
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: -0.8px;
}

@media (min-width: 641px) and (max-width: 1100px) {
    /* Reviews heading was a fixed 1280px block (no max-width) -> overflowed. */
    .ad-page-page--home .ad-home-reviews__title,
    .ad-page-page--home .ad-home-reviews__title h2 {
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 1101px) and (max-width: 1439px) {
    .ad-page-page--home .ad-home-reviews__title,
    .ad-page-page--home .ad-home-reviews__title h2 {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 640px) {
    .ad-page-page--home .ad-home-reviews {
        height: auto;
        padding: 64px 0;
    }

    .ad-page-page--home .ad-home-reviews__container {
        position: relative;
        top: auto;
        left: auto;
        width: var(--ad-home-mobile-content);
        height: auto;
        margin: 0 auto;
        transform: none;
    }

    .ad-page-page--home .ad-home-reviews__title,
.ad-page-page--home .ad-home-reviews__title h2 {
        width: var(--ad-home-mobile-content);
        max-width: var(--ad-home-mobile-content);
        height: auto;
    }

    .ad-page-page--home .ad-home-reviews__title h2 {
        font-size: 28px;
        line-height: 33.6px;
        letter-spacing: -0.56px;
    }
}

/* from: about-page.css */
.ad-about-reviews {
    padding: 80px 0 20px;
    background: var(--ad-surface-page);
}

.ad-about-reviews .ad-about-shell {
    width: min(1280px, calc(100% - 160px));
}

.ad-about-reviews .ad-about-section-heading {
    max-width: 560px;
    margin-bottom: 48px;
}

.ad-about-reviews .ad-about-overline {
    color: var(--ad-color-teal-deep);
}

.ad-about-reviews__widget {
    min-height: 339px;
    overflow: visible;
}

.ad-about-reviews__widget [class^="elfsight-app-"],
.ad-about-reviews__widget [class*=" elfsight-app-"] {
    min-height: 339px;
}
