/* ==========================================================================
   RSC Theme - Rocket Soccar Confederation
   Brand colors: Gold/Orange (#E8A623), Blue (#2B6CB0), Dark (#1a1d23)

   Master file — imports all partials in dependency order.
   ========================================================================== */

/* Foundation */
@import "_variables.css";
@import "_base.css";

/* Layout */
@import "_layout.css";

/* Reusable Components */
@import "_components.css";

/* Bootstrap Dark Overrides */
@import "_bootstrap-overrides.css";

/* DataTables */
@import "_datatables.css";

/* Page-specific */
@import "_homepage.css";
@import "_franchises.css";
@import "_teams.css";
@import "_players.css";
@import "_draft.css";
@import "_command-palette.css";
@import "_profile.css";
@import "_errors.css";
@import "_stats.css";
@import "_transactions.css";
@import "_numbers.css";

/* Global Responsive (must come last) */
@import "_responsive.css";

.rsc-dropdown .dropdown-item.rsc-dropdown-logout {
   color: #f2b8bd !important;
}

.rsc-dropdown .dropdown-item.rsc-dropdown-logout i {
   color: #f2b8bd;
}

.rsc-dropdown .dropdown-item.rsc-dropdown-logout:hover,
.rsc-dropdown .dropdown-item.rsc-dropdown-logout:focus {
   color: #fff !important;
   background-color: rgba(224, 82, 96, 0.18) !important;
}

.rsc-dropdown .dropdown-item.rsc-dropdown-logout:hover i,
.rsc-dropdown .dropdown-item.rsc-dropdown-logout:focus i {
   color: #fff;
}

.rsc-selector select.rsc-native-select-enhanced {
   position: absolute;
   width: 1px;
   height: 1px;
   opacity: 0;
   pointer-events: none;
}

.rsc-custom-select {
   position: relative;
   min-width: 9rem;
}

.rsc-custom-select-trigger {
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
   align-items: center;
   gap: 0.55rem;
   width: 100%;
   min-height: 2.25rem;
   padding: 0.35rem 0.65rem;
   border: 1px solid var(--rsc-dark-border);
   border-radius: 6px;
   color: var(--rsc-text-primary);
   background: rgba(38, 43, 54, 0.98);
   font: 600 0.8rem/1.2 "Inter", sans-serif;
   text-align: left;
   transition:
      border-color var(--rsc-transition),
      box-shadow var(--rsc-transition),
      background-color var(--rsc-transition);
}

.rsc-custom-select-trigger:hover,
.rsc-custom-select-trigger:focus-visible,
.rsc-custom-select.open .rsc-custom-select-trigger {
   border-color: var(--rsc-gold);
   background: rgba(45, 51, 64, 0.98);
   box-shadow: 0 0 0 1px rgba(232, 166, 35, 0.18);
   outline: none;
}

.rsc-custom-select-value {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.rsc-custom-select-caret {
   color: var(--rsc-text-muted);
   font-size: 0.7rem;
   transition: transform var(--rsc-transition);
}

.rsc-custom-select.open .rsc-custom-select-caret {
   transform: rotate(180deg);
}

.rsc-custom-select-menu {
   position: absolute;
   top: calc(100% + 0.35rem);
   left: 0;
   z-index: 1060;
   display: none;
   width: max(100%, 11rem);
   max-height: min(18rem, 60vh);
   overflow-y: auto;
   padding: 0.35rem;
   border: 1px solid rgba(232, 166, 35, 0.22);
   border-radius: 6px;
   background: rgba(26, 29, 35, 0.98);
   box-shadow: 0 12px 28px rgba(0, 0, 0, 0.42);
}

.rsc-custom-select.open .rsc-custom-select-menu {
   display: grid;
   gap: 0.15rem;
}

.rsc-custom-select-option {
   display: flex;
   align-items: center;
   width: 100%;
   min-height: 2rem;
   padding: 0.4rem 0.55rem;
   border: 1px solid transparent;
   border-radius: 5px;
   color: var(--rsc-text-secondary);
   background: transparent;
   font: 600 0.82rem/1.2 "Inter", sans-serif;
   text-align: left;
   white-space: nowrap;
}

.rsc-custom-select-option:hover,
.rsc-custom-select-option:focus-visible {
   color: var(--rsc-text-primary);
   background: rgba(255, 255, 255, 0.06);
   outline: none;
}

.rsc-custom-select-option[aria-selected="true"] {
   color: var(--rsc-dark);
   background: var(--rsc-gold);
}

.rsc-selector.rsc-selector-mobile .rsc-custom-select {
   min-width: 0;
   width: 100%;
}

.rsc-selector.rsc-selector-mobile .rsc-custom-select-menu {
   right: 0;
   left: auto;
   width: max(100%, 8rem);
}