/* ── Kart boyutu değiştirici (Aa küçük/büyük) — paylaşılan stiller ───────
   haberler.php, sanatcilar.php, etkinlikler.php sayfalarında kullanılır.
   anaetkinlik.php'deki aynı sistemin paylaşılan hali. ─────────────────── */

/* Varsayılan (küçük kart) — 4'lü sıra, oran korunarak küçültme */
.ms-anasayfa-grid{grid-template-columns:repeat(4,1fr)!important}
.ms-anasayfa-grid .trending-item{min-height:0;aspect-ratio:.74}
@media (max-width:1199px){.ms-anasayfa-grid{grid-template-columns:repeat(3,1fr)!important}}
@media (max-width:991px){.ms-anasayfa-grid{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:575px){.ms-anasayfa-grid{grid-template-columns:repeat(1,1fr)!important}}

/* Haber & sanatçı kartlarında yazıları küçültme oranına göre küçült */
.ms-anasayfa-grid .trending__content h4{font-size:14px!important;line-height:1.3!important;margin-bottom:5px}
.ms-anasayfa-grid .trending__content p{font-size:12px!important;line-height:1.4!important;margin-bottom:8px;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ms-anasayfa-grid .ms-kart-kategori{font-size:10px!important}
.ms-anasayfa-grid .ms-kart-stats{font-size:11px!important;gap:10px!important}
.ms-anasayfa-grid .ms-kart-stats svg{width:12px;height:12px}

/* Hover'da açılan yazı bloğunun (başlık + çizgi + alt bilgiler) altında kalan
   büyük boşluğu azalt — yazılar görselin alt kenarına daha yakın dursun */
.ms-anasayfa-grid .trending__info{padding-bottom:16px!important;padding-left:18px!important;padding-right:18px!important}
.ms-anasayfa-grid .trending__content{bottom:8px!important;margin-inline-end:14px!important}
.ms-anasayfa-grid .trending-item:hover .trending__content{bottom:12px!important}

/* Etkinlik kartlarının görselini diğer kartlarla aynı dikey orana getir */
.ms-ana-etkinlik-col .ms-event3-img img{height:auto;min-height:0;aspect-ratio:.74;object-fit:cover}

/* Etkinlik kartı yazılarını da aynı oranda küçült */
.ms-ana-etkinlik-col .ms-event3-content{padding:10px 12px 12px!important}
.ms-ana-etkinlik-col .ms-event3-location-wrap{margin-bottom:5px!important}
.ms-ana-etkinlik-col .ms-event3-location{font-size:10px!important}
.ms-ana-etkinlik-col .ms-event3-title a{font-size:12px!important;line-height:1.35!important;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ms-ana-etkinlik-col .ms-event3-date{font-size:9px!important;padding:2px 7px!important;top:10px!important;left:10px!important}
.ms-ana-etkinlik-col .ms-genres-rating{font-size:9px!important;padding:3px 8px!important;top:10px!important;right:10px!important}
.ms-ana-etkinlik-col .ms-kart-stats{font-size:10px!important;gap:8px!important;margin-top:5px!important}
.ms-ana-etkinlik-col .ms-kart-stats svg{width:11px!important;height:11px!important}
.ms-ana-etkinlik-col .ms-event3-title{margin:4px 0 1px!important}
.ms-ana-etkinlik-col .ms-et-sayac-wrap{margin-top:0!important}
.ms-ana-etkinlik-col .ms-sayac{padding:6px 8px 5px!important;border-radius:6px!important}
.ms-ana-etkinlik-col .ms-sayac .ms-sc-k{min-width:19px!important;padding:0 3px!important;gap:2px!important}
.ms-ana-etkinlik-col .ms-sc-sayi{font-size:10px!important;line-height:1!important}
.ms-ana-etkinlik-col .ms-sayac .ms-sc-k span:last-child{font-size:7px!important;margin-top:0!important;line-height:1!important}

/* ── Kart boyutu değiştirici düğmesi (Aa) ─────────────────────────────── */
.ms-font-toggle{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:4px}
.ms-ft-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;
  border-radius:50%;border:none;background:transparent;color:rgba(255,255,255,.6);cursor:pointer;
  transition:all .2s ease}
.ms-ft-btn:hover{color:#fff}
.ms-ft-btn.active{background:var(--clr-theme-1,#FF589B);color:#fff}

/* ── "Büyük kart" modu: tüm bölümler 3'lü sıraya dönsün, fontlar büyüsün ── */
body.ms-buyuk-kart .ms-anasayfa-grid{grid-template-columns:repeat(3,1fr)!important}
@media (max-width:1199px){body.ms-buyuk-kart .ms-anasayfa-grid{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:767px){body.ms-buyuk-kart .ms-anasayfa-grid{grid-template-columns:repeat(1,1fr)!important}}

body.ms-buyuk-kart .ms-anasayfa-grid .trending__content h4{font-size:18px!important;line-height:1.4!important;margin-bottom:10px}
body.ms-buyuk-kart .ms-anasayfa-grid .trending__content p{font-size:14px!important;line-height:1.5!important;margin-bottom:0;-webkit-line-clamp:4}
body.ms-buyuk-kart .ms-anasayfa-grid .ms-kart-kategori{font-size:12px!important}
body.ms-buyuk-kart .ms-anasayfa-grid .ms-kart-stats{font-size:13px!important;gap:15px!important}
body.ms-buyuk-kart .ms-anasayfa-grid .ms-kart-stats svg{width:14px!important;height:14px!important}

body.ms-buyuk-kart .ms-ana-etkinlik-col .ms-event3-content{padding:16px!important}
body.ms-buyuk-kart .ms-ana-etkinlik-col .ms-event3-location-wrap{margin-bottom:8px!important}
body.ms-buyuk-kart .ms-ana-etkinlik-col .ms-event3-location{font-size:13px!important}
body.ms-buyuk-kart .ms-ana-etkinlik-col .ms-event3-title{margin:6px 0 8px!important}
body.ms-buyuk-kart .ms-ana-etkinlik-col .ms-event3-title a{font-size:16px!important;line-height:1.4!important;-webkit-line-clamp:3}
body.ms-buyuk-kart .ms-ana-etkinlik-col .ms-event3-date{font-size:12px!important;padding:5px 10px!important}
body.ms-buyuk-kart .ms-ana-etkinlik-col .ms-genres-rating{font-size:11px!important;padding:4px 12px!important}
body.ms-buyuk-kart .ms-ana-etkinlik-col .ms-kart-stats{font-size:12px!important;gap:12px!important}
body.ms-buyuk-kart .ms-ana-etkinlik-col .ms-et-sayac-wrap{margin-top:6px!important}
body.ms-buyuk-kart .ms-ana-etkinlik-col .ms-sayac{padding:8px 10px 6px!important}
body.ms-buyuk-kart .ms-ana-etkinlik-col .ms-sayac .ms-sc-k{min-width:26px!important;gap:3px!important}
body.ms-buyuk-kart .ms-ana-etkinlik-col .ms-sc-sayi{font-size:14px!important}
body.ms-buyuk-kart .ms-ana-etkinlik-col .ms-sayac .ms-sc-k span:last-child{font-size:9px!important}

/* ── etkinlikler.php liste kartlarının kolon genişliği ────────────────────
   Varsayılan (küçük/4'lü): >1199px %25, 992-1199px %33.33, 576-991px %50, <576px %100
   Büyük (3'lü): >=1200px %33.33, 768-1199px %50, <768px %100 ─────────────── */
@media (min-width:1200px){
  .ms-et-liste-col{flex:0 0 25%!important;max-width:25%!important}
}
@media (min-width:992px) and (max-width:1199.98px){
  .ms-et-liste-col{flex:0 0 33.3333%!important;max-width:33.3333%!important}
}
@media (min-width:576px) and (max-width:991.98px){
  .ms-et-liste-col{flex:0 0 50%!important;max-width:50%!important}
}
@media (max-width:575.98px){
  .ms-et-liste-col{flex:0 0 100%!important;max-width:100%!important}
}

@media (min-width:1200px){
  body.ms-buyuk-kart .ms-et-liste-col{flex:0 0 33.3333%!important;max-width:33.3333%!important}
}
@media (min-width:768px) and (max-width:1199.98px){
  body.ms-buyuk-kart .ms-et-liste-col{flex:0 0 50%!important;max-width:50%!important}
}
@media (max-width:767.98px){
  body.ms-buyuk-kart .ms-et-liste-col{flex:0 0 100%!important;max-width:100%!important}
}