@import "gdpr-consent-6bb0upz.css";
@import "toggle_password-putm19C.css";

.swal2-container .swal2-top-end .swal2-popup .swal2-toast {
    margin-top: 0.5rem;
}

.swal2-image.catalog-modal-image {
    width: 100%;
    max-width: 100%;
    height: 260px;
    object-fit: cover;
    margin: 0 0 1rem;
}

.swal2-popup.swal2-catalog {
    background: #0c0802 !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}


.dark,
[data-bs-theme="dark"] {
    .swal2-container .swal2-popup {
        background: #0c0802 !important;
        color: #F7F4EE !important;
        border: 1px solid rgba(var(--cnvs-themecolor-rgb, 213, 150, 24), .25) !important;
        box-shadow: 0 20px 48px rgba(0, 0, 0, .6) !important;

        .swal2-title {
            color: #F7F4EE !important;
        }

        .swal2-html-container,
        .swal2-content {
            color: rgba(247, 244, 238, .85) !important;
        }

        .swal2-close {
            color: rgba(247, 244, 238, .6) !important;
            &:hover {
                color: #F7F4EE !important;
            }
        }

        .swal2-validation-message {
            background: #1f1910 !important;
            color: #ff6b6b !important;
            border: 1px solid rgba(214, 32, 47, .3) !important;
        }

        .swal2-input,
        .swal2-textarea,
        .swal2-select,
        .form-control {
            background-color: #1f1910 !important;
            border-color: rgba(247, 244, 238, .18) !important;
            color: #F7F4EE !important;

            &::placeholder {
                color: rgba(247, 244, 238, .4) !important;
            }

            &:focus {
                border-color: var(--cnvs-themecolor, #D59618) !important;
                box-shadow: 0 0 0 .2rem rgba(213, 150, 24, .25) !important;
            }
        }

        .input-group-text {
            background-color: #1f1910 !important;
            border-color: rgba(247, 244, 238, .18) !important;
            color: rgba(247, 244, 238, .75) !important;
        }

        .btn-outline-secondary {
            color: rgba(247, 244, 238, .75) !important;
            border-color: rgba(247, 244, 238, .25) !important;
            &:hover {
                background-color: rgba(255, 255, 255, .08) !important;
                color: #F7F4EE !important;
            }
        }
    }
}

/* Actions CRUD compactes : le texte reste accessible aux lecteurs d’écran. */
.btn.neox-icon-only {
    width: 2.25rem;
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    font-size: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn.neox-icon-only i {
    font-size: 1rem;
    line-height: 1;
}
