/*
 * Mobile Messages CSS
 * Кастомные стили для корректного отображения toastr уведомлений на мобильных устройствах
 * Navbar высота 50px, поэтому отступы установлены больше этого значения
 */

/* Полное отключение кнопки закрытия на всех устройствах */
#toast-container .toast-close-button,
.toast-close-button,
#toast-container > div .toast-close-button,
#toast-container .toast .toast-close-button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Очень маленькие экраны (до 320px) */
@media (max-width: 320px) {
    #toast-container {
        top: 60px !important;
        right: 10px !important;
        left: auto !important;
        width: auto !important;
    }
    
    #toast-container > .toast,
    #toast-container > div {
        width: auto !important;
        max-width: 180px !important;
        padding: 10px 12px 10px 45px !important;
        margin-bottom: 8px !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
        word-wrap: break-word !important;
        white-space: normal !important;
    }
}

/* Маленькие телефоны (321px-480px) */
@media (min-width: 321px) and (max-width: 480px) {
    #toast-container {
        top: 60px !important;
        right: 15px !important;
        left: auto !important;
        width: auto !important;
    }
    
    #toast-container > .toast,
    #toast-container > div {
        width: auto !important;
        max-width: 200px !important;
        padding: 10px 12px 10px 45px !important;
        margin-bottom: 6px !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
        word-wrap: break-word !important;
        white-space: normal !important;
    }
}

/* Мобильные устройства (481px-767px) */
@media (min-width: 481px) and (max-width: 767px) {
    #toast-container {
        top: 60px !important;
        right: 20px !important;
        left: auto !important;
        width: auto !important;
    }
    
    #toast-container > .toast,
    #toast-container > div {
        width: auto !important;
        max-width: 220px !important;
        padding: 8px 12px 8px 45px !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
        word-wrap: break-word !important;
        white-space: normal !important;
    }
}

/* Планшеты (768px-991px) */
@media (min-width: 768px) and (max-width: 991px) {
    #toast-container {
        top: 60px !important;
        right: 12px !important;
        left: auto !important;
    }
}

/* Ландшафтная ориентация для мобильных */
@media (max-width: 767px) and (orientation: landscape) {
    #toast-container {
        top: 60px !important;
        right: 15px !important;
        left: auto !important;
    }
}

/* Дополнительная настройка для устройств с низким разрешением */
@media only screen and (max-width: 320px) {
    #toast-container > div {
        width: auto !important;
        max-width: 180px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding: 10px 12px 10px 45px !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
    }
    
    #toast-container {
        top: 60px !important;
        right: 10px !important;
        left: auto !important;
    }
    
    #toast-container.toast-top-right {
        top: 60px !important;
        right: 10px !important;
        left: auto !important;
        width: auto !important;
    }
    
    #toast-container.toast-top-left {
        top: 60px !important;
        left: 10px !important;
        right: auto !important;
        width: auto !important;
    }
}

/* Настройка для ландшафтной ориентации мобильных устройств */
@media only screen and (max-width: 767px) and (orientation: landscape) {
    #toast-container {
        top: 60px !important;
        right: 15px !important;
        left: auto !important;
    }
    
    #toast-container.toast-top-right {
        top: 60px !important;
        right: 15px !important;
        left: auto !important;
        width: auto !important;
    }
    
    #toast-container.toast-top-left {
        top: 60px !important;
        left: 15px !important;
        right: auto !important;
        width: auto !important;
    }
    
    #toast-container.toast-top-center {
        top: 60px !important;
    }
    
    #toast-container.toast-top-full-width {
        top: 60px !important;
    }
}
/* 
/* Глобальное отключение кнопки закрытия */
.toast-close-button,
#toast-container .toast-close-button,
#toast-container > div .toast-close-button,
button.toast-close-button,
.toast .toast-close-button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: none !important;
}