/* === Pro Live Sales – Glass / Pill (admin yönetimli) === */
:root{
  /* Admin'den JS ile override edilebilen değişkenler */
  --pls-radius: 24px;                     /* Köşe yarıçapı */
  --pls-bg: rgba(255,255,255,.38);        /* Cam arkaplan */
  --pls-text: #111;                       /* Metin rengi */
  --pls-link: #0a84ff;                    /* Link rengi */
  --pls-blur: 18px;                       /* Blur miktarı */

  /* Tema içi sabitler (gerekirse admin'e de taşıyabiliriz) */
  --pls-muted: rgba(0,0,0,.55);
  --pls-shadow: 0 10px 28px rgba(0,0,0,.14);
}

#pro-live-sales-root{ position:fixed; z-index:99999; bottom:12px; }
#pro-live-sales-root.pro-right{ right:12px; left:auto; }
#pro-live-sales-root.pro-left{ left:12px; right:auto; }

/* KART */
.pro-ls-card{
  display:flex; align-items:center; gap:12px;
  max-width:520px; min-height:60px;
  padding:8px 12px 8px 8px;
  color:var(--pls-text);
  background:var(--pls-bg);               /* admin kontrolünde */
  border-radius:var(--pls-radius);        /* admin kontrolünde */
  box-shadow:var(--pls-shadow);
  backdrop-filter:blur(var(--pls-blur));  /* admin kontrolünde */
  -webkit-backdrop-filter:blur(var(--pls-blur));
  border:1px solid rgba(255,255,255,.55);
  outline:1px solid rgba(0,0,0,.05);
  opacity:0; transform:translateY(10px) scale(.985);
}

/* GÖRSEL (büyük avatar) */
.pro-ls-img{
  flex:0 0 76px; width:76px; height:76px;
  border-radius:999px;                    /* tam daire */
  overflow:hidden;
  background:rgba(0,0,0,.06);
  display:flex; align-items:center; justify-content:center;
}
.pro-ls-img img{ width:100%; height:100%; object-fit:cover; }

/* METİN BLOĞU */
.pro-ls-body{ flex:1 1 auto; min-width:0; line-height:1.18; }

/* üst satır: isim - şehir */
.pro-ls-title{
  font-weight:700; font-size:12px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  margin-top:2px;
}
.pro-ls-ago{ font-size:10.5px; color:var(--pls-muted); margin-top:2px; }

/* ürün başlığı satırı (tek satır + ellipsis) */
.pro-ls-line{ margin:4px 0 0 0; }
.pro-ls-titleline{
  display:inline-block; max-width:100%;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  color:var(--pls-link);                  /* admin kontrolünde */
  text-decoration:none;
  font-weight:700; font-size:12px;
}
.pro-ls-titleline:hover{ text-decoration:underline; }

/* "Sipariş Verdi / Placed an order" – ayrı satır */
.pro-ls-phrline{
  margin-top:2px; font-size:11.5px;
  color:var(--pls-text);                  /* admin kontrolünde (kırmızı sabit kaldırıldı) */

}

/* Toplam */
.pro-ls-total{
  margin-top:4px; font-size:11.5px;
  color:var(--pls-text);

}

/* Kapat butonu */
.pro-ls-close{
  flex:0 0 auto; width:24px; height:24px; border-radius:999px;
  background:rgba(0,0,0,.06); border:0; color:#111; cursor:pointer;
  display:flex; align-items:center; justify-content:center; font-size:15px; line-height:1;
}
.pro-ls-close:hover{ background:rgba(0,0,0,.12); }

/* Animasyon */
.pro-ls-in{ opacity:1; transform:translateY(0) scale(1); transition:all .22s ease; }
.pro-ls-out{ opacity:0; transform:translateY(8px) scale(.985); transition:all .18s ease; }

/* Mobil ince ayar */
@media (max-width:768px){
  #pro-live-sales-root{ left:8px; right:8px; bottom:10px; }
  .pro-ls-card{ max-width:100%; padding:8px; }
  .pro-ls-img{ flex-basis:64px; width:64px; height:64px; } /* mobilde biraz küçük */
  .pro-ls-title{ font-size:11.5px; }
  .pro-ls-titleline{ font-size:11.5px; }
  .pro-ls-phrline, .pro-ls-total{ font-size:11px; }
}

/* kök konum sınıfları */
.pro-right{ position:fixed; right:12px; bottom:12px; z-index:99999; }
.pro-left{ position:fixed; left:12px; bottom:12px; z-index:99999; }
.pro-top-left{ position:fixed; left:12px; top:12px; z-index:99999; }
.pro-top-center{ position:fixed; left:50%; top:12px; transform:translateX(-50%); z-index:99999; }
.pro-top-right{ position:fixed; right:12px; top:12px; z-index:99999; }
.pro-bottom-center{ position:fixed; left:50%; bottom:12px; transform:translateX(-50%); z-index:99999; }