/* ==========================================================================
   BURSABIL — MODERN / GÜVEN VEREN / FÜTÜRİSTİK TEMA KATMANI
   Bu dosya mevcut style-2.3.min.css'in ÜZERİNE yüklenir, onu değiştirmez.
   Bu sayede bir gelecekteki Modesy güncellemesinde style-2.3.css ezilse bile
   bu dosya (ve içindeki tasarım) kaybolmaz.
   ========================================================================== */

:root{
  /* --- marka renkleri: derin lacivert + elektrik mavi/camgöbeği vurgu --- */
  --bb-bg: #0b1220;
  --bb-surface: #111a2e;
  --bb-surface-2: #16223b;
  --bb-primary: #2563eb;
  --bb-primary-light: #3b82f6;
  --bb-accent: #22d3ee;
  --bb-accent-2: #38bdf8;
  --bb-success: #22c55e;
  --bb-danger: #ef4444;
  --bb-warning: #f59e0b;
  --bb-text: #0f172a;
  --bb-text-muted: #64748b;
  --bb-border: #e2e8f0;
  --bb-radius: 14px;
  --bb-radius-sm: 8px;
  --bb-shadow-sm: 0 2px 8px rgba(15,23,42,.06);
  --bb-shadow-md: 0 8px 24px rgba(15,23,42,.10);
  --bb-shadow-lg: 0 20px 48px rgba(15,23,42,.16);
  --bb-gradient-brand: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-accent) 100%);
  --bb-gradient-dark: linear-gradient(160deg, var(--bb-bg) 0%, #16213f 100%);
  --bb-font: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }

/* --- scrollbar --- */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#f1f5f9}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--bb-primary),var(--bb-accent));border-radius:10px}

/* --- header: sadece en üstteki ince "top-bar" şeridini koyulaştırıyoruz.
   Bu şerit (partials/_top_bar.php) .main-menu'den TAMAMEN AYRI, bağımsız bir
   eleman olduğu için güvenle renklendirilebilir.
   ANA KATEGORİ MENÜSÜNE (.main-menu / .nav-main / navbar-light) bilerek
   dokunmuyoruz: o alanın iç elemanlarında (navbar, dropdown vb.) tema
   dosyasında ayrıca tanımlı beyaz zeminler var ve bunlara körlemesine metin
   rengi zorlamak "beyaz zemin + beyaz yazı" gibi görünmezlik hatalarına yol
   açtı. Orijinal (çalışan) haliyle bırakıyoruz. */
#header .top-bar, #header .top-bar a{
  background:var(--bb-bg);
  color:#e2e8f0 !important;
}

/* Logo yanındaki üst satır (sepet/favori/giriş ikonları) */
#header .icon-search, #header .icon-cart, #header .icon-user,
#header .icon-heart, #header .icon-heart-o{
  color:var(--bb-accent) !important;
}

/* --- butonlar: gradyan, yumuşak köşe, hover'da hafif yükselme --- */
.btn, .btn-custom, .btn-md, .btn-lg, .btn-default{
  border-radius:var(--bb-radius-sm) !important;
  font-weight:600 !important;
  letter-spacing:.2px;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
}
.btn-custom, .btn-primary, button[type="submit"].btn{
  background:var(--bb-gradient-brand) !important;
  border:none !important;
  color:#fff !important;
  box-shadow:var(--bb-shadow-sm);
}
.btn-custom:hover, .btn-primary:hover, button[type="submit"].btn:hover{
  transform:translateY(-2px);
  box-shadow:var(--bb-shadow-md);
  filter:brightness(1.05);
}
.btn-custom:focus, .btn-primary:focus, .form-control:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(37,99,235,.25) !important;
}
.btn-gray{
  background:#eef2f7 !important;
  color:var(--bb-text) !important;
  border:1px solid var(--bb-border) !important;
}

