.game-draw-results {
  /* Professional Layout: Use a light background and border instead of a broken image */
  background-color: transparent; /* Make main container transparent */ 
  border: none;
  color: #fff; /* White text for better visibility against dark background */
  padding: 0; /* Remove padding for edge-to-edge look */
  border-radius: 12px;
  box-shadow: none;
  max-width: 100%; /* Wider table size for mobile edge-to-edge */
  margin: 0 auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  position: relative;
}

/* Title Styling */
.section-title {
  text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 15px #00BFFF; /* Blue Shadow and layer effect for amazing look */
  font-size: 32px;
  text-align: center;
  margin-bottom: 0; /* Remove bottom margin */
  margin-top: 0; /* Remove top margin */
  color: #007bff; /* Blue title for contrast */
  font-weight: 700;
  padding-top: 0; /* Remove top padding */
  border-bottom: none;
  padding-bottom: 15px;
}

.search-form {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-bottom: 20px;
}

.search-form label {
    font-weight: 600;
    align-self: center;
    color: #000; /* Black text for label as requested */
}

.search-form input[type="date"] {
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: #fff; /* Ensure input is white for visibility */
  color: #333; /* Ensure input text is black */
}

/* Search Button Styling (White with Pink Text) */
.search-btn {
  background-color: #ff0000 !important; /* Force red background */
  color: #fff !important; /* Force white text */
  padding: 10px 20px !important;
  border: 1px solid #ff0000 !important; /* Force red border */
  border-radius: 5px !important;
  cursor: pointer !important;
  box-shadow: none !important; /* Remove any external shadow */
  opacity: 1 !important; /* Ensure full opacity */
}

/* Explicitly remove all hover/focus effects by setting them to the same style */
.search-btn:hover,
.search-btn:focus,
.search-btn:active {
  background-color: #ff0000 !important;
  color: #fff !important;
  border: 1px solid #ff0000 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  text-decoration: none !important;
  transform: none !important; /* Remove any transform effects */
}



.result-table-wrapper {
  overflow-x: auto;
}

.results-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  background: rgba(255, 255, 255, 0.15); /* Even more transparent white for table */
  border-radius: 0; /* Remove border radius for edge-to-edge */
  overflow: hidden; /* Ensures border-radius is respected */
}

.results-table th,
.results-table td {
  padding: 14px;
  border: 1px solid #000; /* Black border for better visibility */
  text-align: center;
  color: #333; /* Keep dark text for table readability */
  font-weight: bold; /* Make all table data bold as requested */
}

.results-table th {
  background-color: #0073aa;
  color: white;
  font-weight: bold; /* Make header text bold as requested */
}