/* Hard-coded dark theme for Gate and Login Screens ONLY */
/* This is completely separate from user theme preferences */

/* Gate and Login specific styling - hard-coded dark colors */
body.login-page {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    margin-top: 5rem !important;
}

/* Ensure body background is dark for login pages */
html body.login-page {
    background-color: #1a1a1a !important;
}

/* Gate and Login specific styling */
body.login-page .content-section {
    background-color: #2d2d2d !important;
    border: 1px solid #404040 !important;
    color: #e0e0e0 !important;
}

body.login-page .form-control {
    background-color: #2d2d2d !important;
    border: 1px solid #404040 !important;
    color: #e0e0e0 !important;
}

body.login-page .form-control:focus {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #007bff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

body.login-page .form-control::placeholder {
    color: #a0a0a0 !important;
}

body.login-page .form-control-label {
    color: #e0e0e0 !important;
}

body.login-page .form-text {
    color: #a0a0a0 !important;
}

/* Buttons */
body.login-page .btn-primary {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #fff !important;
    font-weight: 600 !important;
}

body.login-page .btn-primary:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: #fff !important;
}

body.login-page .btn-outline-info {
    color: #007bff !important;
    border-color: #007bff !important;
}

body.login-page .btn-outline-info:hover {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #fff !important;
}

body.login-page .btn-secondary {
    background-color: #3a3a3a !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

body.login-page .btn-secondary:hover {
    background-color: #404040 !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

/* Form elements */
body.login-page .form-check-input {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
}

body.login-page .form-check-input:checked {
    background-color: #007bff !important;
    border-color: #007bff !important;
}

body.login-page .form-check-label {
    color: #e0e0e0 !important;
}

/* Alerts */
body.login-page .alert {
    border: 1px solid #404040 !important;
}

body.login-page .alert-primary {
    background-color: rgba(0, 123, 255, 0.2) !important;
    color: #007bff !important;
}

body.login-page .alert-success {
    background-color: rgba(40, 167, 69, 0.2) !important;
    color: #28a745 !important;
}

body.login-page .alert-warning {
    background-color: rgba(255, 193, 7, 0.2) !important;
    color: #ffc107 !important;
}

body.login-page .alert-danger {
    background-color: rgba(220, 53, 69, 0.2) !important;
    color: #dc3545 !important;
}

body.login-page .alert-info {
    background-color: rgba(23, 162, 184, 0.2) !important;
    color: #17a2b8 !important;
}

/* Text colors */
body.login-page .text-muted {
    color: #a0a0a0 !important;
}

body.login-page .text-primary {
    color: #007bff !important;
}

body.login-page .text-success {
    color: #28a745 !important;
}

body.login-page .text-warning {
    color: #ffc107 !important;
}

body.login-page .text-danger {
    color: #dc3545 !important;
}

body.login-page .text-info {
    color: #17a2b8 !important;
}

/* Borders */
body.login-page .border {
    border-color: #404040 !important;
}

body.login-page .border-top {
    border-top-color: #404040 !important;
}

body.login-page .border-bottom {
    border-bottom-color: #404040 !important;
}

body.login-page .border-left {
    border-left-color: #404040 !important;
}

body.login-page .border-right {
    border-right-color: #404040 !important;
}

/* Links */
body.login-page a {
    color: #007bff !important;
}

body.login-page a:hover {
    color: #0056b3 !important;
}

/* Headings */
body.login-page h1,
body.login-page h2,
body.login-page h3,
body.login-page h4,
body.login-page h5,
body.login-page h6 {
    color: #e0e0e0 !important;
}

/* Legend (for form fieldset) */
body.login-page legend {
    color: #e0e0e0 !important;
    border-bottom-color: #404040 !important;
}

/* Invalid form feedback */
body.login-page .invalid-feedback {
    color: #dc3545 !important;
}

/* Focus states */
body.login-page .form-control:focus,
body.login-page .btn:focus,
body.login-page .btn:active:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* Header/Navigation styling for login pages */
body.login-page .site-header {
    background-color: #2d2d2d !important;
}

body.login-page .navbar {
    background-color: #2d2d2d !important;
}

body.login-page .navbar-dark {
    background-color: #2d2d2d !important;
}

body.login-page .bg-steel {
    background-color: #2d2d2d !important;
}

body.login-page .navbar-brand {
    color: #e0e0e0 !important;
}

body.login-page .navbar-nav .nav-link {
    color: #e0e0e0 !important;
}

body.login-page .navbar-nav .nav-link:hover {
    color: #ffffff !important;
}

body.login-page .navbar-nav .nav-link.active {
    color: #ffffff !important;
    font-weight: 500 !important;
}