/* Primary button and navbar color modification - #c48d1f */
:root {
    --accent-gold: #c48d1f;
}

/* Only modify primary buttons */
.btn-primary,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--accent-gold) !important;
    border-color: var(--accent-gold) !important;
}

.btn-primary:hover {
    background-color: #b37d1a !important;
    border-color: #b37d1a !important;
    box-shadow: 0 0 0 0.2rem rgba(196, 141, 31, 0.25) !important;
}

/* Modify navbar background */
.navbar-default {
    background-color: var(--accent-gold) !important;
    border-color: var(--accent-gold) !important;
}

/* Ensure ALL navbar text is white for readability */
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:visited,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:link {
    color: #ffffff !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #f0f0f0 !important;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:visited,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand:link {
    color: #ffffff !important;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #f0f0f0 !important;
}

.navbar-default .navbar-toggle {
    border-color: #ffffff !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff !important;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #b37d1a !important;
}

/* Modify nav header (sidebar navigation) */
.nav-header {
    background-color: var(--accent-gold) !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: initial !important;
    background-size: initial !important;
}

.nav-header .dropdown-profile-element {
    color: #ffffff !important;
}

.nav-header .dropdown-profile-element:hover {
    color: #f0f0f0 !important;
}

.nav-header .logo-element {
    background-color: var(--accent-gold) !important;
    color: #ffffff !important;
}

/* Override any skin-specific nav-header backgrounds */
.skin-1 .nav-header,
.skin-2 .nav-header,
.skin-3 .nav-header,
.light-skin .nav-header,
.md-skin .nav-header {
    background-color: var(--accent-gold) !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: initial !important;
    background-size: initial !important;
}

/* Ensure nav-second-level elements inherit the new background color */
.nav-second-level {
    background-color: var(--accent-gold) !important;
}

/* Override any skin-specific nav-second-level backgrounds */
.skin-1 .nav-second-level,
.skin-2 .nav-second-level,
.skin-3 .nav-second-level,
.light-skin .nav-second-level,
.md-skin .nav-second-level {
    background-color: var(--accent-gold) !important;
}

/* Ensure nested navigation levels also inherit the color */
.nav.nav-second-level {
    background-color: var(--accent-gold) !important;
}

.nav.nav-second-level > li > a {
    color: #ffffff !important;
}

.nav.nav-second-level > li > a:hover,
.nav.nav-second-level > li > a:focus {
    background-color: #b37d1a !important;
    color: #ffffff !important;
}

.nav.nav-second-level > li.active > a {
    background-color: #b37d1a !important;
    color: #ffffff !important;
}

/* Target ONLY the specific navbar elements that need color changes */
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:visited,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:link {
    color: #ffffff !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #f0f0f0 !important;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:visited,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand:link {
    color: #ffffff !important;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #f0f0f0 !important;
}

/* Target dropdown menus specifically */
.navbar-default .navbar-nav .dropdown-menu > li > a {
    color: var(--accent-gold) !important;
}

.navbar-default .navbar-nav .dropdown-menu > li > a:hover {
    background-color: var(--accent-gold) !important;
    color: #ffffff !important;
}

/* Modify sidebar navigation items */
.navbar-static-side .nav > li > a {
    color: #ffffff !important;
}

.navbar-static-side .nav > li > a:hover,
.navbar-static-side .nav > li > a:focus {
    background-color: #b37d1a !important;
    color: #ffffff !important;
}

.navbar-static-side .nav > li.active > a {
    background-color: #b37d1a !important;
    color: #ffffff !important;
}

/* Modify dropdown menu in nav header */
.nav-header .dropdown-menu > li > a {
    color: var(--accent-gold) !important;
}

.nav-header .dropdown-menu > li > a:hover,
.nav-header .dropdown-menu > li > a:focus {
    background-color: var(--accent-gold) !important;
    color: #ffffff !important;
}


