/**
 * Esports247 Golden Theme - Color Palette Only
 * This file ONLY changes colors, preserving all existing styles
 * Primary Color: #f5b800 (Golden) replacing blue
 */

/* ========== Override Base Color Variables ========== */
:root {
    /* Replace blue primary with golden */
    --base-h: 45 !important;
    --base-s: 95% !important;
    --base-l: 50% !important;
    
    /* Update primary color */
    --primary: 45 95% 50% !important;
    
    /* Keep all other colors as-is */
}

/* ========== Color Replacements Only ========== */

/* Primary/Base color elements - change blue to golden */
.btn--base,
.bg--base {
    background-color: hsl(45, 95%, 50%) !important;
    border-color: hsl(45, 95%, 50%) !important;
}

.btn--base:hover,
.btn--base:active,
.btn--base:focus {
    background-color: hsl(45, 95%, 42%) !important;
    border-color: hsl(45, 95%, 42%) !important;
}

.t-link--base {
    color: hsl(45, 95%, 50%) !important;
}

.t-link--base:hover {
    color: hsl(45, 95%, 42%) !important;
}

.text--base,
.base-clr {
    color: hsl(45, 95%, 50%) !important;
}

.border--base {
    border-color: hsl(45, 95%, 50%) !important;
}

.badge--base {
    background-color: hsl(45, 95%, 50%) !important;
    color: #000 !important;
}

.btn-outline--base {
    color: hsl(45, 95%, 50%) !important;
    border-color: hsl(45, 95%, 50%) !important;
}

.btn-outline--base:hover {
    background-color: hsl(45, 95%, 50%) !important;
    color: #000 !important;
}

/* Form controls focus state */
.form-control:focus,
.form--control:focus,
.form-select:focus {
    border-color: hsl(45, 95%, 50%) !important;
    box-shadow: 0 0 0 0.2rem hsla(45, 95%, 50%, 0.25) !important;
}

/* Links */
a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: hsl(45, 95%, 50%);
}

a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
    color: hsl(45, 95%, 42%);
}

/* Custom checkboxes and radios */
.custom--check:checked {
    background-color: hsl(45, 95%, 50%) !important;
    border-color: hsl(45, 95%, 50%) !important;
}

.form-check-input:checked {
    background-color: hsl(45, 95%, 50%) !important;
    border-color: hsl(45, 95%, 50%) !important;
}

/* Pagination */
.pagination .page-item.active .page-link {
    background-color: hsl(45, 95%, 50%) !important;
    border-color: hsl(45, 95%, 50%) !important;
}

/* Progress bars */
.progress-bar {
    background-color: hsl(45, 95%, 50%) !important;
}

/* Badges */
.badge-primary,
.badge--primary {
    background-color: hsl(45, 95%, 50%) !important;
}

/* Tabs */
.nav-tabs .nav-link.active {
    color: hsl(45, 95%, 50%) !important;
    border-bottom-color: hsl(45, 95%, 50%) !important;
}

/* List group active */
.list-group-item.active {
    background-color: hsl(45, 95%, 50%) !important;
    border-color: hsl(45, 95%, 50%) !important;
}

/* Spinners */
.spinner-border {
    color: hsl(45, 95%, 50%) !important;
}

/* Alert info */
.alert-info {
    background-color: hsla(45, 95%, 50%, 0.1) !important;
    border-color: hsl(45, 95%, 50%) !important;
    color: hsl(45, 95%, 42%) !important;
}

/* Dropdown active */
.dropdown-item.active,
.dropdown-item:active {
    background-color: hsl(45, 95%, 50%) !important;
}

/* Bet slip odds - if they use primary color */
.odd-value,
.odds-button.active {
    color: hsl(45, 95%, 50%) !important;
}

/* Category/league active items */
.category-item.active,
.league-item.active {
    background-color: hsla(45, 95%, 50%, 0.1) !important;
    border-color: hsl(45, 95%, 50%) !important;
    color: hsl(45, 95%, 50%) !important;
}

/* Market/game cards hover - subtle golden highlight */
.market-card:hover,
.game-card:hover {
    border-color: hsla(45, 95%, 50%, 0.3) !important;
}

/* User dashboard active menu */
.dashboard-menu .active {
    color: hsl(45, 95%, 50%) !important;
}

/* Breadcrumb active */
.breadcrumb-item.active {
    color: hsl(45, 95%, 50%) !important;
}

/* Highlight Cricket category */
.sports-category__link[data-name="Cricket"] {
    background-color: #111827 !important;
    color: #FFD700 !important;
    font-weight: 600 !important;
}

.sports-category__link[data-name="Cricket"] .sports-category__icon {
    color: #FFD700 !important;
}

.sports-category__link[data-name="Cricket"] .sports-category__text {
    color: #FFD700 !important;
}

.sports-category__link[data-name="Cricket"]:hover {
    background-color: #1f2937 !important;
}

/* Adjust header layout after removing navigation links */
.header-fluid-custom-parent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

@media (max-width: 425px) {
    .header-fluid-custom-parent {
        gap: 20px;
    }
}

/* Ensure the right-side elements are properly aligned */
.primary-menu-container {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: flex-end;
    width: auto !important;
}

/* User info container to align balance and profile side by side */
.user-info-container {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Redesigned balance display with refresh button styling */
.balance-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.balance-wrapper {
  display: flex;
  align-items: center;
  background: rgba(255, 215, 0, 0.1);
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid #ffd70040;
  transition: all 0.3s ease;
}

.balance-wrapper:hover {
  background: rgba(255, 215, 0, 0.2);
  transform: translateY(-1px);
}

.balance-amount {
  font-weight: 600;
  color: #ffd700;
  font-size: 15px;
  margin-right: 8px;
  letter-spacing: 0.5px;
}

.refresh-icon {
  background: transparent;
  border: none;
  color: #ffd700;
  font-size: 16px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.refresh-icon:hover {
  transform: rotate(180deg);
}

.refresh-icon:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.wallet-balance h3 {
    color: #ffd700;
    margin-bottom: 5px;
}

/* ========== DO NOT CHANGE ========== */
/* Keep all layout, spacing, typography, and styling as-is */
/* Only color values are changed above */