/* modal.css — modali custom Bootstrap (.custom-modal) e pulsanti di chiusura. */

.custom-modal {
    display: block;
    background-color: var(--back-color-dark);
}

    .custom-modal .modal-content {
        border: 0px solid rgba(67, 89, 113, 0.2);
        border-radius: 0.5rem;
        box-shadow: 0 2px 16px 0 rgb(67 89 113 / 45%);
    }

    .custom-modal .modal-header {
        border-bottom: 0px solid #d9dee3;
        border-top-left-radius: calc(0.5rem - 0px);
        border-top-right-radius: calc(0.5rem - 0px);
    }

    .custom-modal .modal-footer {
        padding: 0.25rem 1.5rem 1.5rem;
        border-top: 0px solid #d9dee3;
        border-bottom-right-radius: calc(0.5rem - 0px);
        border-bottom-left-radius: calc(0.5rem - 0px);
    }

    .custom-modal .modal-body > p {
        font-size: calc(1.125rem + .1vw);
    }

.btn-close {
    background: transparent url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate%28-225.000000, -250.000000%29'%3E%3Cg id='Icon-Color' transform='translate%28225.000000, 250.500000%29'%3E%3Cuse fill='%23a1acb8' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23a1acb8' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/0.8em no-repeat;
}

.custom-modal .btn-close:hover {
    transform: translate(18px, -20px);
    transition: all 0.23s ease 0.1s;
}

.custom-modal .btn-close {
    background-color: #fff;
    border-radius: 0.5rem;
    opacity: 1;
    padding: 0.635rem;
    box-shadow: 0 0.125rem 0.25rem rgb(161 172 184 / 40%);
    transition: all 0.23s ease 0.1s;
    transform: translate(23px, -25px);
    margin: 0;
}

.btn-close-full {
    transform: translate(-5px, 0px) !important;
}

    .btn-close-full:hover {
        transform: translate(-10px, 5px) !important;
    }


.btn-cont {
    width: 37px;
    height: 37px;
}

.btn-close-mod {
    position: absolute;
    transform: translate(0px, 0px) !important;
    top: 0px;
    left: 18px;
}

    .btn-close-mod:hover {
        transform: translate(-5px, 5px) !important;
    }

.btn-text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Overlay operazione in corso (es. sincronizzazione territori): vetro smerigliato
   coerente col tema - velo bianco semi-trasparente + blur del contenuto sottostante. */
.overlay-operazione {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: inherit;
}

    .overlay-operazione .mud-overlay-scrim {
        background-color: rgba(255, 255, 255, 0.6);
    }

    .overlay-operazione .txt-overlay {
        color: var(--txt-color);
        font-weight: 500;
    }