/* ===== MEKONG HEADER LOGO & NAVIGATION ===== */
/* Hide site title text, show logo image */
.site-title a {
font-size: 0 !important;
background-image: url(‘https://tvxdmekong.com/wp-content/uploads/2026/07/mekong-logo-header.png’) !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: left center !important;
display: inline-block !important;
width: 200px !important;
height: 54px !important;
}
.site-title {
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
.site-branding img.custom-logo {
max-height: 60px !important;
width: auto !important;
}
/* ===== HEADER NAVIGATION STYLING ===== */
.site-header,
header.site-header,
#masthead {
background: linear-gradient(135deg, #0d1226 0%, #1a1f3a 50%, #0d1226 100%) !important;
border-bottom: 2px solid rgba(245,166,35,0.4) !important;
box-shadow: 0 2px 20px rgba(0,0,0,0.5) !important;
padding: 8px 0 !important;
position: sticky !important;
top: 0 !important;
z-index: 9999 !important;
}
/* Navigation links */
.main-navigation a,
.primary-navigation a,
nav.main-navigation ul li a,
#primary-menu a,
.menu-menu-chinh-container a,
.nav-menu a {
color: rgba(255,255,255,0.85) !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 0.5px !important;
padding: 8px 14px !important;
border-radius: 6px !important;
transition: all 0.3s ease !important;
text-decoration: none !important;
}
.main-navigation a:hover,
.primary-navigation a:hover,
#primary-menu a:hover,
.menu-menu-chinh-container a:hover,
.nav-menu a:hover {
color: #f7d26a !important;
background: rgba(245,166,35,0.15) !important;
}
/* Active/current page link */
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
#primary-menu .current-menu-item > a {
color: #f5a623 !important;
background: rgba(245,166,35,0.2) !important;
border-bottom: 2px solid #f5a623 !important;
}
/* Site header inner wrapper */
.site-header .site-branding {
display: flex !important;
align-items: center !important;
}
/* Hide the admin bar shifting issue */
.admin-bar .site-header {
top: 32px !important;
}