/* Dark Mode Styles */

body.dark-mode {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

body.dark-mode main,
body.dark-mode main .container-fluid,
body.dark-mode .page-content-home {
  color: #e0e0e0;
}

body.dark-mode .page-content-home .text-secondary {
  color: #b0b0b0 !important;
}

body.dark-mode .navbar,
body.dark-mode nav {
  background-color: #2d2d2d !important;
  border-bottom: 1px solid #3d3d3d;
}

body.dark-mode .navbar-light .navbar-brand,
body.dark-mode .navbar-light .nav-link {
  color: #e0e0e0;
}

body.dark-mode .navbar-light .nav-link:hover {
  color: #ffffff;
}

body.dark-mode .card {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border-color: #3d3d3d;
}

body.dark-mode .card-header {
  background-color: #252525;
  border-color: #3d3d3d;
}

body.dark-mode .table {
  color: #e0e0e0;
  border-color: #3d3d3d;
}

body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
  background-color: #252525;
}

body.dark-mode .table-striped tbody tr:hover {
  background-color: #2d2d2d;
}

body.dark-mode .btn-light {
  background-color: #3d3d3d;
  color: #e0e0e0;
  border-color: #4d4d4d;
}

body.dark-mode .btn-light:hover {
  background-color: #4d4d4d;
  color: #ffffff;
}

body.dark-mode .form-control {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border-color: #3d3d3d;
}

body.dark-mode .form-control:focus {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border-color: #5d5d5d;
  box-shadow: 0 0 0 0.2rem rgba(93, 93, 93, 0.25);
}

body.dark-mode .form-control::placeholder {
  color: #888888;
}

body.dark-mode .input-group-text {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border-color: #3d3d3d;
}

body.dark-mode .dropdown-menu {
  background-color: #2d2d2d;
  border-color: #3d3d3d;
}

body.dark-mode .dropdown-item {
  color: #e0e0e0;
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
  background-color: #3d3d3d;
  color: #ffffff;
}

body.dark-mode .sidebar {
  background-color: #1f1f1f;
  border-right: 1px solid #3d3d3d;
}

/* Bracket Dark Mode */
body.dark-mode .bracket-container {
    background: #1a1a1a;
}

body.dark-mode .bracket-round-title {
    color: #e0e0e0;
}

body.dark-mode .match-card {
    background: #2d2d2d;
    border-color: #3d3d3d;
}

body.dark-mode .match-card.winner {
    border-color: #38a169;
}

body.dark-mode .player-pair {
    background: #4a5568;
    border-color: #718096;
}

body.dark-mode .player-pair.winner {
    background: #2f855a;
    border-color: #38a169;
}

body.dark-mode .player-names {
    color: #f7fafc;
}

body.dark-mode .player-images img {
    border-color: #a0aec0;
}

body.dark-mode .player-pair-input input {
    background-color: #2d2d2d;
    color: #e0e0e0;
    border-color: #3d3d3d;
}

body.dark-mode .modal-content-ganadores {
    background-color: #2d2d2d;
}

body.dark-mode .modal-ganadores h2 {
    color: #38a169;
}

body.dark-mode .ganador-foto .nombre {
    color: #e0e0e0;
}

body.dark-mode .ganador-foto img {
    border-color: #38a169;
}

body.dark-mode .torneo-title {
  color: rgba(226, 232, 240, 0.92);
}

body.dark-mode .bracket-round-title {
  color: rgba(226, 232, 240, 0.75);
}

body.dark-mode .match-card {
  background: rgba(15, 23, 42, 0.85);
  border-color: rgba(59, 130, 246, 0.35);
  box-shadow: 0 1vw 2.4vw rgba(15, 23, 42, 0.55);
}


body.dark-mode .player-pair {
  background: rgba(30, 41, 59, 0.6);
  border-color: rgba(59, 130, 246, 0.25);
}

body.dark-mode .player-pair.winner {
  background: rgba(16, 185, 129, 0.28);
  border-color: rgba(16, 185, 129, 0.55);
  box-shadow: inset 0 0 0.8vw rgba(16, 185, 129, 0.3);
}

body.dark-mode .score-display {
  color: #f8fafc;
}

