/* Güven Musluk — Bayi Paneli
   Tokenler ana sitenin DESIGN.md dosyasıyla aynı. */

:root{
  --kirmizi:#D81820; --kirmizi-koyu:#B01218;
  --mavi:#2088C8;    --mavi-koyu:#1A6E9F;
  --zemin:#FAF9F7;   --yuzey:#fff; --murekkep:#14181B;
  --celik:#333F49;   --celik-acik:#616E7A; --cizgi:#E4E1DB;
  --b2:8px; --b3:12px; --b4:16px; --b6:24px; --b8:32px; --b12:48px; --b16:64px;
  --kose:4px; --gecis:160ms cubic-bezier(.4,0,.2,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--zemin);color:var(--murekkep);
  font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;
  -webkit-font-smoothing:antialiased}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.kap{max-width:1280px;margin-inline:auto;padding-inline:clamp(1rem,4vw,3rem)}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
a{color:var(--mavi-koyu);text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,
textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--mavi-koyu);outline-offset:2px}

/* --- form öğeleri --- */
input,textarea,select{font:inherit;font-size:.875rem;color:var(--murekkep);
  padding:10px var(--b3);border:1px solid var(--cizgi);border-radius:var(--kose);
  background:var(--yuzey);width:100%;min-height:44px}
textarea{resize:vertical}
label{display:flex;flex-direction:column;gap:6px;font-size:.875rem;color:var(--celik-acik)}

/* --- düğmeler --- */
.btn{display:inline-block;padding:12px var(--b6);border-radius:var(--kose);
  font:inherit;font-size:.875rem;cursor:pointer;border:1px solid transparent;
  text-align:center;text-decoration:none;
  transition:background var(--gecis),border-color var(--gecis),color var(--gecis)}
.btn-1{background:var(--kirmizi);color:#fff}
.btn-1:hover{background:var(--kirmizi-koyu)}
.btn-1:disabled{opacity:.45;cursor:not-allowed}
.btn-2{border-color:var(--cizgi);color:var(--murekkep);background:var(--yuzey)}
.btn-2:hover{border-color:var(--celik)}
.metin-btn{background:none;border:0;padding:0;cursor:pointer;color:var(--mavi-koyu);
  font:inherit;font-size:.875rem;text-decoration:underline;text-underline-offset:3px}
.metin-btn.sil{color:var(--kirmizi)}

/* --- üstbilgi --- */
header{background:var(--yuzey);border-bottom:1px solid var(--cizgi);padding-block:var(--b4)}
header .ic{display:flex;align-items:center;justify-content:space-between;
  gap:var(--b4);flex-wrap:wrap}
.marka{font-weight:700;font-size:1.1rem;letter-spacing:-.02em}
.marka span{color:var(--kirmizi)}
.rozet{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--kirmizi);background:rgba(216,24,32,.08);padding:5px 12px;border-radius:99px}
.oturum{display:flex;align-items:center;gap:var(--b4);flex-wrap:wrap}
.kullanici{display:flex;align-items:center;gap:var(--b3);font-size:.875rem;
  padding-inline-start:var(--b4);border-inline-start:1px solid var(--cizgi)}
.kullanici .ad{color:var(--celik)}
.cikis{color:var(--mavi-koyu);text-underline-offset:3px}

/* ==================================================================
   GİRİŞ SAYFASI  (giris.php / yonetim.php giriş)
   ================================================================== */
.giris-sayfa{min-height:100vh;display:grid;place-items:center;padding:var(--b6)}
.giris-sayfa .kutu{width:100%;max-width:420px}
.giris-sayfa .logo{display:block;height:42px;width:auto;margin:0 auto var(--b8)}
.giris-sayfa .kart{background:var(--yuzey);border:1px solid var(--cizgi);
  border-radius:var(--kose);padding:var(--b8);box-shadow:0 1px 2px rgba(20,24,27,.06)}
.giris-sayfa .etiket{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--kirmizi);display:flex;align-items:center;gap:var(--b3);margin-bottom:var(--b4)}
.giris-sayfa .etiket::before{content:"";width:28px;height:2px;background:var(--kirmizi)}
.giris-sayfa h1{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--b2)}
.giris-sayfa .alt{color:var(--celik-acik);font-size:.875rem;margin-bottom:var(--b6)}
.giris-sayfa form{display:flex;flex-direction:column;gap:var(--b4)}
.giris-sayfa .btn-1{width:100%}
.ayrac{display:flex;align-items:center;gap:var(--b3);margin-block:var(--b6);
  color:var(--celik-acik);font-size:.75rem;letter-spacing:.08em}
