/* ========================================== */
/* BỘ QUẢN LÝ CSS CHÍNH (MASTER STYLESHEET)   */
/* ========================================== */

@import url('base.css');
@import url('layout.css');
@import url('components.css');
@import url('modals.css');
@import url('effects.css');
/* Ép nút Đóng (X) căn giữa hoàn hảo và thêm hiệu ứng phóng to khi hover */
.close-btn {
    /* --- Bắt buộc căn giữa (Giữ nguyên) --- */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-align: center !important;

    /* --- Hiệu ứng chuyển động mượt mà (Transition) --- */
    /* Thêm transform vào đây để hiệu ứng phóng to được mượt */
    transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out !important;
}

/* Hiệu ứng khi di chuột vào (Hover) */
.close-btn:hover {
    /* --- Thay thế xoay bằng PHÓNG TO (Scale) --- */
    /* Phóng to lên 1.15 lần (tăng 15% kích thước) */
    transform: scale(1.15) !important;

    /* Đảm bảo nút không bị xoay (nếu có code cũ lọt vào) */
    rotate: 0deg !important; 
    
    /* --- Các hiệu ứng màu sắc khác (Giữ nguyên từ code gốc của sếp) --- */
    background-color: var(--hover-bg) !important;
    color: var(--text-primary) !important;
}