/* doc-project | projet/assets/css/product-configurator-v2/steps/validation-edit-modal.css | Styles dedies a la modal d'edition interne du recapitulatif Validation V2 et aux boutons Modifier des groupes prix avec classe recapitulatif distincte, rendu secondaire discret, largeur 50 pourcent centree sous 720px via une media query scopee dans pcv2-price--validation-static pour eviter les styles bouton generaux concurrents. | Expose: pcv2-validation-edit-modal, pcv2-validation-edit-action, pcv2-validation-price-edit-action | Dépend de: product-configurator-v2/base.css, steps/validation.css | Impacte: edition des groupes prix depuis la validation sans retour stepper principal avec actions Modifier moins dominantes dans le recapitulatif et centrees uniquement mobile sans largeur pleine ecran | Tables: aucune */
.pcv2-validation-edit-action {
    appearance: none;
    border: 1px solid rgba(255,255,255,24);
    border-radius: 999px;
    background: transparent;
    color: rgba(255,255,255,.78);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: inherit;
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1.1;
    padding: 6px 10px;
    transition: background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease,transform .18s ease
}
.pcv2-validation-edit-action:hover,
.pcv2-validation-edit-action:focus-visible {
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.48);
    color: #fff;
    outline: 0;
    transform: translateY(-1px)
}
.pcv2-validation-price-edit-action {
    appearance: none;
    border: 1px solid rgba(255,255,255,24);
    border-radius: 999px;
    background: transparent;
    color: rgba(255,255,255,78);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: inherit;
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1.1;
    padding: 6px 10px;
    text-align: center;
    transition: background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease,transform .18s ease
}
.pcv2-validation-price-edit-action:hover,
.pcv2-validation-price-edit-action:focus-visible {
    background: rgba(255,255,255,12);
    border-color: rgba(255,255,255,48);
    color: #fff;
    outline: 0;
    transform: translateY(-1px)
}
.pcv2-price-group__edit {
    display: flex;
    justify-content: flex-end;
    margin-top: 6px
}
.pcv2-validation-edit-modal[hidden] {
    display: none!important
}

.pcv2-validation-edit-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    padding: clamp(12px,3vw,30px)
}
.pcv2-validation-edit-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(24,16,10,.62);
    backdrop-filter: blur(4px)
}
.pcv2-validation-edit-modal__panel {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-rows: auto minmax(0,1fr) auto auto;
    width: min(1120px,100%);
    max-height: min(92vh,980px);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 24px;
    background: #fffdf8;
    box-shadow: 0 28px 90px rgba(24,16,10,.38);
    color: #3f2a1c
}
.pcv2-validation-edit-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px clamp(18px,3vw,30px);
    border-bottom: 1px solid rgba(82,54,34,.14);
    background: linear-gradient(180deg,#fffaf1,#f8ecdc)
}
.pcv2-validation-edit-modal__eyebrow {
    margin: 0 0 4px;
    color: #8a5a2b;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase
}

.pcv2-validation-edit-modal__header h2 {
    margin: 0;
    color: #24170f;
    font-size: clamp(1.25rem,3vw,1.8rem);
    line-height: 1.15
}
.pcv2-validation-edit-modal__close {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(82,54,34,.18);
    border-radius: 999px;
    background: #fff;
    color: #3f2a1c;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1
}

.pcv2-validation-edit-modal__close:hover,.pcv2-validation-edit-modal__close:focus-visible {
    outline: 0;
    border-color: rgba(138,90,43,.46);
    background: #f5ecdf
}
.pcv2-validation-edit-modal__body {
    min-height: 0;
    overflow: auto;
    padding: clamp(16px,3vw,30px)
}
.pcv2-validation-edit-modal__step {
    display: block!important;
    scroll-margin-top: 0
}

.pcv2-validation-edit-modal__step>.pcv2-step__header:first-child {
    margin-top: 0
}

.pcv2-validation-edit-modal__step [data-pcv2-action="next"],.pcv2-validation-edit-modal__step [data-pcv2-action="prev"],.pcv2-validation-edit-modal__step [data-pcv2-next-help] {
    display: none!important
}
.pcv2-validation-edit-modal__error {
    margin: 0;
    padding: 12px clamp(18px,3vw,30px);
    border-top: 1px solid rgba(154,70,32,.18);
    background: #fff3ed;
    color: #8f321b;
    font-weight: 800
}

.pcv2-validation-edit-modal__error[hidden] {
    display: none!important
}
.pcv2-validation-edit-modal__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px clamp(18px,3vw,30px);
    border-top: 1px solid rgba(82,54,34,.14);
    background: #fffaf1
}

.pcv2-validation-edit-modal__secondary,.pcv2-validation-edit-modal__primary {
    appearance: none;
    border-radius: 999px;
    cursor: pointer;
    font: inherit;
    font-weight: 900;
    line-height: 1.1;
    padding: 12px 18px
}

.pcv2-validation-edit-modal__secondary {
    border: 1px solid rgba(82,54,34,.2);
    background: #fff;
    color: #3f2a1c
}

.pcv2-validation-edit-modal__primary {
    border: 1px solid #3f2a1c;
    background: #3f2a1c;
    color: #fff
}

.pcv2-validation-edit-modal__secondary:hover,.pcv2-validation-edit-modal__secondary:focus-visible {
    outline: 0;
    background: #f5ecdf
}

.pcv2-validation-edit-modal__primary:hover,.pcv2-validation-edit-modal__primary:focus-visible {
    outline: 0;
    background: #24170f
}
html.pcv2-validation-edit-modal-is-open,body.pcv2-validation-edit-modal-is-open {
    overflow: hidden
}
@media (max-width:720px) {
    .pcv2-step--validation .pcv2-price--validation-static .pcv2-price-group__edit {
        justify-content: center;
        width: 100%
    }

    .pcv2-step--validation .pcv2-price--validation-static .pcv2-validation-price-edit-action {
        box-sizing: border-box;
        width: 50%;
        max-width: 50%;
        min-width: 0;
        margin-left: auto;
        margin-right: auto;
        flex: 0 0 50%
    }

    .pcv2-validation-edit-modal {
        padding: 0;
        place-items: stretch
    }

    .pcv2-validation-edit-modal__panel {
        width: 100%;
        max-height: 100vh;
        border-radius: 0
    }

    .pcv2-validation-edit-modal__header,.pcv2-validation-edit-modal__footer {
        padding: 14px 16px
    }

    .pcv2-validation-edit-modal__footer {
        display: grid;
        grid-template-columns: 1fr
    }

    .pcv2-validation-edit-modal__secondary,.pcv2-validation-edit-modal__primary {
        width: 100%
    }}