/* --- form alanları: rounded + güven veren focus ring --- */
.form-control, select.form-control, textarea.form-control{
  border-radius:var(--bb-radius-sm) !important;
  border:1px solid var(--bb-border) !important;
  transition:box-shadow .15s ease, border-color .15s ease;
}
.form-control:focus{
  border-color:var(--bb-primary) !important;
}

/* --- kartlar: dashboard box + genel içerik kutuları --- */
.box, .card, .dashboard-box{
  border-radius:var(--bb-radius) !important;
  border:1px solid var(--bb-border) !important;
  box-shadow:var(--bb-shadow-sm) !important;
}
.box:hover{ box-shadow:var(--bb-shadow-md) !important; }

/* --- listeleme/kategori/anasayfa kartlarında "SATILDI" göstergesi --- */
.badge-sold-list{
  position:absolute;
  top:8px;
  right:8px;
  left:auto;
  padding:6px 10px !important;
  border-radius:4px;
  font-weight:700;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.4px;
  background-color:var(--bb-danger);
  color:#fff;
  z-index:5;
}
.product-item-sold .img-product{
  filter:grayscale(55%);
  opacity:.82;
}
.lbl-sold-inline{
  display:inline-block;
  margin-left:6px;
  padding:2px 8px;
  border-radius:999px;
  background:rgba(239,68,68,.12);
  color:var(--bb-danger);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.3px;
  vertical-align:middle;
}

/* --- satıcı profil sayfası: sol sabit "Tümü / Satılık / Satılan" sekmesi --- */
.bb-vendor-stat-tabs{
  position:sticky;
  top:90px;
  background:#fff;
  border:1px solid var(--bb-border);
  border-radius:var(--bb-radius);
  padding:16px;
  margin-bottom:20px;
}
.bb-vendor-stat-tabs .title{
  margin:0 0 12px 0;
  font-size:14px;
  font-weight:700;
  color:var(--bb-text);
  text-transform:uppercase;
  letter-spacing:.4px;
}
.bb-vendor-stat-tabs ul{
  list-style:none;
  margin:0;
  padding:0;
}
.bb-vendor-stat-tabs li{
  margin-bottom:4px;
}
.bb-vendor-stat-tabs a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:9px 12px;
  border-radius:var(--bb-radius-sm);
  color:var(--bb-text);
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  transition:background .15s ease, color .15s ease;
}
.bb-vendor-stat-tabs a:hover{
  background:#f1f5f9;
}
.bb-vendor-stat-tabs a.active{
  background:var(--bb-gradient-brand);
  color:#fff;
}
.bb-vendor-stat-tabs .bb-stat-count{
  background:rgba(15,23,42,.08);
  color:inherit;
  font-size:12px;
  font-weight:700;
  border-radius:999px;
  padding:2px 9px;
  min-width:24px;
  text-align:center;
}
.bb-vendor-stat-tabs a.active .bb-stat-count{
  background:rgba(255,255,255,.25);
}
@media (max-width:767px){
  .bb-vendor-stat-tabs{ position:static; }
}

/* --- ürün sayfası: "havalı" fiyat etiketi --- */
.bb-price-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--bb-gradient-brand);
  color:#fff;
  font-size:22px;
  font-weight:800;
  padding:10px 20px;
  border-radius:999px;
  box-shadow:0 6px 18px rgba(37,99,235,.28);
  letter-spacing:.2px;
}
.bb-price-tag i{ font-size:18px; opacity:.9; }
.bb-price-tag .lbl-price,
.bb-price-tag .lbl-free{
  color:#fff !important;
  font-size:22px !important;
  font-weight:800 !important;
}
.bb-price-tag .discount-original-price{
  color:rgba(255,255,255,.75) !important;
  font-size:15px !important;
}
.bb-price-tag .discount-rate{
  background:rgba(255,255,255,.2);
  border-radius:999px;
  padding:2px 8px;
  font-size:12px;
  margin-left:4px;
}
.bb-price-tag .lbl-price-sold{
  color:rgba(255,255,255,.85) !important;
}

