/* ===================================================================
   Tedarik Asistanım — WEB MARKET (düz pazaryeri) katmanı
   neo.css'ten SONRA yüklenir ve onu düzleştirir.

   NEDEN: 2026-07-22'de "müşteri tarafında neomorphism bırak, düz
   pazaryeri görünümüne geç" kararı alındı ama yalnız MOBİLE uygulandı.
   Web müşteri paneli ile kök giriş/kayıt sayfaları neomorphism'de kaldı;
   aynı müşteri webde ve mobilde iki farklı tasarım dili görüyordu.

   YÖNTEM: neo.css'i yeniden yazmak yerine üstüne biniyoruz. neo.css
   neredeyse tamamen `var(--neo-*)` tabanlı olduğu için değişkenleri
   yeniden tanımlamak, sayfaların gömülü <style> bloklarındaki yüzlerce
   var() kullanımını da kendiliğinden düzleştirir. Yerleşim/konumlandırma
   kurallarına (kabuk, drawer, responsive) hiç dokunulmaz.

   GERİ ALMA: bu dosyanın <link> satırını kaldırmak yeterli.

   KAPSAM: yalnız customer/includes/layout.php + kök login.php +
   register.php. Sneat panelleri (admin/supplier/logistics/salesperson/
   vet) neo.css'i zaten yüklemiyor, etkilenmezler.

   Palet kaynağı: /design.md — Market katmanı
   =================================================================== */

:root {
  /* Zemin ve yüzey artık AYRI — neomorphism'in tersi */
  --neo-bg:        #F5F5F5;   /* sayfa zemini */
  --neo-surface:   #FFFFFF;   /* kart / yüzey */

  /* Çift gölgeyi etkisizleştir: koyu taraf çok yumuşak, açık taraf yok.
     Böylece açıkça ezmediğimiz her var() tabanlı gölge de düzleşir. */
  --neo-shadow-d:  rgba(0,0,0,.06);
  --neo-shadow-l:  transparent;

  --neo-border:    #EDEDED;   /* Market ince kenar (yeni) */

  --neo-navy:      #000066;
  --neo-navy-2:    #2A2A85;
  --neo-orange:    #FF870F;
  --neo-orange-d:  #E0730A;
  --neo-price:     #F7591F;   /* yalnız fiyat (yeni) */

  --neo-text:      #1A1A1A;
  --neo-text-2:    #7A7A7A;

  --neo-radius:    12px;      /* kart */
  --neo-radius-sm: 10px;      /* buton / alan */
  --neo-radius-pill: 999px;
}

body { font-weight: 400; }
h1,h2,h3,h4,h5,h6 { color: var(--neo-text); }

/* ---- Kart: beyaz yüzey + ince kenar + çok yumuşak gölge ---- */
.card,
.neo-raised,
.dropdown-menu {
  background: var(--neo-surface) !important;
  border: 1px solid var(--neo-border) !important;
  border-radius: var(--neo-radius) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
}
.card-header, .card-footer { border-color: var(--neo-border) !important; }

/* İç/basılı yüzeyler düzleşir */
.card.card-inset,
.neo-inset {
  background: var(--neo-surface) !important;
  border: 1px solid var(--neo-border) !important;
  box-shadow: none !important;
}

/* Lacivert vurgu kartı kalsın ama düz olsun */
.card.card-navy, .neo-card-navy {
  border: none !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.10) !important;
}

/* ---- Butonlar: düz, gölgesiz ---- */
.btn {
  box-shadow: none !important;
  border-radius: var(--neo-radius-sm) !important;
  font-weight: 700;
  transition: background-color .12s ease, border-color .12s ease;
}
.btn:hover  { transform: none; }
.btn:active, .btn.active { box-shadow: none !important; transform: none; }

/* Turuncu = birincil aksiyon (sayfalar zaten böyle kullanıyor) */
.btn-orange, .btn-warning {
  background: var(--neo-orange) !important;
  border: none !important;
  color: #fff !important;
}
.btn-orange:hover, .btn-warning:hover { background: var(--neo-orange-d) !important; }

/* Lacivert = ikincil. Market'te dolgu yerine çerçeve. */
.btn-primary, .btn-navy {
  background: var(--neo-surface) !important;
  border: 1px solid var(--neo-navy) !important;
  color: var(--neo-navy) !important;
}
.btn-primary:hover, .btn-navy:hover {
  background: #F7F7FB !important;
  color: var(--neo-navy) !important;
}

.btn-outline-primary   { border: 1px solid var(--neo-navy) !important; color: var(--neo-navy) !important; }
.btn-outline-secondary { border: 1px solid var(--neo-border) !important; color: var(--neo-text-2) !important; background: var(--neo-surface) !important; }
.btn-ghost, .btn-link  { border: none !important; }
.btn-success { border: none !important; background: #16A34A !important; }
.btn-danger  { border: none !important; background: #DC2626 !important; }

/* ---- Form alanları: beyaz + ince kenar, odakta turuncu ---- */
.form-control, .form-select, textarea.form-control, .input-group-text {
  background: var(--neo-surface) !important;
  border: 1px solid var(--neo-border) !important;
  border-radius: var(--neo-radius-sm) !important;
  box-shadow: none !important;
  font-weight: 400;
}
.form-control:focus, .form-select:focus {
  border-color: var(--neo-orange) !important;
  border-width: 1.4px !important;
  box-shadow: none !important;
}
.form-control::placeholder { color: var(--neo-text-2); font-weight: 400; }
.form-label { color: var(--neo-text); font-weight: 600; }
.form-check-input { box-shadow: none !important; border: 1px solid var(--neo-border); }

/* ---- Tablo / liste / alert ---- */
.table thead th   { border-bottom: 1px solid var(--neo-border); }
.table tbody tr   { border-color: var(--neo-border); }
.table tbody tr:hover { background: #FAFAFA; }
.table-vcenter td { border-color: var(--neo-border); }
.list-group-item  { border-color: var(--neo-border); }

.alert {
  box-shadow: none !important;
  border: 1px solid var(--neo-border);
  border-radius: var(--neo-radius);
  font-weight: 600;
}

/* ---- Kabuk: yerleşim korunur, yalnız görünüm düzleşir ---- */
.neo-side {
  background: var(--neo-surface);
  box-shadow: none;
  border-right: 1px solid var(--neo-border);
}
.neo-topbar {
  background: var(--neo-surface);
  box-shadow: none;
  border-bottom: 1px solid var(--neo-border);
}
.neo-nav a.active {
  background: #FFF3E6;                 /* turuncunun çok açık tonu */
  box-shadow: none;
  color: var(--neo-orange);
}
.neo-nav a:hover { background: #F7F7F7; }
.neo-iconbtn,
.neo-topbar .neo-iconbtn {
  background: var(--neo-surface);
  border: 1px solid var(--neo-border);
  box-shadow: none;
}
.navbar-vertical, .navbar-vertical .navbar-collapse {
  box-shadow: none !important;
  border-right: 1px solid var(--neo-border) !important;
}
.navbar-vertical .nav-link.active { box-shadow: none; background: #FFF3E6; }
.navbar-dark.navbar { box-shadow: none; border-bottom: 1px solid var(--neo-border); }

.progress { background: #F0F0F0; box-shadow: none; }

/* Mobil drawer gölgesi kalsın — orada derinlik anlamlı (katman ayrımı) */
@media (max-width: 860px) {
  .neo-side { box-shadow: 8px 0 28px rgba(0,0,0,.18); border-right: none; }
}