body.dark-mode .badge {
  background-color: rgba(59, 130, 246, 0.25);
  color: rgba(226, 232, 240, 0.85);
}

body.dark-mode .match-card.placeholder {
  background: rgba(17, 24, 39, 0.55);
  border-color: rgba(148, 163, 184, 0.35);
}

body.dark-mode .match-card.placeholder .player-names {
  color: rgba(226, 232, 240, 0.7);
}

body.dark-mode .topbar {
  background-color: #2d2d2d !important;
  box-shadow: none;
  border-bottom: 1px solid #3d3d3d;
}

body.dark-mode .topbar-divider {
  border-right: 1px solid #3d3d3d;
}

body.dark-mode .bg-white {
  background-color: #2d2d2d !important;
  color: #e0e0e0;
}

body.dark-mode footer {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border-top: 1px solid #3d3d3d;
}

body.dark-mode .text-gray-800 {
  color: #e0e0e0 !important;
}

body.dark-mode .text-gray-900 {
  color: #e0e0e0 !important;
}

body.dark-mode .badge {
  background-color: #3d3d3d;
  color: #e0e0e0;
}

body.dark-mode .alert {
  background-color: #252525;
  border-color: #3d3d3d;
  color: #e0e0e0;
}

body.dark-mode .modal-content {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border-color: #3d3d3d;
}

body.dark-mode .modal-header {
  background-color: #252525;
  border-color: #3d3d3d;
}

body.dark-mode .modal-footer {
  border-color: #3d3d3d;
}

body.dark-mode .close {
  color: #e0e0e0;
}

body.dark-mode a {
  color: #6ba3ff;
}

body.dark-mode a:hover {
  color: #8db8ff;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
  color: #e0e0e0;
}

