/**
 * Theme CSS for themeAnoah
 * Contains color overrides for header and login page
 * Customize colors here to change the look of the Anoah theme
 */

/* ========================================
   HEADER COLORS
   ======================================== */

/* Main header background */
.page-header.navbar {
    background-color: #1D2E42 !important; /* Dark navy blue */
}

/* Logo container */
.page-header .page-logo {
    background-color: inherit !important;
}

/* Top navigation area */
.page-header .top-menu {
    background-color: inherit !important;
}

/* Navigation link colors */
.page-header .navbar-nav > li > a {
    color: #c3cedd !important;
}

.page-header .navbar-nav > li > a:hover {
    color: #ffffff !important;
}

/* Dropdown toggle colors */
.page-header .top-menu .navbar-nav > li.dropdown .dropdown-toggle {
    color: #c3cedd !important;
}

.page-header .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
    color: #ffffff !important;
}

/* ========================================
   LOGIN PAGE COLORS
   ======================================== */

/* Login page background */
body.login {
    background-color: #1D2E42 !important; /* Dark navy blue */
}

/* Logo container on login page */
.login .logo {
    text-align: center;
    margin: 60px auto 0;
    padding: 15px;
}

/* Login content box (white form area) */
.login .content {
    background-color: #fff !important;
    border-radius: 7px;
}

/* Form title "Please sign in" */
.login .content h3 {
    color: #428bca !important; /* Blue */
}

/* Login button */
.login .content .btn-success,
.btn-success {
    background-color: #428bca !important; /* Blue */
    border-color: #428bca !important;
}

.login .content .btn-success:hover,
.btn-success:hover {
    background-color: #3276b1 !important; /* Darker blue on hover */
    border-color: #3276b1 !important;
}

/* Input fields */
.login .content .form-control {
    background-color: #dde3ec !important; /* Light gray */
    border: 1px solid #dde3ec !important;
    color: #8290a3 !important;
}

.login .content .form-control:focus {
    background-color: #e9ecf3 !important;
    border-color: #428bca !important;
}