/* ============================================
   NAVIGATION BAR — MODERN DARK STYLE
   the-infosec.com redesign
   ============================================ */

/* Make nav background dark navy */
.site-header,
header.site-header,
#masthead,
.varia-header,
nav.main-navigation,
.main-navigation {
    background-color: #060f29 !important;
    border-bottom: 1px solid rgba(202, 171, 87, 0.3) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
    box-shadow: 0 2px 20px rgba(0,0,0,0.4) !important;
}

/* Nav links — white text */
.main-navigation a,
.site-header a,
#masthead a,
nav a {
    color: #F2F2F2 !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    padding: 8px 16px !important;
    transition: color 0.3s ease !important;
}

/* Nav links hover — gold color */
.main-navigation a:hover,
.site-header a:hover,
nav a:hover {
    color: #CAAB57 !important;
}

/* Site title / logo text */
.site-title a,
.site-branding .site-title a {
    color: #CAAB57 !important;
    font-weight: 700 !important;
    font-size: 20px !important;
}

/* Site tagline */
.site-description {
    color: #8F8F8F !important;
    font-size: 12px !important;
}

/* Current/active menu item — gold */
.main-navigation .current-menu-item > a,
.main-navigation .current-page-item > a,
.main-navigation li.current-menu-item a {
    color: #CAAB57 !important;
    border-bottom: 2px solid #CAAB57 !important;
}

/* Mobile menu button */
.menu-toggle,
button.menu-toggle {
    background: transparent !important;
    color: #CAAB57 !important;
    border: 1px solid #CAAB57 !important;
    border-radius: 4px !important;
    padding: 6px 12px !important;
}

/* Body background dark */
body {
    background-color: #060f29 !important;
    color: #F2F2F2 !important;
}

/* General headings - gold */
h1, h2, h3 {
    color: #CAAB57 !important;
}

/* Paragraphs and normal text */
p, li, span {
    color: #F2F2F2 !important;
}

/* Links */
a {
    color: #CAAB57 !important;
}
a:hover {
    color: #EE4266 !important;
}