.ayrac::before,.ayrac::after{content:"";flex:1;height:1px;background:var(--cizgi)}
.basvuru{text-align:center;font-size:.875rem;color:var(--celik-acik)}
.uyari{font-size:.875rem;color:var(--kirmizi);display:none}
.uyari.gorunur{display:block;background:rgba(216,24,32,.06);
  border:1px solid rgba(216,24,32,.2);border-radius:var(--kose);
  padding:var(--b3);margin-bottom:var(--b4)}
.uyari.olumlu{color:#1a7f37;display:block}
.olumlu-kutu{color:#1a7f37!important;background:rgba(26,127,55,.07)!important;
  border-color:rgba(26,127,55,.25)!important}
.cikti{font-family:ui-monospace,Menlo,monospace;font-size:.75rem;line-height:1.5;
  background:var(--zemin);border:1px solid var(--cizgi);border-radius:var(--kose);
  padding:var(--b3);overflow-x:auto;white-space:pre}
code{font-family:ui-monospace,Menlo,monospace;font-size:.9em;
  background:var(--zemin);padding:1px 5px;border-radius:3px}

/* ==================================================================
   SİPARİŞ EKRANI — solda ürün vitrini, sağda sepet
   ================================================================== */
.araclar-serit{position:sticky;top:0;z-index:20;background:var(--zemin);
  border-bottom:1px solid var(--cizgi);padding-block:var(--b3)}
.araclar{display:flex;align-items:center;gap:var(--b4);flex-wrap:wrap}
.ara-alan{flex:1;min-width:220px}
.ara-alan input{width:100%}
.sayac{font-size:.75rem;letter-spacing:.08em;color:var(--celik-acik);white-space:nowrap}

.seri-serit{display:flex;gap:var(--b2);overflow-x:auto;padding-top:var(--b3);
  scrollbar-width:thin}
.cip{flex:none;white-space:nowrap;padding:7px var(--b3);cursor:pointer;
  font:inherit;font-size:.8125rem;background:var(--yuzey);color:var(--celik);
  border:1px solid var(--cizgi);border-radius:var(--kose);
  transition:border-color var(--gecis),color var(--gecis)}
.cip:hover{border-color:var(--celik)}
.cip.aktif{border-color:var(--kirmizi);color:var(--kirmizi);
  background:rgba(216,24,32,.06);font-weight:600}
.cip .mono{font-size:.7rem;color:var(--celik-acik);margin-inline-start:4px}
.cip.aktif .mono{color:var(--kirmizi)}

.duzen{display:grid;grid-template-columns:1fr 340px;gap:var(--b8);
  align-items:start;padding-block:var(--b6) var(--b16)}

/* --- ürün ızgarası --- */
.urun-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));
  gap:var(--b4)}
.urun-kart{display:flex;flex-direction:column;background:var(--yuzey);
  border:1px solid var(--cizgi);border-radius:var(--kose);overflow:hidden;
  transition:border-color var(--gecis)}
.urun-kart:hover{border-color:var(--celik)}
.urun-kart.secili{border-color:var(--kirmizi)}
.urun-gorsel{position:relative;aspect-ratio:1;padding:10%;
  display:flex;align-items:center;justify-content:center}
