/* ==========================================================================
   theme.css  (LIGHT)
   - Bootstrap 5.3.3 üstüne “SaaS panel” dokunuşları
   - Tek kaynak: tüm global görünüm buradan yönetilsin
   ========================================================================== */

/* -----------------------------
   0) CSS Variables (Light)
------------------------------ */
:root{
  --bg: #f6f7fb;
  --surface: #ffffff;
  --surface-2: #fbfbfd;

  --text: #0f172a;
  --muted: #64748b;

  --border: rgba(15, 23, 42, .10);
  --border-strong: rgba(15, 23, 42, .16);

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, .10);

  --radius: 14px;
  --radius-sm: 10px;

  --focus: 0 0 0 .25rem rgba(13,110,253,.18);
}

/* İleride dark mode: body[data-theme="dark"] { ... } ekle */
body[data-theme="dark"]{
  /* şimdilik boş. sonra doldururuz */
}

/* -----------------------------
   1) Base / Typography
------------------------------ */
html{ -webkit-text-size-adjust: 100%; }
body{
  background: var(--bg);
  color: var(--text);
  overflow-x: hidden;
  font-size: .95rem;              /* genel yazı biraz premium */
  line-height: 1.45;
}

a{ text-decoration: none; }
a:hover{ text-decoration: underline; }

h1,h2,h3,h4,h5{
  letter-spacing: -.01em;
}
h4{ font-weight: 700; }           /* başlıklar daha “güçlü” */

/* Bootstrap’in text-muted’i çok soluk olmasın */
.text-muted{ color: var(--muted) !important; }

/* -----------------------------
   2) Container / Cards / Surfaces
------------------------------ */
.container-fluid{
  max-width: 1400px;
}

.card{
  border-radius: var(--radius);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
  background: var(--surface);
}

.card-header{
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  font-weight: 600;
}

.card.shadow-sm{ box-shadow: var(--shadow-sm) !important; }

/* -----------------------------
   3) Tables (Premium header)
------------------------------ */
.table td, .table th{ vertical-align: middle; }
.table td{ word-break: break-word; }

.table thead th{
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(15, 23, 42, .72);
  background: var(--surface-2);
  border-bottom: 1px solid var(--border-strong);
}

.table-striped>tbody>tr:nth-of-type(odd)>*{
  background-color: rgba(15, 23, 42, .02);
}

/* -----------------------------
   4) Buttons
------------------------------ */
.btn{
  border-radius: var(--radius-sm);
  font-weight: 600;
}

.btn-sm{ border-radius: 10px; }

/* Light tema: outline butonlar daha “yumuşak” */
.btn-outline-secondary{
  border-color: rgba(15,23,42,.18);
}
.btn-outline-secondary:hover{
  border-color: rgba(15,23,42,.28);
}

/* -----------------------------
   5) Badges (standard)
   - Durumlar: text-bg-secondary
   - Kritik:  text-bg-danger
   - Bilgi:   text-bg-primary
------------------------------ */
.badge{
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: .01em;
}

/* -----------------------------
   6) Alerts
------------------------------ */
.alert{
  border-radius: var(--radius);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}

/* -----------------------------
   7) Forms (SaaS spacing)
------------------------------ */
.form-label{
  font-weight: 700;
  font-size: .85rem;
  color: rgba(15, 23, 42, .82);
  margin-bottom: .35rem;          /* label-input arası modern */
}

.form-control,
.form-select,
.form-control:focus,
.form-select:focus{
  border-radius: var(--radius-sm);
}

.form-control,
.form-select{
  border-color: rgba(15,23,42,.14);
  background: #fff;
  padding: .60rem .80rem;         /* input iç boşluk */
  box-shadow: none;
}

.form-control::placeholder{
  color: rgba(100,116,139,.75);
}

.form-control:focus,
.form-select:focus{
  border-color: rgba(13,110,253,.55);
  box-shadow: var(--focus);
}

/* Form gruplarında standart dikey ritim */
.mb-2{ margin-bottom: .75rem !important; }
.mb-3{ margin-bottom: 1rem !important; }

/* -----------------------------
   8) Navbar dropdown (koyu/şeffaf)
   - Senin inline CSS aynen buraya taşındı
------------------------------ */
.navbar-dark .dropdown-menu{
  background: rgba(20, 20, 20, .92);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(6px);
}

.navbar-dark .dropdown-item{
  color: rgba(255,255,255,.88);
}

.navbar-dark .dropdown-item:hover,
.navbar-dark .dropdown-item:focus{
  background: rgba(255,255,255,.12);
  color: #fff;
}

/* Dropdown içinde aktif seçili item (mavi olmasın) */
.navbar-dark .dropdown-menu .dropdown-item.active,
.navbar-dark .dropdown-menu .dropdown-item:active{
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
}
.navbar-dark .dropdown-menu .dropdown-item.active{
  background: rgba(255,255,255,.18) !important;
  font-weight: 700;
}

.navbar-dark .dropdown-divider{
  border-top-color: rgba(255,255,255,.15);
}

/* -----------------------------
   9) Dashboard cards (başlık güçlü)
------------------------------ */
.dashboard-card{
  color:#fff;
  border:0;
  border-radius: var(--radius);
  transition: transform .15s ease, box-shadow .15s ease;
}
.dashboard-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0,0,0,.16);
}
.dashboard-card .small{ font-weight: 700; }  /* 600 -> 700 (senin isteğin) */

/* -----------------------------
   10) Mobile action buttons helpers
------------------------------ */
@media (max-width: 575.98px){
  .aksiyonlar{ width:100%; }
  .aksiyonlar .btn{ flex: 1 1 calc(50% - .5rem); }
  .aksiyonlar .btn:last-child{ flex-basis: 100%; }
}

/* -----------------------------
   11) Small UX niceties
------------------------------ */
hr{ border-top: 1px solid var(--border); }

.table-responsive{
  border-radius: var(--radius);
}

/* Linkler tabloda daha “temiz” dursun */
.table a.text-decoration-none:hover{
  text-decoration: underline;
}
/* ===== PRO NAVBAR ===== */
.navbar{
  position: sticky;
  top: 0;
  z-index: 1030;
  background: rgba(33, 37, 41, .88) !important; /* bootstrap dark */
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.navbar .navbar-brand{
  font-weight: 800;
  letter-spacing: .02em;
  font-size: 1.05rem;
}

.navbar .nav-link{
  font-weight: 600;
  font-size: .92rem;
  color: rgba(255,255,255,.75) !important;
  padding: .45rem .70rem;
  border-radius: 10px;
  transition: background .15s ease, color .15s ease;
}

.navbar .nav-link:hover{
  color: #fff !important;
  background: rgba(255,255,255,.08);
}

/* Aktif menü: pill + ince glow */
.navbar .nav-link.active,
.navbar .nav-link[aria-current="page"]{
  color: #fff !important;
  background: rgba(255,255,255,.12);
  box-shadow: 0 0 0 1px rgba(255,255,255,.10) inset;
}

/* Dropdown toggle ok işareti daha yumuşak */
.navbar .dropdown-toggle::after{
  opacity: .65;
}