/* =========================================================
   TANÉA GUESTHOUSE
   GOOGLE REVIEWS — EXTERNAL WIDGET
   CLEAN EDITORIAL LAYOUT
   ========================================================= */

/* =========================
   SECTION
   ========================= */

.reviews-section {
    position: relative;
    width: 100%;
    padding: 1px clamp(20px, 5vw, 72px) 48px;
    color: #302b22;
    box-sizing: border-box;
}

.reviews-section *,
.reviews-section *::before,
.reviews-section *::after {
    box-sizing: border-box;
}

.reviews-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


/* =========================
   HEADER
   ========================= */

.reviews-header {
    max-width: 680px;
    margin: 0 auto 30px;
    text-align: center;
}

.reviews-eyebrow,
.reviews-header .eyebrow {
    display: block;
    margin: 0 0 10px;
    color: #73785a;
    font-family: "DM Sans", Arial, sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .24em;
    line-height: 1.6;
    text-transform: uppercase;
}

.reviews-heading {
    margin: 0;
    color: #302b22;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 400;
    font-style: normal;
    letter-spacing: -.035em;
    line-height: 1.15;
}


/* =========================
   EXTERNAL WIDGET
   ========================= */

.reviews-widget-container {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1200px;
    min-width: 0;
    margin: 0 auto;
}

/* Keep widget within the section */
.reviews-widget-container > div {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

/* Prevent oversized embedded content */
.reviews-widget-container iframe {
    max-width: 100%;
}

/* =========================
   TABLET
   ========================= */

@media (max-width: 768px) {
    .reviews-section {
        padding: 30px 24px 40px;
    }

    .reviews-header {
        margin-bottom: 26px;
    }

    .reviews-heading {
        font-size: clamp(32px, 5.5vw, 42px);
    }
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 480px) {
    .reviews-section {
        padding: 26px 16px 32px;
    }

    .reviews-header {
        margin-bottom: 22px;
    }

    .reviews-eyebrow,
    .reviews-header .eyebrow {
        margin-bottom: 8px;
        font-size: 9px;
    }

    .reviews-heading {
        font-size: 34px;
    }

    .reviews-widget-container {
        width: 100%;
    }
}


/* =========================
   ACCESSIBILITY
   ========================= */

@media (prefers-reduced-motion: reduce) {
    .reviews-section *,
    .reviews-section *::before,
    .reviews-section *::after {
        scroll-behavior: auto;
        animation-duration: .01ms;
        animation-iteration-count: 1;
        transition-duration: .01ms;
    }
}

/* =========================================================
   GUEST COMMENTS — TITLE TYPOGRAPHY
   ========================================================= */

.reviews-heading {
    font-family: "Quicksand", sans-serif !important;
    font-size: clamp(38px, 4vw, 58px) !important;
    font-weight: 400 !important;
    font-style: normal !important;

    line-height: 1.12;
    letter-spacing: 0.20em !important;
    text-align: center;

    color: #80664e !important;
    opacity: 0.60;
}