/* =====================================================
   2UP / RHINO RACING THEME OVERRIDE
   Loaded conditionally when ttt_mode === "2up"
   
   Primary palette:
   - Dark navy background:  #15182f
   - Lighter navy panel:    #1e2140
   - Accent pink:           #e83e8c
   - White text:            #ffffff
   - Muted text:            #8b8fa3
   ===================================================== */

/* Background: solid dark navy, no animated gradient */
body {
    background: #15182f !important;
    animation: none !important;
}

/* Navbar */
.navbar, .navbar.bg-light, .bg-light {
    background-color: #15182f !important;
    border-bottom: 1px solid #2a2d4a;
}
.navbar .nav-link, .navbar .navbar-brand, .navbar a {
    color: #ffffff !important;
}
.navbar .nav-link:hover {
    color: #e83e8c !important;
}

/* Links: replace teal with pink accent */
.hoverLink {
    color: #ffffff !important;
}
.hoverLink:hover {
    color: #e83e8c !important;
    background: #1e2140 !important;
    border-radius: 5px;
    font-weight: bold;
}

/* Table headers */
.table th,
thead th {
    background-color: #1e2140 !important;
    color: #ffffff !important;
    border-color: #2a2d4a !important;
}
thead th:first-child {
    border-left-color: #2a2d4a;
}
thead th:last-child {
    border-right-color: #2a2d4a;
}

/* Table rows */
.table td {
    color: #e0e0e0;
    border-color: #2a2d4a;
}
.table-hover tbody tr:hover td,
.resvent-row:hover td {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Highlighted row (iCounted) */
.iCounted td {
    background-color: #e83e8c !important;
    color: white !important;
}

/* Links */
a {
    color: #e83e8c !important;
}
a:hover {
    color: #ff6baf !important;
    text-decoration: underline;
}
.linked {
    color: #e83e8c !important;
    font-weight: bolder;
}
.linked:hover {
    color: #ff6baf !important;
}

/* Invite code badge */
.inviteCode {
    color: #e83e8c;
}

/* Cards and containers */
.card {
    background-color: #1e2140;
    border: 1px solid #2a2d4a;
    color: #e0e0e0;
}
.card-header {
    background-color: #252848 !important;
    border-bottom: 1px solid #2a2d4a;
    color: #ffffff;
}
.card-body {
    color: #e0e0e0;
}

/* Jumbotron / hero */
.jumbotron, .jumbotron .container {
    background-color: #1e2140 !important;
    color: #e0e0e0;
    border-radius: 0;
}
.jumbotron h1, .jumbotron h2, .jumbotron p, .jumbotron li {
    color: #e0e0e0;
}
.jumbotron b, .jumbotron strong {
    color: #ffffff;
}

/* Footer */
footer, .footer {
    background-color: #15182f !important;
    color: #8b8fa3 !important;
}
footer .container-fluid {
    background-color: #1e2140 !important;
    border-top: none !important;
    border: none !important;
    opacity: 1 !important;
}
footer .container-fluid.bg-light {
    background-color: #1e2140 !important;
}
footer .container-fluid.border-top {
    border-top: none !important;
}
footer .container-fluid.opacity-50 {
    opacity: 1 !important;
}
footer .text-muted, footer .small, footer a, footer p, footer div {
    color: #8b8fa3 !important;
    opacity: 1 !important;
}
footer a:hover {
    color: #e83e8c !important;
}
footer .badge {
    opacity: 1;
}

/* General text on dark bg */
body, .container, .container-fluid, main {
    color: #e0e0e0;
}
h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
}
p {
    color: #c8c8d4;
}

/* Form controls */
.form-control, .form-select {
    background-color: #1e2140;
    border-color: #2a2d4a;
    color: #e0e0e0;
}
.form-control:focus, .form-select:focus {
    background-color: #252848;
    border-color: #e83e8c;
    color: #ffffff;
    box-shadow: 0 0 0 0.2rem rgba(232, 62, 140, 0.25);
}
.form-control::placeholder {
    color: #8b8fa3;
}

/* Buttons: primary becomes pink */
.btn-primary {
    background-color: #e83e8c !important;
    border-color: #e83e8c !important;
    color: #ffffff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #ff6baf !important;
    border-color: #ff6baf !important;
    color: #15182f !important;
}
.btn-outline-primary {
    color: #e83e8c !important;
    border-color: #e83e8c !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background-color: #e83e8c !important;
    color: #ffffff !important;
}

/* Warning/danger/info buttons text fix */
.btn-warning, .btn-warning:hover, .btn-warning:focus {
    color: #15182f !important;
}
.btn-danger, .btn-danger:hover, .btn-danger:focus {
    color: #ffffff !important;
}
.btn-info, .btn-info:hover, .btn-info:focus {
    color: #15182f !important;
}
.btn-outline-dark {
    color: #e0e0e0 !important;
    border-color: #8b8fa3 !important;
}
.btn-outline-dark:hover {
    background-color: #252848 !important;
    color: #ffffff !important;
}

/* Dropdown menus */
.dropdown-menu, .dropdown-menu.show {
    background-color: #1e2140 !important;
    border-color: #2a2d4a !important;
}
.dropdown-item {
    color: #e0e0e0 !important;
}
.dropdown-item:hover, .dropdown-item:focus {
    background-color: #252848 !important;
    color: #e83e8c !important;
}
.dropdown-divider {
    border-color: #2a2d4a;
}

/* Card header text */
.card-header h5, .card-header h6, .card-header .mb-0 {
    color: #e0e0e0 !important;
}

/* Badges - keep functional colors but adjust */
.badge.bg-danger {
    background-color: #e83e8c !important;
}

/* Modal glass background */
.modalGlassBkgnd {
    background-color: rgba(21, 24, 47, 0.85);
}
.modalGlassBox {
    background: #1e2140;
}

/* Alert/info boxes */
.alert-info {
    background-color: #1e2140;
    border-color: #2a2d4a;
    color: #e0e0e0;
}

/* Scrollbar (webkit) */
::-webkit-scrollbar {
    background: #15182f;
}
::-webkit-scrollbar-thumb {
    background: #2a2d4a;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #e83e8c;
}

/* User name in navbar */
.localUser a {
    color: #ffffff !important;
}

/* Status badges keep their functional colors - no override needed */

/* Logo styling */
img[src="/img/Rhino.png"] {
    border-radius: 5px;
}

/* Nav week ticker bar */
.container-fluid.border.py-2.mb-2 {
    background-color: #1e2140 !important;
    border-color: #2a2d4a !important;
}
#extraNavBar, #extraNavBar * {
    color: #e83e8c;
}

/* Nav week ticker text */
.nav-weekNum {
    color: #e83e8c;
}

/* Mobile menu toggler (hamburger icon) */
.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.4) !important;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Mobile collapsed menu background */
@media (max-width: 991.98px) {
    .navbar-collapse {
        background-color: #1e2140;
        border-radius: 8px;
        padding: 0.75rem;
        margin-top: 0.5rem;
        border: 1px solid #2a2d4a;
    }
}