/* style.css */

body {background-color:#111827;color:#FFFFFF;}
body.login {background: #1F2937;
background: linear-gradient(180deg, rgba(31, 41, 55, 1) 0%, rgba(109, 40, 217, 1) 100%);}
/* App-like single-column layout on mobile */
@media (max-width: 768px) {
    .container {
        max-width: 100%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}


.player-ranking p {
    font-size: 1.1rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}
.player-ranking p:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.leaderboard-item {
    font-size: 1.2rem;
    padding: 0.5rem;
}

/* Specific styling for zero score in tables */
td:is(:contains('0')) {
    font-weight: bold;
    color: #198754; /* Bootstrap success green */
}



h2 {color:#ffffff;}
h4 {color:#6D28D9;}
h5 {color:#C4B5FD;text-transform:uppercase;font-size:.85rem;}
.text-muted {color:#9CA3AF !important}

.card-rami {background-color:#1F2937;box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.57);
-webkit-box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.57);border-radius:1rem;color:#FFFFFF}

.btn-rami {background-color:#6D28D9;border-color:#6D28D9;color:#FFFFFF;border-radius:2rem;}
.btn-rami-secondary {background-color:#374151;border-color:#374151;colro:#FFFFFF;border-radius:2rem;}
.btn-rami-continue {background-color:#94D928;border-color:#94D928;color:#374151;border-radius:2rem;}

.btn-rami:hover,
.btn-rami:focus,
.btn-rami:active,
.btn-rami-secondary:hover,
.btn-rami-secondary:focus,
.btn-rami-secondary:active,
.btn-rami-continue:hover,
.btn-rami-continue:focus,
.btn-rami-continue:active {
  background-color: #374151 !important; /* Black background */
  border-color: #374151 !important; /* Optional: Change border color to match */
  color: #FFFFFF !important; /* Optional: Ensure text color is white for contrast */
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    background-color: #198754 !important;
    border-color: #198754 !important;
}


.badge-rami {background-color:#6D28D9;color:#FFFFFF;padding:.25rem 1.5rem;font-size:1rem;}
.badge-rami-winner {background-color:#374151;color:#FFFFFF;padding:.25rem 1.5rem;font-size:1rem;}
.badge-progress {background-color:#94D928;color:#374151;}

.border-bottom {border-color:#374151 !important;}

.input-group-text {background-color:#374151;border-color:#374151;color:#9CA3AF;justify-content: center;border-top-left-radius:1rem;border-bottom-left-radius:1rem;}
.ipnut-text-rami {}
.rami-input {background:transparent;color:#FFFFFF;border-color:#374151;border-bottom-right-radius:1rem;border-top-right-radius:1rem;}
.rami-input-login {background:transparent;color:#FFFFFF;border-color:#374151;border-bottom-right-radius:1rem;border-top-right-radius:1rem;border-bottom-left-radius:1rem;border-top-left-radius:1rem;}
.rami-input-login::placeholder {color:#6D28D9;}

.table-rami thead th {background: transparent;color:#FFFFFF;}
.table-rami thead th,
.table-rami tbody td {text-align:center;}
.table-rami tbody, td, tfoot, th, thead, tr {border-color:transparent;}
.table-striped > tbody > tr:nth-of-type(odd),
.table-striped>tbody>tr:nth-of-type(odd)>* {
    background-color: #1F2937 !important;
    color:#FFFFFF;
}
.table-striped > tbody > tr:nth-of-type(even),
.table-striped>tbody>tr:nth-of-type(even)>* {
    background-color: transparent !important;
    color:#FFFFFF;
}

.leaderboard-winner {background-color:#6D28D9;border-top-left-radius:1rem;border-bottom-left-radius:1rem;}

.navbar-rami {
    background-color: #11141B !important;
}
.navbar-rami .navbar-brand,
.navbar-rami .nav-link,
.navbar-rami .bi {
    color: #fff !important;
}
.navbar-rami .navbar-brand {color:#6D28D9 !important;}

.modal-content {background-color:#1F2937;color:#ffffff;}
.modal-header,
.modal-footer {border-color:#374151;}

.win {color:#94D928 !important;}

#rounds-win-summary th {
    /* Set a specific background color for all <th> elements in this row */
    background-color: #6D28D9 !important; 
    
    /* Ensure the text is readable on the dark background. */
    color: #ffffff !important; 
    
    /* Optional: Adjust padding for visual appeal */
    padding-top: 0.5rem; 
    padding-bottom: 0.5rem;
}