/* css/sayfa/kampanyalar.css — Kampanyalar sayfası (genel/kampanyalar.blade.php), 2026-10-10 (3. revize).
   genel/bilgi-sayfasi iskeletinin (ana sayfa header'ı + telefonda 5'li alt menü) üzerine yüklenir.
   Solda kategoriler bloğu + seçilince altında kampanya tipleri bloğu; sağda sıralamalı düz ürün listesi. */

/* Hero: seçim varsa "tüm kampanyalar" bağlantısı */
.kmp-temizle{display:inline-block;margin-top:14px;padding:7px 14px;border-radius:20px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:12.5px;font-weight:700}
.kmp-temizle:hover{background:rgba(255,255,255,.32)}

/* Sol sütun: iki ayrı blok alt alta, birlikte yapışkan */
.kmp-sol{position:sticky;top:150px;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 170px);overflow-y:auto}
.kmp-sol .bs-yan{position:static}
.kmp-blok a .kmp-ad{flex:1;line-height:1.35}
.kmp-blok a .kmp-sayi{flex-shrink:0;min-width:22px;padding:1px 7px;border-radius:10px;background:#f1f1f1;color:#777;font-size:11.5px;text-align:center}
.kmp-blok a.aktif .kmp-sayi{background:rgba(255,255,255,.25);color:#fff}
.kmp-tip-blok{border:2px solid #f0e6f7}
.kmp-yan-bos{padding:10px 12px;color:#999;font-size:13px}

/* Liste üstü: ürün sayısı + sıralama */
.kmp-arac{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding:12px 16px;background:var(--beyaz);border-radius:14px;box-shadow:var(--golge)}
.kmp-arac-sol{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.kmp-adet{font-size:13.5px;color:#666}
/* Hızlı filtre düğmeleri — ürün listesindeki (.hizli-filtre-pill) görünümün aynısı */
.kmp-hizli{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kmp-hizli a{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:1.5px solid #eee;border-radius:20px;font-size:12px;font-weight:600;color:var(--koyu);white-space:nowrap;transition:.2s}
.kmp-hizli a:hover{border-color:var(--mor);color:var(--mor)}
.kmp-hizli a.aktif{background:var(--gradient);border-color:transparent;color:#fff}
.kmp-adet b{color:var(--koyu)}
.kmp-sirala{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}
.kmp-sirala select{padding:8px 12px;border:1.5px solid #eee;border-radius:10px;font:600 13px 'Nunito',sans-serif;color:var(--koyu);background:#fff;cursor:pointer;outline:none}
.kmp-sirala select:focus{border-color:var(--mor)}

/* Ürün ızgarası */
.kmp-urunler{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kmp-rozet{position:absolute;top:10px;left:10px;z-index:1;padding:4px 10px;border-radius:12px;background:var(--sari);color:var(--koyu);font-size:12.5px;font-weight:800}
.kmp-gorsel-yok{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:13px}
.kmp-magaza{font-size:12px;margin:-2px 0 4px}
.kmp-magaza a{color:var(--mor)}
.kmp-magaza a:hover{text-decoration:underline}

/* Sayfa numaraları */
.kmp-sayfalar{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:26px 0 10px}
.kmp-sayfalar a{min-width:38px;height:38px;padding:0 10px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--beyaz);box-shadow:var(--golge);font-weight:700;font-size:14px;color:#555}
.kmp-sayfalar a.aktif{background:var(--gradient);color:#fff}
.kmp-sayfalar a.pasif{opacity:.4;pointer-events:none}

.empty-state{text-align:center;padding:70px 20px;background:var(--beyaz);border-radius:20px;box-shadow:var(--golge)}
.empty-state .icon{font-size:48px;margin-bottom:16px}
.empty-state h2{font-size:20px;margin-bottom:8px}
.empty-state p{color:#888}

/* Telefon çekmecesi: sağ bölmede tip satırı (ad + kampanya sayısı) */
.kmp-cekmece .mm-sub a.kmp-c-link{display:flex;justify-content:space-between;align-items:center;gap:10px}
.kmp-cekmece .mm-sub a.kmp-c-link b{flex-shrink:0;min-width:22px;padding:1px 7px;border-radius:10px;background:#f1f1f1;color:#777;font-size:11.5px;font-weight:600;text-align:center}
.kmp-cekmece .mm-sub a.kmp-c-link.aktif{color:var(--mor);font-weight:800}
.kmp-cekmece .mm-mn nav button{border:none;background:none;cursor:pointer;font-family:inherit}

@media(max-width:1200px){.kmp-urunler{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){
  .kmp-sol{display:none}
  .kmp-arac{padding:10px 12px;margin-bottom:12px}
  .kmp-adet{font-size:12.5px}
  .kmp-arac-sol{width:100%;gap:8px}
  .kmp-hizli{width:100%;flex-wrap:nowrap;gap:6px}
  .kmp-hizli a{flex:1 1 0;justify-content:center;padding:7px 4px;font-size:11.5px}
  .kmp-sirala{width:100%}
  .kmp-sirala select{max-width:none;width:100%}
  .kmp-sirala span{display:none}
  .kmp-sirala select{padding:7px 10px;font-size:12.5px}
  .kmp-urunler{grid-template-columns:repeat(2,1fr);gap:10px}
  .kmp-rozet{top:8px;left:8px;font-size:11.5px;padding:3px 8px}
}