/* =========================================================
   Ortak Liste Kart Sistemi
   Referans: modern listing/directory kart anatomisi.
   Veri yapısı, sorgular ve detay sayfaları değişmez.
   ========================================================= */

body:not(.wp-admin){
  --sp-pcard-radius:14px;
  --sp-pcard-border:var(--sp-border,#dce3eb);
  --sp-pcard-bg:var(--sp-surface,#fff);
  --sp-pcard-text:var(--sp-text,#1c2430);
  --sp-pcard-muted:var(--sp-muted,#738096);
  --sp-pcard-accent:var(--sp-primary,#d71920);
  --sp-pcard-blue:var(--sp-secondary,#123a63);
}

/* GRID — geniş ekranda 4, normal masaüstünde 3, tablette 2, mobilde 2 */
body:not(.wp-admin) :is(
  .sp-directory-grid,.sp-classified-grid,.sp-event-grid){
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}

body:not(.wp-admin) :is(
  .sp-directory-card,.sp-classified-card,.sp-event-card).sp-portal-list-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  height:100%!important;
  overflow:hidden!important;
  border:1px solid var(--sp-pcard-border)!important;
  border-radius:var(--sp-pcard-radius)!important;
  background:var(--sp-pcard-bg)!important;
  color:var(--sp-pcard-text)!important;
  box-shadow:none!important;
  transform:none!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}

@media (hover:hover){
  body:not(.wp-admin) :is(
    .sp-directory-card,.sp-classified-card,.sp-event-card).sp-portal-list-card:hover{
    transform:translateY(-2px)!important;
    border-color:color-mix(in srgb,var(--sp-pcard-blue) 24%,var(--sp-pcard-border))!important;
    box-shadow:0 8px 20px rgba(15,23,42,.055)!important;
  }
}

/* MEDYA */
body:not(.wp-admin) .sp-portal-list-card :is(
  .sp-card-media).sp-portal-list-media{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:4/3!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#eef2f6!important;
  border:0!important;
  border-radius:0!important;
}

body:not(.wp-admin) .sp-portal-list-card .sp-portal-list-media :is(img,.sp-no-image){
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body:not(.wp-admin) .sp-portal-list-card .sp-portal-list-media img{
  transition:transform .22s ease!important;
}
@media (hover:hover){
  body:not(.wp-admin) .sp-portal-list-card:hover .sp-portal-list-media img{
    transform:scale(1.025)!important;
  }
}

/* KATEGORİ ROZETİ */
body:not(.wp-admin) .sp-portal-list-badge{
  position:absolute!important;
  z-index:4!important;
  left:10px!important;
  top:10px!important;
  bottom:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  max-width:calc(100% - 20px)!important;
  min-height:24px!important;
  padding:4px 9px!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--sp-pcard-accent)!important;
  color:#fff!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
}

body:not(.wp-admin) .sp-portal-list-card .sp-featured-badge{
  top:10px!important;
  left:auto!important;
  right:10px!important;
  min-height:24px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:#fff4d6!important;
  color:#a16207!important;
  border:1px solid #f4d98e!important;
  font-size:9.5px!important;
  font-weight:850!important;
  box-shadow:none!important;
}

/* BODY */
body:not(.wp-admin) .sp-portal-list-card :is(
  .sp-card-body,.sp-natural-card-body
).sp-portal-list-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:13px 12px 11px!important;
}

body:not(.wp-admin) .sp-portal-list-card h3{
  margin:0 0 6px!important;
  min-height:42px!important;
  color:var(--sp-pcard-text)!important;
  font-size:17px!important;
  line-height:1.24!important;
  font-weight:850!important;
  letter-spacing:-.015em!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
body:not(.wp-admin) .sp-portal-list-card h3 a{
  color:var(--sp-pcard-text)!important;
  text-decoration:none!important;
}

/* mevcut tarih satırları: kartta gereksiz kalabalık oluşturmasın */
body:not(.wp-admin) .sp-portal-list-card .sp-standard-card-date{
  display:none!important;
}

/* tek satırlık ana bilgi */
body:not(.wp-admin) .sp-portal-list-card :is(
  .sp-standard-card-extra){
  margin:0 0 5px!important;
  color:var(--sp-pcard-muted)!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  font-weight:600!important;
}

body:not(.wp-admin) .sp-portal-list-card .sp-standard-card-extra{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px 8px!important;
}
body:not(.wp-admin) .sp-portal-list-card .sp-standard-card-extra small{
  display:none!important; /* kategori artık görsel üstünde */
}
body:not(.wp-admin) .sp-portal-list-card .sp-standard-card-extra .sp-price{
  color:var(--sp-pcard-accent)!important;
  font-size:13px!important;
  font-weight:900!important;
}

/* Listeo benzeri kompakt kart: uzun açıklama kart üzerinde görünmez. */
body:not(.wp-admin) .sp-portal-list-card :is(
  .sp-standard-card-excerpt){
  display:none!important;
}

/* ALT EYLEM SATIRI */
body:not(.wp-admin) .sp-portal-list-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-top:auto!important;
  padding-top:10px!important;
  border-top:1px solid var(--sp-pcard-border)!important;
}

body:not(.wp-admin) .sp-portal-list-card :is(
  .sp-card-link){
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:var(--sp-pcard-accent)!important;
  background:transparent!important;
  border:0!important;
  font-size:11.5px!important;
  line-height:1.3!important;
  font-weight:850!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}

body:not(.wp-admin) .sp-portal-card-go{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  border:1px solid var(--sp-pcard-border)!important;
  border-radius:50%!important;
  background:var(--sp-pcard-bg)!important;
  color:var(--sp-pcard-blue)!important;
  font-size:15px!important;
  font-weight:900!important;
}

/* Resmî Kurum mini eylemleri */




/* grid breakpoints */
@media(max-width:1399px){
  body:not(.wp-admin) :is(
    .sp-directory-grid,.sp-classified-grid,.sp-event-grid){grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  body:not(.wp-admin) :is(
    .sp-directory-grid,.sp-classified-grid,.sp-event-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
  body:not(.wp-admin) :is(
    .sp-directory-grid,.sp-classified-grid,.sp-event-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}

  body:not(.wp-admin) .sp-portal-list-card h3{
    min-height:34px!important;
    font-size:13px!important;
    line-height:1.28!important;
  }
  body:not(.wp-admin) .sp-portal-list-card .sp-portal-list-body{
    padding:9px 8px 8px!important;
  }
  body:not(.wp-admin) .sp-portal-list-badge{
    left:7px!important;top:7px!important;min-height:20px!important;padding:3px 7px!important;font-size:8.5px!important;
  }
  body:not(.wp-admin) .sp-portal-list-card .sp-featured-badge{
    right:7px!important;top:7px!important;min-height:20px!important;padding:3px 6px!important;font-size:8px!important;
  }
  body:not(.wp-admin) .sp-portal-list-card :is(
    .sp-standard-card-extra){font-size:9.5px!important}
  body:not(.wp-admin) .sp-portal-list-card :is(
    .sp-card-link){font-size:9px!important}
  body:not(.wp-admin) .sp-portal-list-footer{padding-top:7px!important}
  body:not(.wp-admin) .sp-portal-card-go{
    width:24px!important;height:24px!important;
  }
}
@media(max-width:360px){
  body:not(.wp-admin) :is(
    .sp-directory-grid,.sp-classified-grid,.sp-event-grid){grid-template-columns:1fr!important}
}

/* =========================================================
   Yalnız ön yüz ana liste sayfaları
   Resmî Kurumlar / Tarihî Yapılar / Doğal Güzellikler
   Hesabım ve diğer modüller bu kurallardan etkilenmez.
   ========================================================= */


body:not(.wp-admin) :is(.sp-official-index,.sp-historic-index,.sp-natural-index) .sp-portal-list-card .sp-portal-list-body{
  padding:9px 9px 8px!important;
}
body:not(.wp-admin) :is(.sp-official-index,.sp-historic-index,.sp-natural-index) .sp-portal-list-card h3{
  min-height:34px!important;
  margin:0 0 5px!important;
  font-size:13.5px!important;
  line-height:1.25!important;
  -webkit-line-clamp:2!important;
}
body:not(.wp-admin) :is(.sp-official-index,.sp-historic-index,.sp-natural-index) .sp-portal-list-card :is(
  .sp-standard-card-extra){
  margin-bottom:4px!important;
  font-size:9.5px!important;
  line-height:1.28!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body:not(.wp-admin) :is(.sp-official-index,.sp-historic-index,.sp-natural-index) .sp-portal-list-badge{
  left:8px!important;
  top:8px!important;
  min-height:21px!important;
  padding:3px 7px!important;
  font-size:8.5px!important;
}
body:not(.wp-admin) :is(.sp-official-index,.sp-historic-index,.sp-natural-index) .sp-portal-list-footer{
  gap:5px!important;
  padding-top:7px!important;
}



body:not(.wp-admin) :is(.sp-historic-index,.sp-natural-index) .sp-portal-card-go{
  width:24px!important;
  height:24px!important;
}




@media(max-width:700px){
  
  body:not(.wp-admin) :is(.sp-official-index,.sp-historic-index,.sp-natural-index) .sp-portal-list-card{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
  }
  
  body:not(.wp-admin) :is(.sp-official-index,.sp-historic-index,.sp-natural-index) .sp-portal-list-card .sp-portal-list-body{
    padding:7px 7px 6px!important;
  }
  body:not(.wp-admin) :is(.sp-official-index,.sp-historic-index,.sp-natural-index) .sp-portal-list-card h3{
    min-height:30px!important;
    font-size:11.5px!important;
    line-height:1.25!important;
  }
  body:not(.wp-admin) :is(.sp-official-index,.sp-historic-index,.sp-natural-index) .sp-portal-list-card :is(
    .sp-standard-card-extra){
    font-size:8px!important;
  }
  
}




/* =========================================================
   Buton stabilizasyonu
   Resmî Kurum kart aksiyonlarının metin taşması/üst üste binmesi düzeltilir.
   Diğer kartların mevcut görünümü değiştirilmez.
   ========================================================= */
body:not(.wp-admin) .sp-official-index .sp-portal-list-footer{
  min-width:0!important;
}






/* Tema genelindeki kendi buton bileşenlerinde yalnız taşma güvenliği.
   Renk, ölçü, radius veya mevcut görsel tasarım değiştirilmez. */
body:not(.wp-admin) :is(
  .sp-btn,.sp-primary-btn,.sp-secondary-btn,.sp-historic-btn,
  .sp-card-link,
  .sp-account-btn,.sp-submit-btn,.sp-filter-btn
){
  box-sizing:border-box!important;
  max-width:100%;
}