/* assets/css/style.css */

/* ------------------------- */
/*  Tema Değişkenleri        */
/* ------------------------- */
:root {
  --primary-color:       #004085;   /* Birincil renk (navbar, butonlar) */
  --primary-hover:       #003568;   /* Hover hallerinde */
  --secondary-color:     #e2e3e5;   /* İkincil arka plan (tablo başlıkları vs.) */
  --body-bg:             #f8f9fa;   /* Genel sayfa arka planı */
  --text-color:          #212529;   /* Ana metin rengi */
  --link-color:          #ffffff;   /* Linklerin genel rengi (navbar vb.) */
  --link-hover-color:    #e2e3e5;   /* Link hover rengi */
  --border-radius-base:  0.375rem;  /* Buton, kart köşe yuvarlama */
}

/* ------------------------- */
/*  Genel Gövde & Tipografi  */
/* ------------------------- */
body {
  font-family: 'Roboto', sans-serif;
  background-color: var(--body-bg);
  color: var(--text-color);
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

a {
  color: var(--primary-color);
  text-decoration: none;
}
a:hover {
  color: var(--primary-hover);
  text-decoration: none;
}

/* ------------------------- */
/*  Navbar Özelleştirmeleri   */
/* ------------------------- */
.navbar-custom {
  background-color: var(--primary-color);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.navbar-custom .navbar-brand,
.navbar-custom .nav-link,
.navbar-custom .dropdown-item {
  color: var(--link-color) !important;
}
.navbar-custom .nav-link:hover,
.navbar-custom .dropdown-item:hover {
  background-color: var(--primary-hover) !important;
  color: var(--link-color) !important;
}
.navbar-custom .dropdown-menu {
  background-color: var(--primary-color);
  border: none;
}
.navbar-custom .dropdown-menu .dropdown-item {
  color: var(--link-color);
}
.navbar-custom .dropdown-menu .dropdown-item:hover {
  background-color: var(--primary-hover);
}

/* ------------------------- */
/*  Tablo Stilleri             */
/* ------------------------- */
.table-custom thead {
  background-color: var(--secondary-color);
}
.table-custom th,
.table-custom td {
  vertical-align: middle;
}

/* ------------------------- */
/*  Form Elemanları            */
/* ------------------------- */
.form-control:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 .2rem rgba(0, 64, 133, .25);
}

/* ------------------------- */
/*  Buton Özelleştirmeleri     */
/* ------------------------- */
.btn-primary-custom {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  border-radius: var(--border-radius-base);
  color: var(--link-color);
}
.btn-primary-custom:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--link-color);
}

/* ------------------------- */
/*  Responsive Düzenleme       */
/* ------------------------- */
@media (max-width: 767.98px) {
  .table-responsive-stack table {
    display: block;
    width: 100%;
  }
  .table-responsive-stack td,
  .table-responsive-stack th {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .table-responsive-stack .table-responsive-stack-thead {
    font-weight: bold;
  }
}

/* ------------------------- */
/*  Ekstra Küçük CSS           */
/* ------------------------- */
.mt-60 {
  margin-top: 60px !important;
}
/* ============================================== */
/*  SIL BUTONU: .btn-outline-danger               */
/*  İç metni gizle, yerine çöp kutusu ikonu göster */
/* ============================================== */
.btn-outline-danger {
  position: relative;          /* İkonu mutlak konumda yerleştirmek için */
  text-indent: -9999px;        /* Metni gizle */
  overflow: hidden;            /* Metin taşmalarını önle */
  white-space: nowrap;
}
.btn-outline-danger::before {
  content: "\f2ed";                   /* Font Awesome trash-alt ikonu */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;                   /* Solid stili */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);   /* Ortala */
  font-size: 1rem;                    /* İkon boyutu */
  color: inherit;                     /* Buton metin rengiyle aynı */
}

/* ============================================== */
/*  KAYDET BUTONU: button[type="submit"]         */
/*  İç metni gizle, yerine kaydet ikonu göster   */
/* ============================================== */
button[type="submit"] {
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
button[type="submit"]::before {
  content: "\f0c7";                   /* Font Awesome save ikonu */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  color: inherit;
}
/* ============================================== */
/*  GENEL: Font Awesome ikonlarının görünmesi için */
/*  .btn-* türü tüm butonlara position: relative; */
/*  Bu sayede ::before mutlak konumlandırmayı kullanabilir. */
/* ============================================== */
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-primary,
.btn-primary-custom,
a[href*="iade_id"] {
  position: relative;
  /* Metnin gizlenmesini sağlayan satırlar kaldırıldı. */
  /* text-indent: -9999px; */
  /* overflow: hidden; */
  /* white-space: nowrap; */

  /* İkona yer açmak için padding-left veriyoruz */
  padding-left: 1.5em; /* ~24px (ikon genişliğini ve boşluğu hesaba kattık) */
}

/* ============================================== */
/*  EKLE BUTONU: .btn-outline-secondary           */
/*  İç metni ve plus ikonu birlikte gösteriliyor  */
/* ============================================== */
.btn-outline-secondary::before {
  content: "\f067";                   /* Font Awesome plus ikonu */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 0.5em;                        /* Metne 0.5em boşluk bıraktık */
  transform: translateY(-50%);
  font-size: 1rem;
  color: inherit;
}

/* ============================================== */
/*  ONAYLA BUTONU: .btn-outline-success           */
/*  İç metni ve check-circle ikonu birlikte gösteriliyor */
/* ============================================== */
.btn-outline-success::before {
  content: "\f058";                   /* Font Awesome check-circle ikonu */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 0.5em;
  transform: translateY(-50%);
  font-size: 1rem;
  color: inherit;
}

/* ============================================== */
/*  İADE BUTONU: href içinde "iade_id" geçen <a>   */
/*  İç metni ve undo ikonu birlikte gösteriliyor   */
/* ============================================== */
a[href*="iade_id"]::before {
  content: "\f0e2";                   /* Font Awesome undo ikonu */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 0.5em;
  transform: translateY(-50%);
  font-size: 1rem;
  color: inherit;
}

/* ============================================== */
/*  DETAY BUTONU: .btn-outline-primary            */
/*  İç metni ve info-circle ikonu birlikte gösteriliyor */
/* ============================================== */
.btn-outline-primary::before {
  content: "\f05a";                   /* Font Awesome info-circle ikonu */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 0.5em;
  transform: translateY(-50%);
  font-size: 1rem;
  color: inherit;
}

/* ============================================== */
/*  FILTRELE BUTONU: .btn-primary-custom          */
/*  İç metni ve filter ikonu birlikte gösteriliyor */
/* ============================================== */
.btn-primary-custom::before {
  content: "\f0b0";                   /* Font Awesome filter ikonu */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 0.5em;
  transform: translateY(-50%);
  font-size: 1rem;
  color: inherit;
}
/* ============================================== */
/*  SİL BUTONU: .btn-outline-danger               */
/*  İç metin gösterilecek, başına trash ikonu eklenecek */
/* ============================================== */
.btn-outline-danger {
  position: relative;
  /* İkona yer açmak için sol tarafa padding ekliyoruz */
  padding-left: 1.5em; /* ~24px: ikon + boşluk için yeterli */
}

.btn-outline-danger::before {
  content: "\f1f8";                   /* Font Awesome trash ikonu */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 0.5em;                        /* İkonu sol kenardan 0.5em içeride konumlandırır */
  transform: translateY(-50%);        /* Dikey ortalamak için */
  font-size: 1rem;                    /* İkon boyutu */
  color: inherit;                     /* Buton rengiyle aynı olsun */
}