.urun-gorsel img{width:100%;height:100%;object-fit:contain}
.rozet-adet{position:absolute;top:8px;inset-inline-end:8px;min-width:24px;height:24px;
  display:grid;place-items:center;padding:0 6px;border-radius:99px;
  background:var(--kirmizi);color:#fff;font-size:.75rem;font-weight:600}
.urun-bilgi{padding:0 var(--b3);display:flex;flex-direction:column;gap:2px;flex:1}
.urun-kod{font-size:.7rem;letter-spacing:.06em;color:var(--kirmizi)}
.urun-ad{font-size:.8125rem;line-height:1.35}
.urun-seri{font-size:.7rem;color:var(--celik-acik);margin-top:auto;padding-top:4px}
.urun-alt{padding:var(--b3);display:flex;justify-content:center}
.ekle-btn{width:100%;padding:8px;font-size:.8125rem}

.bos-sonuc{padding-block:var(--b16);text-align:center;color:var(--celik-acik)}
.daha{display:flex;justify-content:center;padding-block:var(--b8)}

/* --- adet artır / azalt --- */
.adet-kutu{display:inline-flex;align-items:center;border:1px solid var(--cizgi);
  border-radius:var(--kose);overflow:hidden;background:var(--yuzey)}
.adet-btn{width:34px;height:34px;flex:none;border:0;background:none;cursor:pointer;
  font:inherit;font-size:1.05rem;line-height:1;color:var(--celik);
  transition:background var(--gecis),color var(--gecis)}
.adet-btn:hover{background:rgba(216,24,32,.08);color:var(--kirmizi)}
.adet-kutu input[type=number]{width:52px;min-height:34px;height:34px;padding:0;
  border:0;border-inline:1px solid var(--cizgi);border-radius:0;
  text-align:center;font-size:.875rem;-moz-appearance:textfield}
.adet-kutu input::-webkit-outer-spin-button,
.adet-kutu input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* --- sepet --- */
.sepet-ic{position:sticky;top:104px;background:var(--yuzey);
  border:1px solid var(--cizgi);border-radius:var(--kose);padding:var(--b6);
  max-height:calc(100vh - 128px);overflow-y:auto}
.sepet-bas{display:flex;align-items:baseline;justify-content:space-between;gap:var(--b3);
  padding-bottom:var(--b3);border-bottom:1px solid var(--cizgi)}
.sepet-bas h2{font-size:1.05rem;font-weight:600}
.sepet-bos{font-size:.8125rem;color:var(--celik-acik);padding-block:var(--b4)}
.sepet-liste{list-style:none;display:flex;flex-direction:column}
.sepet-liste li{display:flex;align-items:center;gap:var(--b3);
  padding-block:var(--b3);border-bottom:1px solid var(--cizgi)}
.sl-bilgi{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.sl-kod{font-size:.7rem;letter-spacing:.06em;color:var(--kirmizi)}
.sl-ad{font-size:.8125rem;line-height:1.3}
.sepet-toplam{padding-top:var(--b3);font-size:.75rem;letter-spacing:.06em;
  color:var(--celik-acik)}

.toplu{margin-top:var(--b4);border-top:1px solid var(--cizgi);padding-top:var(--b4)}
.toplu summary{cursor:pointer;font-size:.8125rem;font-weight:600}
.toplu textarea{font-family:ui-monospace,Menlo,monospace;margin-block:var(--b2) var(--b3)}
.ipucu{font-size:.7rem;color:var(--celik-acik);margin-top:var(--b2)}

form{margin-top:var(--b6);display:flex;flex-direction:column;gap:var(--b3)}
.form-bas{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--celik-acik);padding-bottom:var(--b2);border-bottom:1px solid var(--cizgi)}
.satir{display:grid;grid-template-columns:1fr 1fr;gap:var(--b3)}
.gonder-btn{margin-top:var(--b2)}

/* --- mobil alt çubuk --- */
.alt-cubuk{position:fixed;inset-inline:0;bottom:0;z-index:30;display:none;
  align-items:center;justify-content:space-between;gap:var(--b3);
  padding:var(--b3) var(--b4);background:var(--yuzey);
  border-top:1px solid var(--cizgi);box-shadow:0 -2px 12px rgba(20,24,27,.08)}
.alt-ozet{font-size:.75rem;letter-spacing:.06em;color:var(--celik-acik)}

/* ==================================================================
   GÖNDERİM SONRASI FİŞ
   ================================================================== */
.fis{border:1px solid var(--cizgi);border-radius:var(--kose);
  padding:var(--b6);margin-bottom:var(--b6);background:var(--yuzey)}
.fis-basari{color:#1a7f37;font-weight:600;font-size:.9rem;margin-bottom:var(--b4)}
.fis-kunye{padding-bottom:var(--b3);border-bottom:1px solid var(--cizgi);
  margin-bottom:var(--b3)}
.fis-kunye b{font-size:.875rem;letter-spacing:.04em}
.fis-tarih{font-size:.75rem;color:var(--celik-acik);margin-top:2px}
.fis-bayi{display:flex;flex-direction:column;gap:2px;font-size:.8125rem;
  padding-bottom:var(--b3);border-bottom:1px solid var(--cizgi);margin-bottom:var(--b3)}
.fis-bayi span{color:var(--celik-acik);display:inline-block;min-width:64px}
.fis-bas{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--celik-acik);margin-bottom:var(--b2)}
.fis-liste{list-style:none;display:flex;flex-direction:column;gap:4px}
.fis-liste li{display:flex;align-items:baseline;gap:var(--b3);font-size:.8125rem}
.fis-liste .mono{color:var(--kirmizi);font-size:.7rem;min-width:64px;flex:none}
.fis-ad{flex:1;min-width:0}
.fis-adet{font-weight:600;white-space:nowrap}
.fis-toplam{margin-top:var(--b3);padding-top:var(--b3);border-top:1px solid var(--cizgi);
  font-size:.75rem;letter-spacing:.06em;color:var(--celik-acik)}
.fis-not{font-size:.75rem;color:var(--celik-acik);margin-top:var(--b3)}
.fis-btnler{display:flex;gap:var(--b3);margin-top:var(--b6);flex-wrap:wrap}

/* Fiş görünürken sepetin çalışma alanı gizlenir */
body.fis-modu .sepet-bas,
body.fis-modu .sepet-bos,
body.fis-modu .sepet-liste,
body.fis-modu .sepet-toplam,
body.fis-modu .toplu,
body.fis-modu #form{display:none}

/* ==================================================================
   YÖNETİM EKRANI  (yonetim.php)
   ================================================================== */
.yonetim{padding-block:var(--b8) var(--b16)}
.yonetim-duzen{display:grid;grid-template-columns:1fr 360px;gap:var(--b8);
  align-items:start}
.yonetim h1{font-size:1.4rem;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--b4)}
.adet-rozet{font-size:.75rem;color:var(--celik-acik);font-weight:400}

