/* ============================================================================
   ELOMOAS temasi — eduon.css UZERINE gelen katman.

   KAYNAK: themeforest Elomoas (React LMS sablonu) public/assets/css/style.css
   uzerinden OLCULEN tasarim dili (2026-08-23):
     birincil mavi #1e74fd · yesil vurgu #10d876 · turuncu #fe9431
     mor #673bb7 · koyu kenar cubugu #222e3c (duz, 260px)
     kenarlik #e1e1f0 (lavanta) · soluk metin #515184 · zemin #f7f7f7
     golge 0 8px 30px rgba(0,0,0,.05) · kart yuvarlakligi 15px
     marka fontu 'Fredoka One'

   YONTEM: sablonun React kodu ALINMADI (yigin olu: React 17 + CRA4 +
   node-sass; ayrica "Admin" sayfalari e-ticaret). Alinan sey GORSEL DIL.
   eduon.css token tabanli oldugu icin bu dosya once :root tokenlarini
   yeniden tanimlar, sonra tokena baglanamayan (gradyan/sabit renkli)
   parcalari hedefli ezer. Geri almak = layout'lardan bu dosyanin
   <link> satirini silmek; baska hicbir dosya degismedi.
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');

:root {
  --navy: #222e3c;            /* kenar cubugu - DUZ koyu, gradyansiz */
  --navy-soft: #2a3849;
  --blue: #1e74fd;
  --blue-dark: #1663e0;
  --purple: #673bb7;
  --cyan: #10d876;
  --green: #10d876;
  --orange: #fe9431;
  --red: #e50202;
  --bg: #f7f7f7;
  --surface: #ffffff;
  --surface-soft: #fafafa;
  --text: #212529;
  --muted: #515184;           /* Elomoas'in ayirt edici mor-gri metni */
  --border: #e1e1f0;          /* lavanta kenarlik */
  --shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
}

/* ---------------------------------------------------------------- marka */
.brand > a {
  font-family: 'Fredoka One', var(--eski-font, cursive);
  font-weight: 400;           /* Fredoka One tek agirlik */
  letter-spacing: .01em;
}
.brand-dot { color: var(--green); }

/* Sayfa basliklari da Fredoka: sablonun bolum basligi dili */
.page-heading h1 {
  font-family: 'Fredoka One', ui-sans-serif, sans-serif;
  font-weight: 400;
  letter-spacing: .01em;
}

/* ---------------------------------------------------------- kenar cubugu */
.sidebar { background: var(--navy); }           /* EDUON gradyanini ez */

/* Aktif grup: mavi gradyan yerine YESIL vurgu cizgisi (Elomoas kimligi) */
.nav-group.aktif > button {
  background: rgba(255, 255, 255, .06);
  box-shadow: inset 3px 0 0 var(--green);
}
.nav-group.aktif .nav-code {
  color: #b8f5d9; border-color: rgba(16, 216, 118, .45);
  background: rgba(16, 216, 118, .12);
}
.nav-alt a.aktif { color: #c9f7e2; background: rgba(16, 216, 118, .13); }
.sidebar-user > span { background: #2e3d4f; }

/* ------------------------------------------------------------- ust cubuk */
.context-select > span { color: var(--blue); background: #e9f1ff; }
.dil-secici button.aktif { color: var(--blue-dark); }
.user-avatar { background: var(--blue); }       /* gradyan yerine duz */
.icon-button:hover { color: var(--blue); border-color: #bcd5fe; }

/* ------------------------------------------------------------- dugmeler */
/* Elomoas duz renk kullanir - EDUON'un gradyan + renkli golgesini ez */
.button.primary,
.btn-primary {
  background: var(--blue);
  box-shadow: none;
  border: 0;
}
.button.primary:hover,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: var(--blue-dark) !important;
  box-shadow: none;
}
.btn-outline-primary { color: var(--blue); border-color: #bcd5fe; }
.btn-outline-primary:hover { background: var(--blue); border-color: var(--blue); }
.btn { border-radius: 10px; }
.button { border-radius: 10px; }
.btn-success { background: var(--green); border-color: var(--green); }
.btn-danger  { background: var(--red); border-color: var(--red); }

/* ------------------------------------------------------- kart ve panel */
.kpi-card { border-radius: 15px; }
.count-badge { color: #0b7c48; background: rgba(16, 216, 118, .12); }
.panel-list-item:hover strong { color: var(--blue); }
.text-button { color: var(--blue); }
a { color: var(--blue); }
a:hover { color: var(--blue-dark); }

/* durum/egilim rozetleri Elomoas paletine */
.trend.blue   { color: var(--blue-dark); background: #e9f1ff; }
.trend.green  { color: #0b7c48; background: rgba(16,216,118,.12); }
.trend.orange { color: #c26a12; background: rgba(254,148,49,.14); }
.trend.purple { color: var(--purple); background: rgba(103,59,183,.10); }
.status-mark.green { background: var(--green); }
.status-mark.orange { background: var(--orange); }
.status-mark.purple { background: var(--purple); }

/* --------------------------------------------------------------- tablo */
.data-table th, .table thead th { background: #fafafa; color: #737a8a; }
.data-table th, .data-table td { border-top-color: var(--border); }
.panel-list-item { border-bottom-color: var(--border); }

/* --------------------------------------------------------------- form */
.form-control:focus, .form-select:focus {
  border-color: #8fbcfe;
  box-shadow: 0 0 0 .2rem rgba(30, 116, 253, .12);
}

/* ------------------------------------------------------ mobil marka */
.mobile-brand span { font-family: 'Fredoka One', sans-serif; font-weight: 400; }
.mobile-brand strong { background: var(--blue); }