/**
 * Улучшение стилей модальных окон в стиле темы vintajj_responsive
 * v1.2 - 13.11.2025
 */

/* Overlay (затемнённый фон) */
.ui-widget-overlay {
    background: rgba(0, 0, 0, 0.5) !important;
    opacity: 1 !important;
    backdrop-filter: blur(2px);
}

/* Основной контейнер диалога */
.ui-dialog {
    border-radius: 5px !important;
    box-shadow: 0px 4px 7px -3px rgba(187,181,181,0.8) !important;
    border: 1px solid #dcf0ed !important;
    padding: 0 !important;
    font-family: PFDinTextPro-Regular, sans-serif !important;
    animation: dialogSlideIn 0.3s ease !important;
}

@keyframes dialogSlideIn {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Заголовок диалога */
.ui-dialog .ui-dialog-titlebar {
    background: linear-gradient(to bottom, #faf9f3 0%, #f5f4ed 100%) !important;
    border-bottom: 1px dashed #dcf0ed !important;
    border-radius: 5px 5px 0 0 !important;
    padding: 15px 20px !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.ui-dialog .ui-dialog-title {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #005757 !important;
    margin: 0 !important;
    font-family: PFDinTextPro-Medium, sans-serif !important;
}

/* Кнопка закрытия */
.ui-dialog .ui-dialog-titlebar-close {
    width: 30px !important;
    height: 30px !important;
    border-radius: 3px !important;
    background: none !important;
    border: none !important;
    right: 15px !important;
    top: 15px !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    background: rgba(35, 198, 170, 0.1) !important;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
    background: none !important;
    text-indent: 0 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon:before {
    content: '×';
    font-size: 28px;
    color: #6c4747;
    line-height: 30px;
    display: block;
    text-align: center;
}

.ui-dialog .ui-dialog-titlebar-close:hover .ui-icon:before {
    color: #23c6aa;
}

/* Контент диалога */
.ui-dialog .ui-dialog-content {
    padding: 20px !important;
    color: #333 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    background: white !important;
}

/* Панель с кнопками */
.ui-dialog .ui-dialog-buttonpane {
    padding: 15px 20px !important;
    background: #faf9f3 !important;
    border-top: 1px dashed #dcf0ed !important;
    border-radius: 0 0 5px 5px !important;
    margin: 0 !important;
    text-align: right !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
}

/* Кнопки - в стиле темы */
.ui-dialog .ui-dialog-buttonpane button {
    padding: 10px 25px !important;
    border-radius: 3px !important;
    font-size: 15px !important;
    font-weight: normal !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    border: none !important;
    min-width: 100px !important;
    margin: 0 !important;
    float: none !important;
    font-family: PFDinTextPro-Regular, sans-serif !important;
}

/* Первая кнопка (обычно "Отмена" / "Не удалять") */
.ui-dialog .ui-dialog-buttonpane button:first-child {
    background: white !important;
    color: #6c4747 !important;
    border: 1px solid #dcf0ed !important;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1) !important;
}

.ui-dialog .ui-dialog-buttonpane button:first-child:hover {
    background: #faf9f3 !important;
    border-color: #23c6aa !important;
    color: #23c6aa !important;
}

/* Вторая кнопка (обычно "OK" / "Удалить") - в цвете темы */
.ui-dialog .ui-dialog-buttonpane button:last-child {
    background: linear-gradient(to bottom, #23c6aa 0%, #02be9f 100%) !important;
    color: white !important;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2) !important;
}

.ui-dialog .ui-dialog-buttonpane button:last-child:hover {
    background: linear-gradient(to bottom, #02be9f 0%, #07A389 100%) !important;
    box-shadow: 0px 4px 7px -3px rgba(187,181,181,0.8) !important;
    transform: translateY(-1px) !important;
}

/* Специальные классы для разных типов диалогов */
.ui-dialog.confirm-dialog .ui-dialog-content {
    min-height: 60px !important;
}

/* Адаптивность */
@media (max-width: 550px) {
    .ui-dialog {
        max-width: 95% !important;
        margin: 20px auto !important;
    }
    
    .ui-dialog .ui-dialog-titlebar {
        padding: 12px 15px !important;
    }
    
    .ui-dialog .ui-dialog-title {
        font-size: 16px !important;
    }
    
    .ui-dialog .ui-dialog-content {
        padding: 15px !important;
        font-size: 14px !important;
    }
    
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        flex-direction: column !important;
    }
    
    .ui-dialog .ui-dialog-buttonpane button {
        width: 100% !important;
    }
}