.tablo-sar{overflow-x:auto}
.bayi-tablo{width:100%;border-collapse:collapse;background:var(--yuzey);
  border:1px solid var(--cizgi);border-radius:var(--kose)}
.bayi-tablo th{text-align:start;font-size:.7rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--celik-acik);font-weight:600;
  padding:var(--b3) var(--b4);border-bottom:1px solid var(--cizgi);
  background:var(--zemin);white-space:nowrap}
.bayi-tablo td{padding:var(--b3) var(--b4);border-bottom:1px solid var(--cizgi);
  font-size:.875rem;vertical-align:middle}
.bayi-tablo tr:last-child td{border-bottom:0}
.bayi-tablo tr.duzenleniyor{background:rgba(216,24,32,.04)}
.bayi-tablo .kod{color:var(--kirmizi);font-size:.8rem;white-space:nowrap}
.iletisim{display:flex;flex-direction:column;gap:2px;font-size:.75rem;
  color:var(--celik-acik)}
.islem{display:flex;align-items:center;gap:var(--b3);white-space:nowrap}
.islem a{font-size:.8125rem}
.islem form{margin:0;display:inline}

.kart-form{background:var(--yuzey);border:1px solid var(--cizgi);
  border-radius:var(--kose);padding:var(--b6);position:sticky;top:var(--b4)}
.kart-form h2{font-size:1.05rem;font-weight:600;margin-bottom:var(--b4);
  padding-bottom:var(--b3);border-bottom:1px solid var(--cizgi)}
.kart-form form{margin-top:0;gap:var(--b4)}
.kart-form small{font-size:.7rem;color:var(--celik-acik);line-height:1.4}
.kart-form input[readonly]{background:var(--zemin);color:var(--celik-acik)}
.kart-form .not{display:block;padding:var(--b3);background:var(--zemin);
  border-radius:var(--kose);margin-block:var(--b2)}

/* ==================================================================
   DUYARLILIK
   ================================================================== */
@media (max-width:1024px){
  .duzen{grid-template-columns:1fr}
  .sepet-ic{position:static;max-height:none}
  .alt-cubuk:not([hidden]){display:flex}
  body{padding-bottom:72px}
}
@media (max-width:900px){
  .yonetim-duzen{grid-template-columns:1fr}
  .kart-form{position:static}
  .adet-btn{width:44px;height:44px;font-size:1.2rem}
  .adet-kutu input[type=number]{min-height:44px;height:44px;width:58px}
}
@media (max-width:520px){
  .urun-izgara{grid-template-columns:repeat(2,1fr);gap:var(--b3)}
  .satir{grid-template-columns:1fr}
}

/* ==================================================================
   BASKI — yalnızca sipariş fişi çıkar
   ================================================================== */
@media print{
  header,.araclar-serit,.vitrin,.toplu,.alt-cubuk,
  .metin-btn,.fis-btnler,.btn,button,
  .sepet-bas,.sepet-bos,#form,.onizleme{display:none!important}

  body{background:#fff;padding:0}
  .kap{max-width:none;padding:0}
  .duzen{display:block;padding:0}
  .sepet-ic{border:0;padding:0;max-height:none;position:static;overflow:visible}

  .fis{border:0;padding:0;margin:0}
  .fis-basari{color:#000}
  .fis-liste li{gap:16px;padding-block:3px;border-bottom:1px solid #e4e1db}
  .fis-liste .mono{min-width:80px}
  .fis-ad{padding-inline-end:12px}

  /* Sipariş göndermeden önce yazdırılırsa sepet listesi basılsın */
  body:not(.fis-modu) .sepet-liste,
  body:not(.fis-modu) .sepet-toplam{display:block!important}
  body:not(.fis-modu) .sepet-liste li{display:flex!important}
  body:not(.fis-modu) .adet-kutu{border:0}
  body:not(.fis-modu) .adet-kutu input{border:0;text-align:end}

  @page{margin:16mm}
}