/* --- ürün sayfası: SEO / GEO (AI motorları için) bilgi kutusu ---
   Amaç: sayfada gerçek, anlamlı, taranabilir metin bulunsun (sadece görsel +
   buton olan sayfalar Google'da ve AI cevap motorlarında zayıf performans
   gösterir). İçerik JSON-LD şemasıyla bilerek tutarlı tutuluyor. */
.bb-seo-info-box{
  margin:16px 0;
  padding:16px 18px;
  background:var(--bb-surface, #f8fafc);
  background:#f8fafc;
  border:1px solid var(--bb-border);
  border-radius:var(--bb-radius);
}
.bb-seo-summary{
  margin:0 0 12px 0;
  font-size:14px;
  line-height:1.6;
  color:var(--bb-text-muted);
}
.bb-quick-facts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 20px;
  margin:0;
}
.bb-quick-facts > div{
  display:flex;
  justify-content:space-between;
  border-bottom:1px dashed var(--bb-border);
  padding-bottom:6px;
}
.bb-quick-facts dt{
  font-weight:600;
  color:var(--bb-text-muted);
  font-size:13px;
  margin:0;
}
.bb-quick-facts dd{
  margin:0;
  font-size:13px;
  font-weight:600;
  color:var(--bb-text);
  text-align:right;
}
@media (max-width:480px){
  .bb-quick-facts{ grid-template-columns:1fr; }
}

/* --- ürün kartları: hover'da hafif yükselme + görsel zoom --- */
.product-item{
  border-radius:var(--bb-radius) !important;
  overflow:hidden;
  box-shadow:var(--bb-shadow-sm);
  transition:transform .2s ease, box-shadow .2s ease;
  background:#fff;
}
.product-item:hover{
  transform:translateY(-4px);
  box-shadow:var(--bb-shadow-lg);
}
.product-item .img-product-container{ overflow:hidden; }
.product-item .img-product{
  transition:transform .35s ease;
}
.product-item:hover .img-product{
  transform:scale(1.06);
}

/* --- fiyat etiketi: gradyan chip görünümü --- */
.lbl-price{
  color:var(--bb-primary) !important;
  font-weight:800 !important;
}
.lbl-price-sold{
  color:#94a3b8 !important;
}

/* --- rozet / etiket öğeleri --- */
.badge, .tag{
  border-radius:999px !important;
}

/* --- footer: header ile uyumlu koyu, güven veren kapanış --- */
#footer{
  background:var(--bb-gradient-dark) !important;
  color:#cbd5e1;
}
#footer a{ color:#e2e8f0; }
#footer a:hover{ color:var(--bb-accent); }
.footer-social-links a{
  background:rgba(255,255,255,.08) !important;
  transition:background .15s ease, transform .15s ease;
}
.footer-social-links a:hover{
  background:var(--bb-gradient-brand) !important;
  transform:translateY(-2px);
}

/* --- güven rozeti / SSL-benzeri vurgu için hazır sınıf ---
     (isteğe bağlı: herhangi bir yere <span class="bb-trust-badge">Güvenli Alışveriş</span> eklenebilir) */
.bb-trust-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:rgba(34,211,238,.10);
  color:#0e7490;
  border:1px solid rgba(34,211,238,.35);
  border-radius:999px;
  padding:6px 14px;
  font-size:13px;
  font-weight:600;
}

/* --- "satıldı" damgası zaten kırmızı/uyarı renginde kalıyor (bilinçli tercih,
     marka renginden ayrışıp dikkat çekmesi gerekiyor) --- */

/* --- breadcrumb: sadeleştirilmiş, modern --- */
.breadcrumb{
  background:transparent !important;
  padding-left:0 !important;
}

/* --- pagination --- */
.pagination .page-link{
  border-radius:var(--bb-radius-sm) !important;
  margin:0 3px;
  border:1px solid var(--bb-border) !important;
}
.pagination .page-item.active .page-link{
  background:var(--bb-gradient-brand) !important;
  border-color:transparent !important;
}