/* Spor Sayfası Renk Sistemi - JavaScript ile değiştirilebilir */

/* Ana Renk Değişkenleri */
:root {
  /* Temel Renkler */
  --app-base-color: #000;
  --app-second-color: #677077;
  --app-third-color: #1d262d;
  --app-fourth-color: #171a1a;
  --app-fifth-color: #172430;
  --app-sixth-color: #9499a6;
  --app-outcome-color: #a9afb4;
  
  /* Arka Plan Renkleri */
  --app-base-item-background: #fff;
  --app-base-item-background-dark: #f3f6f9;
  --app-base-item-background-dark2: #d8d8d8;
  --app-base-item-second-background: #f3f5f7;
  --app-base-item-third-background: #333b4e;
  --app-base-item-fourth-background: #ebf1f6;
  --app-base-item-third-hover-background: #3f485c;
  --app-base-button-background: #4a5d8b;
  
  /* Vurgu Renkleri */
  --app-accent-color: #FFD700;
  --app-accent-color2: #FFA500;
  
  /* Gradient Renkleri */
  --app-main-gradient: linear-gradient(90deg, var(--app-accent-color2) 0%, var(--app-accent-color) 97.74%);
  --app-button-background: var(--app-main-gradient);
  
  /* Durum Renkleri */
  --app-event-up-color: #FFD700;
  --app-event-down-color: #FF8C00;
  
  /* Input Renkleri */
  --app-input-background: #47526d;
  --app-input-border-color: #5b6a8c;
  
  /* Widget Renkleri */
  --app-br-widgets-primary: var(--app-accent-color);
  --app-br-widgets-home: #FFD700;
  --app-br-widgets-away: #FFA500;
  --app-br-widgets-cl: #000;
  --app-br-widgets-base: #fff;
}

/* Spor Widget Class'ları */
.sb-br-widgets-theme_default {
  --app-br-widgets-primary: var(--app-accent-color);
  --app-br-widgets-home: #FFD700;
  --app-br-widgets-away: #FFA500;
  --app-br-widgets-cl: #000;
  --app-br-widgets-base: #fff;
}

/* Base Renkler */
.srt-base-1 {
  background-color: initial;
  color: var(--app-br-widgets-cl);
  border-color: #0000001f;
}

.srt-base-1-win {
  background-color: initial;
  color: var(--app-br-widgets-home);
  border-color: var(--app-br-widgets-home);
}

.srt-base-1-lose {
  background-color: initial;
  color: var(--app-br-widgets-away);
  border-color: var(--app-br-widgets-away);
}

.srt-base-1-is-active {
  background-color: #ff00001f;
  color: var(--app-br-widgets-cl);
  border-color: #0000001f;
}

/* Primary Renkler */
.srt-primary-1 {
  background-color: var(--app-br-widgets-primary);
  color: var(--app-br-widgets-base);
  border-color: #ffffff29;
}

.srt-primary-1-is-active {
  background-color: #ff1a1a;
  color: var(--app-br-widgets-base);
  border-color: #ffffff29;
}

/* Home/Away Renkleri */
.srt-home-1 {
  background-color: var(--app-br-widgets-home);
  color: var(--app-br-widgets-base);
  border-color: var(--app-br-widgets-home);
}

.srt-away-1 {
  background-color: var(--app-br-widgets-away);
  color: var(--app-br-widgets-cl);
  border-color: var(--app-br-widgets-away);
}

/* Neutral Renkler */
.srt-neutral-1 {
  background-color: #dedede;
  color: var(--app-br-widgets-cl);
  border-color: #0000001f;
}

.srt-neutral-2 {
  background-color: #1a1a1a;
  color: var(--app-br-widgets-base);
  border-color: #ffffff29;
}

/* Event Block Renkleri */
.app-event-block-item {
  background: var(--app-base-item-second-background);
  color: var(--app-fourth-color);
}

.app-event-block-item:hover {
  background: #d6d6d6;
}

.app-event-block-item.selected {
  background: var(--app-main-gradient);
}

/* Başlık Renkleri */
.sb-title_block {
  background: #FFD700;
  color: #000;
}

.sb-title_block-subtitle {
  background: #fff;
  color: var(--app-third-color);
}

/* Spor Türü Renkleri */
.sb-sport-matches-v2_live {
  --app-title_block-background: var(--app-main-gradient);
}

.sb-sport-matches-v2_soccer {
  --app-title_block-background: #FFD700;
}

.sb-sport-matches-v2_basketball {
  --app-title_block-background: linear-gradient(90deg, #FFD700 -81.07%, #FFA500 120.35%);
}

.sb-sport-matches-v2_tennis {
  --app-title_block-background: linear-gradient(90deg, #FFD700 -70.91%, #DAA520);
}

/* Futbol Kartları */
.srt-fill-soccer-yellow-card,
.srt-stroke-soccer-yellow-card {
  fill: #ffbf00;
  stroke: #ffbf00;
}

.srt-fill-soccer-red-card,
.srt-stroke-soccer-red-card {
  fill: #e43b3b;
  stroke: #e43b3b;
}

/* Değişim Okları */
.srt-fill-change-increase,
.srt-stroke-change-increase {
  fill: var(--app-br-widgets-home);
  stroke: var(--app-br-widgets-home);
}

.srt-fill-change-decrease,
.srt-stroke-change-decrease {
  fill: var(--app-br-widgets-away);
  stroke: var(--app-br-widgets-away);
}

/* Text Renkleri */
.srt-text-secondary {
  opacity: 0.7;
}

.srt-text-disabled {
  opacity: 0.35;
}

.srt-text-tertiary {
  opacity: 0.54;
}

/* Buton Renkleri */
.sb-bet-button {
  background: var(--app-base-item-second-background);
  color: var(--app-fourth-color);
}

.sb-bet-button:hover {
  background: var(--app-base-item-background-hover);
}

.sb-bet-button.selected {
  background: var(--app-main-gradient);
  color: inherit;
}

/* Loading Durumları */
.sb-event-loading {
  background: var(--app-accent-color);
}

.sb-event-process {
  background-color: var(--app-mgov2-outcome-button-background);
}

/* Breadcrumb Renkleri */
.app-breadcrumbs {
  background: var(--app-base-item-background);
  color: var(--app-second-color);
}

/* Week Calendar Renkleri */
.app-week-calendar {
  background: var(--app-base-item-background);
}

.app-week-calendar-item-active {
  color: #FFD700;
  border-bottom: 2px solid #FFD700;
}

/* Preloader Renkleri */
:root {
  --app-preloader-background: radial-gradient(#383e50, #232732);
  --app-preloader-line-color: #FFD700;
}

/* Checkbox Renkleri */
.app-checkbox {
  background: #fff;
  border: 1px solid #dadcde;
}

.app-checkbox.active {
  background: linear-gradient(90deg, var(--app-accent-color2) -35.61%, var(--app-accent-color) 118.41%);
}

/* Slider Renkleri */
.app-slider-direction-button {
  background: #fff;
  color: #6b6565;
  box-shadow: 0px 9px 10px rgba(0,0,0,0.128);
}

/* Panel Renkleri */
.app-panels {
  background: var(--app-base-item-background);
  color: #c5cae9;
}

.app-panels.active {
  background: #2d3445;
}