/*
Theme Name: Ngo Gia Media Theme
Theme URI: http://ngogiamedia.com
Author: Ngo Gia Team
Author URI: http://ngogiamedia.com
Description: Giao diện Dark Modern Luxury dành cho Ngô Gia Media (Web, Branding, Event).
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, portfolio, agency, tailwindcss
Text Domain: ngogiamedia
*/

/* --- 1. Custom Scrollbar (Thanh cuộn) --- */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0f172a; /* Slate 900 */
}

::-webkit-scrollbar-thumb {
    background: #334155; /* Slate 700 */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #f59e0b; /* Amber 500 */
}

/* --- 2. Glassmorphism Effect (Hiệu ứng kính mờ cho Menu) --- */
.glass-nav {
    background: rgba(15, 23, 42, 0.95);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* --- 3. WordPress Admin Bar Fixes --- */
/* Khi đăng nhập, thanh Admin Bar của WP sẽ đẩy nội dung xuống, cần chỉnh lại vị trí Navbar cố định */
body.admin-bar #navbar {
    top: 32px !important;
}
li.menu-item {
    list-style: none !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar #navbar {
        top: 46px !important;
    }
}

/* --- 4. WordPress Default Classes Alignment --- */
/* Căn chỉnh ảnh mặc định của WP */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignleft {
    float: left;
    margin-right: 1.5em;
}
.alignright {
    float: right;
    margin-left: 1.5em;
}