/* doc-project | projet/assets/css/product-configurator-v2/steps/delivery-zone-map.css | Styles dedies a la carte Livraison V2/V3 avec outils geolocalisation ou code postal au-dessus de la carte, statut de positionnement, hauteur adaptee au viewport et responsive mobile pour afficher le plan confortablement apres le scroll guide. | Expose: pcv2-delivery-location-tools, pcv2-delivery-geolocate-button, pcv2-delivery-location-map, pcv2-delivery-location-status | Dépend de: product-configurator-v2/base.css, steps/delivery.css, Leaflet | Impacte: ergonomie cartographique et affichage complet de la carte livraison | Tables: aucune */
.pcv2-delivery-location-tools {
    display: grid;
    grid-template-columns: minmax(180px,.9fr) auto minmax(220px,1.1fr);
    gap: 12px;
    align-items: end;
}

.pcv2-delivery-location-tools .pcv2-field {
    margin: 0;
}

.pcv2-delivery-geolocate-button {
    width: 100%;
    min-height: 58px;
    margin: 0;
}

.pcv2-delivery-location-separator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    color: #6f655e;
    font-size: .86rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pcv2-delivery-location-status {
    min-height: 22px;
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.45;
}

.pcv2-delivery-location-status.is-loading {
    color: #70461f;
    font-weight: 700;
}

.pcv2-delivery-location-status.is-success {
    color: #21633b;
    font-weight: 700;
}

.pcv2-delivery-location-status.is-error {
    color: #a52a2a;
    font-weight: 700;
}

.pcv2-delivery-location-map {
    display: block;
    width: 100%;
    height: clamp(300px,48dvh,420px);
    min-height: 300px;
    scroll-margin-top: 18px;
    border: 2px solid rgba(95,60,27,.28);
    border-radius: 18px;
    overflow: hidden;
    background: #eef1eb;
    box-shadow: 0 12px 28px rgba(57,34,16,.10);
    isolation: isolate;
}

.pcv2-delivery-location-map .leaflet-control-attribution {
    font-size: 10px;
}

@media (max-width:760px) {
    .pcv2-delivery-location-tools {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .pcv2-delivery-location-separator {
        min-height: 20px;
    }

    .pcv2-delivery-location-map {
        height: clamp(260px,42dvh,340px);
        min-height: 260px;
        border-radius: 14px;
    }
}