/**
 * GardeWP — téléphone, contact rapide et barre mobile.
 * Ce fichier complète assets/css/gardewp.css sans modifier la feuille principale.
 */

.gw-header__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex: 0 0 auto;
}

.gw-header-phone {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 44px;
    padding: 7px 12px;
    border: 1px solid rgba(15, 35, 58, 0.16);
    border-radius: 12px;
    background: #fff;
    color: #10233b;
    line-height: 1.05;
    text-decoration: none;
    box-shadow: 0 5px 16px rgba(15, 35, 58, 0.07);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.gw-header-phone:hover,
.gw-header-phone:focus-visible {
    border-color: #1877c9;
    color: #10233b;
    box-shadow: 0 8px 22px rgba(15, 35, 58, 0.12);
    transform: translateY(-1px);
}

.gw-header-phone__label {
    margin-bottom: 3px;
    color: #5a6b7c;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.gw-header-phone__number {
    color: #10233b;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.015em;
    white-space: nowrap;
}

.gw-hero-phone,
.gwp3-direct-call {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    width: fit-content;
    max-width: 100%;
    margin: 16px 0 0;
    padding: 11px 14px;
    border-left: 4px solid #e96936;
    border-radius: 0 10px 10px 0;
    background: rgba(233, 105, 54, 0.09);
    color: #293c50;
    font-size: 0.95rem;
    line-height: 1.35;
}

.gw-hero-phone span,
.gwp3-direct-call span {
    font-weight: 700;
}

.gw-hero-phone a,
.gwp3-direct-call a {
    color: #10233b;
    font-size: 1.06rem;
    font-weight: 800;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    white-space: nowrap;
}

.gwp3-contact-phone {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 22px 0;
    padding: 16px 18px;
    border: 1px solid rgba(24, 119, 201, 0.22);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 9px 26px rgba(15, 35, 58, 0.08);
}

.gwp3-contact-phone > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.gwp3-contact-phone span {
    color: #5a6b7c;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.gwp3-contact-phone strong {
    color: #10233b;
    font-size: 1rem;
}

.gwp3-contact-phone > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 10px 15px;
    border-radius: 10px;
    background: #10233b;
    color: #fff;
    font-size: 1.08rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.gwp3-contact-phone > a:hover,
.gwp3-contact-phone > a:focus-visible {
    background: #1877c9;
    color: #fff;
}

.gw-footer-phone {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin: 8px 0 12px;
    padding: 11px 14px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
}

.gw-footer-phone__label {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.gw-footer-phone a {
    color: #fff;
    font-size: 1.12rem;
    font-weight: 800;
    line-height: 1.1;
    text-decoration: none;
    white-space: nowrap;
}

.gw-footer-phone a:hover,
.gw-footer-phone a:focus-visible {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.gw-mobile-contact-bar {
    display: none;
}

@media (max-width: 1180px) {
    .gw-header__actions {
        gap: 8px;
    }

    .gw-header-phone {
        padding: 9px 10px;
    }

    .gw-header-phone__label {
        display: none;
    }

    .gw-header-phone__number {
        font-size: 0.93rem;
    }
}

@media (max-width: 980px) {
    .gw-header-cta {
        display: none !important;
    }
}

@media (max-width: 782px) {
    body {
        padding-bottom: 68px;
    }

    .gw-header-phone {
        display: none;
    }

    .gwp3-contact-phone {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }

    .gwp3-contact-phone > a {
        width: 100%;
    }

    .gw-mobile-contact-bar {
        position: fixed;
        z-index: 9990;
        right: 0;
        bottom: 0;
        left: 0;
        display: grid;
        grid-template-columns: 1.08fr 0.92fr;
        min-height: 64px;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        box-shadow: 0 -8px 24px rgba(15, 35, 58, 0.18);
    }

    .gw-mobile-contact-bar a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        padding: 9px 12px;
        color: #fff;
        text-align: center;
        text-decoration: none;
    }

    .gw-mobile-contact-bar__call {
        flex-direction: column;
        gap: 2px;
        background: #10233b;
        line-height: 1.05;
    }

    .gw-mobile-contact-bar__call span {
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.025em;
    }

    .gw-mobile-contact-bar__call strong {
        font-size: 1rem;
        white-space: nowrap;
    }

    .gw-mobile-contact-bar__form {
        background: #e96936;
        font-size: 0.86rem;
        font-weight: 800;
        line-height: 1.15;
    }

    .gw-mobile-contact-bar a:focus-visible {
        outline: 3px solid #fff;
        outline-offset: -4px;
    }
}

@media (max-width: 480px) {
    .gw-hero-phone,
    .gwp3-direct-call {
        width: 100%;
    }

    .gw-mobile-contact-bar {
        grid-template-columns: 1fr 0.9fr;
    }

    .gw-mobile-contact-bar__call strong {
        font-size: 0.94rem;
    }
}