/*
 * ENERGY 106 CONTACT — MOBILE V1
 *
 * Contact Us page only.
 * No changes to desktop styles or other stations.
 */

/* TABLETS AND SMALLER SCREENS */
@media (max-width: 900px) {

    .energy-contact-page {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        overflow-wrap: break-word;
    }

    /* WhatsApp — prevent three columns squeezing */
    body.vibe-site .energy-contact-page
    .energy-contact-whatsapp {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        align-items: start;
    }

    .energy-contact-page
    .energy-contact-whatsapp__info {
        display: flex;
        align-items: center;
        min-width: 0;
        gap: 13px;
    }

    .energy-contact-page
    .energy-contact-whatsapp__info > div {
        min-width: 0;
    }

    /* Keep the actual WhatsApp SVG controlled */
    body.vibe-site .energy-contact-page
    .energy-contact-whatsapp__icon {
        display: grid;
        place-items: center;
        flex: 0 0 53px;
        width: 53px;
        height: 53px;
        max-width: 53px;
        border-radius: 50%;
    }

    body.vibe-site .energy-contact-page
    .energy-contact-whatsapp__icon svg {
        display: block;
        width: 31px !important;
        height: 31px !important;
        max-width: 31px !important;
        max-height: 31px !important;
    }

    body.vibe-site .energy-contact-page
    .energy-contact-whatsapp__number {
        justify-self: start;
        max-width: 100%;
        padding: 0;
        border: 0;
        font-size: clamp(20px, 4vw, 27px);
        white-space: normal;
    }

    .energy-contact-page
    .energy-contact-whatsapp > .energy-contact-button {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        text-align: center;
    }

    /* Energy Insiders — contain image and crown */
    body.vibe-site .energy-contact-page
    .energy-contact-insiders,
    body.vibe-site .energy-contact-page
    .energy-contact-insiders .vibe-energy-insiders {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.vibe-site .energy-contact-page
    .energy-contact-insiders .vibe-energy-insiders__photo {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    body.vibe-site .energy-contact-page
    .energy-contact-insiders .vibe-energy-insiders__crown {
        display: block;
        flex: 0 0 32px;
        width: 32px !important;
        height: 32px !important;
        max-width: 32px !important;
    }

    /* Coverage checker — button below text */
    body.vibe-site .energy-contact-page
    .energy-contact-help__coverage {
        flex-direction: column;
        align-items: stretch;
        gap: 17px;
    }

    body.vibe-site .energy-contact-page
    .energy-contact-help__coverage-button {
        align-self: flex-start;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Prevent FAQ content causing horizontal scrolling */
    .energy-contact-page
    .energy-contact-help,
    .energy-contact-page
    .energy-contact-help__faq,
    .energy-contact-page
    .energy-contact-help__faq-item {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }
}

/* PHONES */
@media (max-width: 700px) {

    /* ENERGY WHATSAPP MOBILE NUMBER HIDE V1 */
    .energy-contact-page
    .energy-contact-whatsapp__number {
        display: none !important;
    }



    /* Match the introduction to CONTACT US lettering */
    body.vibe-site .energy-contact-page
    .energy-contact-intro {
        margin-left: 0 !important;
        padding-left: 18px !important;
        padding-right: 0;
    }

    .energy-contact-page .energy-contact-intro h2 {
        line-height: 1.3;
        overflow-wrap: break-word;
    }

    .energy-contact-page .energy-contact-intro p {
        line-height: 1.55;
        overflow-wrap: break-word;
    }

    /* WhatsApp panel */
    body.vibe-site .energy-contact-page
    .energy-contact-whatsapp {
        padding: 17px;
        gap: 15px;
    }

    /* Form — single column and finger-friendly fields */
    body.vibe-site .energy-contact-page
    .energy-contact-form-panel {
        padding: 18px 16px;
        min-width: 0;
    }

    body.vibe-site .energy-contact-page
    .rl-public-form__grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    body.vibe-site .energy-contact-page
    .rl-public-form__grid > * {
        grid-column: 1 / -1;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.vibe-site .energy-contact-page
    .rl-public-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
    body.vibe-site .energy-contact-page
    .rl-public-form select,
    body.vibe-site .energy-contact-page
    .rl-public-form textarea {
        display: block;
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box !important;
        font-size: 16px !important;
    }

    body.vibe-site .energy-contact-page
    .rl-public-form textarea {
        min-height: 120px;
        resize: vertical;
    }

    body.vibe-site .energy-contact-page
    .rl-public-form__submit {
        width: 100%;
        min-height: 46px;
        box-sizing: border-box;
    }

    /* Advertising and music cards */
    body.vibe-site .energy-contact-page
    .energy-contact-cards {
        display: grid;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px;
    }

    body.vibe-site .energy-contact-page
    .energy-contact-card {
        min-width: 0;
        padding: 16px;
        box-sizing: border-box;
    }

    .energy-contact-page
    .energy-contact-card__copy {
        min-width: 0;
    }

    /* Energy Insiders */
    body.vibe-site .energy-contact-page
    .energy-contact-insiders .vibe-energy-insiders__content {
        min-height: 195px;
        padding: 18px;
        gap: 10px;
    }

    body.vibe-site .energy-contact-page
    .energy-contact-insiders .vibe-energy-insiders__description {
        font-size: 13px;
        line-height: 1.45;
    }

    /* Find Your Energy */
    body.vibe-site .energy-contact-page
    .energy-contact-help__coverage {
        padding: 18px;
    }

    body.vibe-site .energy-contact-page
    .energy-contact-help__coverage-button {
        align-self: stretch;
        width: 100%;
        min-height: 46px;
    }

    /* FAQ — clear tap targets */
    body.vibe-site .energy-contact-page
    .energy-contact-help__faq {
        padding: 18px;
    }

    body.vibe-site .energy-contact-page
    .energy-contact-help__faq-item summary {
        min-height: 48px;
        box-sizing: border-box;
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 1.5;
    }

    body.vibe-site .energy-contact-page
    .energy-contact-help__faq-answer {
        overflow-wrap: break-word;
    }
}

/* SMALL PHONES */
@media (max-width: 420px) {

    body.vibe-site .energy-contact-page
    .energy-contact-whatsapp,
    body.vibe-site .energy-contact-page
    .energy-contact-form-panel {
        padding: 15px;
    }

    body.vibe-site .energy-contact-page
    .energy-contact-whatsapp__info {
        gap: 11px;
    }

    body.vibe-site .energy-contact-page
    .energy-contact-whatsapp__icon {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
    }

    body.vibe-site .energy-contact-page
    .energy-contact-insiders .vibe-energy-insiders__identity h2 {
        font-size: 20px;
    }

    body.vibe-site .energy-contact-page
    .energy-contact-help__coverage,
    body.vibe-site .energy-contact-page
    .energy-contact-help__faq {
        padding: 16px;
    }
}