/* Container and Layout Styles */
body.dark-mode .container,
body.dark-mode .container-fluid,
body.dark-mode .container-lg,
body.dark-mode .container-md,
body.dark-mode .container-sm,
body.dark-mode .container-xl {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

body.dark-mode .row {
  color: #e0e0e0;
}

body.dark-mode .col,
body.dark-mode [class*="col-"] {
  color: #e0e0e0;
}

body.dark-mode .wrapper {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

body.dark-mode main {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

body.dark-mode .content {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

body.dark-mode #content-wrapper {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

body.dark-mode .content-wrapper {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

body.dark-mode #content {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

body.dark-mode .section {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

body.dark-mode label,
body.dark-mode .label {
  color: #e0e0e0;
}

body.dark-mode .form-group label {
  color: #e0e0e0;
}

body.dark-mode .form-text {
  color: #a0a0a0;
}

body.dark-mode .btn-primary {
  background-color: #0066cc;
  border-color: #0055bb;
}

body.dark-mode .btn-primary:hover {
  background-color: #0055bb;
  border-color: #004499;
}

body.dark-mode .btn-secondary {
  background-color: #3d3d3d;
  border-color: #4d4d4d;
  color: #e0e0e0;
}

body.dark-mode .btn-secondary:hover {
  background-color: #4d4d4d;
  border-color: #5d5d5d;
  color: #ffffff;
}

body.dark-mode .btn-success {
  background-color: #28a745;
  border-color: #1e7e34;
}

body.dark-mode .btn-success:hover {
  background-color: #1e7e34;
  border-color: #0c5a1a;
}

body.dark-mode .btn-danger {
  background-color: #dc3545;
  border-color: #c82333;
}

body.dark-mode .btn-danger:hover {
  background-color: #c82333;
  border-color: #bd2130;
}

body.dark-mode .btn-info {
  background-color: #17a2b8;
  border-color: #117a8b;
}

body.dark-mode .btn-info:hover {
  background-color: #117a8b;
  border-color: #0c5460;
}

body.dark-mode .btn-warning {
  background-color: #ffc107;
  border-color: #e0a800;
  color: #1a1a1a;
}

body.dark-mode .btn-warning:hover {
  background-color: #e0a800;
  border-color: #d39e00;
  color: #1a1a1a;
}

body.dark-mode .text-white {
  color: #e0e0e0 !important;
}

body.dark-mode .text-dark {
  color: #e0e0e0 !important;
}

body.dark-mode .text-muted {
  color: #a0a0a0 !important;
}

body.dark-mode .bg-light {
  background-color: #2d2d2d !important;
  color: #e0e0e0;
}

body.dark-mode .bg-dark {
  background-color: #1a1a1a !important;
  color: #e0e0e0;
}

body.dark-mode .bg-secondary {
  background-color: #3d3d3d !important;
  color: #e0e0e0;
}

body.dark-mode .border {
  border-color: #3d3d3d !important;
}

body.dark-mode hr {
  border-color: #3d3d3d;
}

body.dark-mode .list-group-item {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border-color: #3d3d3d;
}

body.dark-mode .list-group-item:hover {
  background-color: #3d3d3d;
}

body.dark-mode .list-group-item.active {
  background-color: #0066cc;
  border-color: #0066cc;
}

body.dark-mode .nav-tabs {
  border-color: #3d3d3d;
}

body.dark-mode .nav-tabs .nav-link {
  color: #e0e0e0;
}

body.dark-mode .nav-tabs .nav-link:hover {
  border-color: #3d3d3d;
  color: #ffffff;
}

body.dark-mode .nav-tabs .nav-link.active {
  background-color: #2d2d2d;
  border-color: #3d3d3d #3d3d3d #2d2d2d;
  color: #ffffff;
}

body.dark-mode .nav-pills .nav-link {
  color: #e0e0e0;
}

body.dark-mode .nav-pills .nav-link:hover {
  background-color: #3d3d3d;
}

body.dark-mode .nav-pills .nav-link.active {
  background-color: #0066cc;
}

body.dark-mode .breadcrumb {
  background-color: #2d2d2d;
  border-color: #3d3d3d;
}

body.dark-mode .breadcrumb .breadcrumb-item {
  color: #e0e0e0;
}

body.dark-mode .breadcrumb .breadcrumb-item.active {
  color: #a0a0a0;
}

body.dark-mode .jumbotron {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border-color: #3d3d3d;
}

body.dark-mode .pagination .page-link {
  background-color: #2d2d2d;
  border-color: #3d3d3d;
  color: #e0e0e0;
}

body.dark-mode .pagination .page-link:hover {
  background-color: #3d3d3d;
  border-color: #4d4d4d;
  color: #ffffff;
}

body.dark-mode .pagination .page-item.active .page-link {
  background-color: #0066cc;
  border-color: #0066cc;
}

/* DataTables Dark Mode */
body.dark-mode .dataTables_wrapper {
  color: #e0e0e0;
}

body.dark-mode .dataTables_wrapper .dataTables_filter input {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border-color: #3d3d3d;
}

body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border-color: #3d3d3d;
}

body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: #3d3d3d;
  border-color: #4d4d4d;
}

body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.active {
  background-color: #0066cc;
  border-color: #0066cc;
  color: #ffffff;
}

/* Custom styles for Bahia Padel */
body.dark-mode .fondoNav {
  background-color: #1f1f1f !important;
}

body.dark-mode .fondoNavMenu {
  background-color: transparent;
}

body.dark-mode .lumen_color {
  background-color: #1f1f1f;
  color: #e0e0e0;
}

body.dark-mode .custom-header {
  background-color: #2d2d2d;
  border-bottom: 1px solid #3d3d3d;
}

body.dark-mode .menu-blanco {
  color: #e0e0e0;
}

body.dark-mode .menu-blanco .nav-link {
  color: #e0e0e0 !important;
}

body.dark-mode .menu-blanco .nav-link:hover {
  color: #ffffff !important;
}

body.dark-mode .header_btn {
  color: #e0e0e0 !important;
  transition: color 0.3s ease;
}

body.dark-mode .header_btn:hover {
  color: #ffffff !important;
}

/* Scrollbar Dark Mode */
body.dark-mode ::-webkit-scrollbar {
  width: 10px;
}

body.dark-mode ::-webkit-scrollbar-track {
  background: #1a1a1a;
}

body.dark-mode ::-webkit-scrollbar-thumb {
  background: #3d3d3d;
  border-radius: 5px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
  background: #4d4d4d;
}