/* --- 1. THANH MENU CHÍNH GRADIENT SANG TRỌNG --- */
.header-nav, 
nav.navbar, 
.navbar-default,
#main-nav {
    background: linear-gradient(135deg, #1f4037 0%, #99f2c8 100%) !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12) !important;
}

/* Màu chữ & hiệu ứng hover trên Menu */
.navbar-default .navbar-nav > li > a {
    color: #ffffff !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-radius: 6px !important;
    color: #fff !important;
}

/* Submenu đổ xuống mượt mà */
.navbar-nav .dropdown-menu {
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important;
    overflow: hidden !important;
}

/* --- 2. KHỐI NỘI DUNG & DANH MỤC BO TRÒN HIỆN ĐẠI --- */
.panel, .well, .sidebar .panel-default {
    border-radius: 10px !important;
    border: 1px solid #eef0f3 !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.panel:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08) !important;
}

/* Tiêu đề các khối (Block title) */
.panel-default > .panel-heading {
    background: linear-gradient(90deg, #2c3e50, #4ca1af) !important;
    color: #ffffff !important;
    font-weight: bold !important;
    border-radius: 9px 9px 0 0 !important;
    border: none !important;
}

/* --- 3. NÚT TÌM KIẾM BO CONG --- */
.input-group .form-control {
    border-radius: 20px 0 0 20px !important;
}

.input-group .btn {
    border-radius: 0 20px 20px 0 !important;
    background: #2c3e50 !important;
    border-color: #2c3e50 !important;
    color: #fff !important;
}

/* --- 4. CHÂN TRANG (FOOTER) SANG TRỌNG --- */
footer, 
#footer, 
.footer-site, 
.footer {
    background: linear-gradient(135deg, #141e30 0%, #243b55 100%) !important;
    color: #cfd8dc !important;
    border-top: 3px solid #4ca1af !important;
    padding-top: 25px !important;
    padding-bottom: 20px !important;
}

footer a, #footer a {
    color: #80cbc4 !important;
    transition: color 0.2s !important;
}

footer a:hover, #footer a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}