/* doc-project | projet/assets/css/product-configurator-v2/steps/gate-measurement-modal.css | Styles dedies de la modal de lecture simple du schema de cotation portail dans l etape Dimensions V2, sans champs ni valeurs de cotes, avec fermeture responsive par backdrop et croix. | Expose: pcv2-gate-measurement-modal, pcv2-gate-measurement-modal__dialog, pcv2-gate-measurement-modal__image | Dépend de: dimensions.css | Impacte: affichage responsive du schema de cotation portail en modal | Tables: aucune */
.pcv2-has-gate-measurement-modal{
    overflow:hidden;
}

.pcv2-gate-measurement-modal[hidden]{
    display:none!important;
}

.pcv2-gate-measurement-modal{
    position:fixed;
    inset:0;
    z-index:9999;
    display:grid;
    place-items:center;
    padding:clamp(14px,3vw,28px);
}

.pcv2-gate-measurement-modal__backdrop{
    position:absolute;
    inset:0;
    background:rgba(32,21,14,.58);
    backdrop-filter:blur(6px);
}

.pcv2-gate-measurement-modal__dialog{
    position:relative;
    z-index:1;
    display:grid;
    gap:14px;
    width:min(920px,100%);
    max-height:min(88vh,820px);
    overflow:auto;
    padding:clamp(16px,2.8vw,24px);
    border:1px solid rgba(255,255,255,.68);
    border-radius:24px;
    background:linear-gradient(180deg,#fffefb 0%,#fff7ed 100%);
    box-shadow:0 28px 80px rgba(32,21,14,.34),inset 0 1px 0 rgba(255,255,255,.82);
    color:#2e1e13;
}

.pcv2-gate-measurement-modal__dialog:focus{
    outline:none;
}

.pcv2-gate-measurement-modal__dialog:focus-visible{
    outline:3px solid rgba(255,255,255,.72);
    outline-offset:4px;
}

.pcv2-gate-measurement-modal__close{
    position:absolute;
    top:12px;
    right:12px;
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border:1px solid rgba(63,42,28,.18);
    border-radius:999px;
    background:#fffaf4;
    color:#3f2a1c;
    font:inherit;
    font-size:1.55rem;
    font-weight:800;
    line-height:1;
    cursor:pointer;
    box-shadow:0 8px 18px rgba(63,42,28,.10);
}

.pcv2-gate-measurement-modal__close:hover{
    background:#f4e6d5;
}

.pcv2-gate-measurement-modal__close:focus-visible{
    outline:3px solid rgba(138,90,43,.35);
    outline-offset:3px;
}

.pcv2-gate-measurement-modal__head{
    display:grid;
    gap:4px;
    padding-right:44px;
}

.pcv2-gate-measurement-modal__head h5{
    margin:0;
    color:#2e1e13;
    font-size:clamp(1.12rem,2.8vw,1.45rem);
    font-weight:950;
    letter-spacing:-.015em;
    line-height:1.15;
}

.pcv2-gate-measurement-modal__figure{
    position:relative;
    display:grid;
    place-items:center;
    margin:0;
    overflow:hidden;
    border:1px solid rgba(82,54,34,.12);
    border-radius:20px;
    background:#efe2d2;
}

.pcv2-gate-measurement-modal__image{
    display:block;
    width:100%;
    max-height:min(68vh,620px);
    object-fit:contain;
    background:#efe2d2;
}

.pcv2-gate-measurement-modal__image[hidden]{
    display:none!important;
}

.pcv2-gate-measurement-modal__missing{
    width:100%;
    padding:24px;
    color:#6b513d;
    font-weight:850;
    text-align:center;
}

.pcv2-gate-measurement-modal__missing[hidden]{
    display:none!important;
}

@media (max-width:560px){
    .pcv2-gate-measurement-modal{
        align-items:end;
        padding:10px;
    }

    .pcv2-gate-measurement-modal__dialog{
        width:100%;
        max-height:90vh;
        padding:14px;
        border-radius:20px;
    }

    .pcv2-gate-measurement-modal__image{
        max-height:62vh;
    }
}