/* sp-card-layout-links-103 */
/* Seçilebilir kart düzeni + kart linki */
.sp-hb-option-with-name .sp-hb-card-link{min-width:220px;flex:1 1 220px}
.sp-ipb-display-name-row{display:grid!important;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(220px,1.25fr);gap:8px;align-items:center}
@media(max-width:782px){.sp-ipb-display-name-row{grid-template-columns:1fr}.sp-hb-option-with-name .sp-hb-card-link{min-width:100%}}
.sp-hb-content-grid[style*="--sp-hb-content-cols-d:1"] .sp-hb-content-card{width:100%;max-width:none}

/* sp-inner-page-grid-standard-s8 */
/* Public içerik kartlarında ortak 5/4/3 grid standardı. */
body:not(.wp-admin) :is(
  .sp-news-stream-grid,
  .sp-writing-category-grid,
  .sp-directory-grid,
  .sp-classified-grid,
  .sp-event-grid,
  .sp-gallery-grid,
  .sp-content-grid,
  .spp-list
){
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
body:not(.wp-admin) .sp-page-slider-track{
  --sp-ipb-visible-cards:5;
}
@media(max-width:1024px) and (min-width:768px){
  body:not(.wp-admin) :is(
    .sp-news-stream-grid,.sp-writing-category-grid,.sp-directory-grid,.sp-classified-grid,
    .sp-event-grid,.sp-gallery-grid,.sp-content-grid,.spp-list
  ){grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  body:not(.wp-admin) .sp-page-slider-track{--sp-ipb-visible-cards:4;}
}
@media(max-width:767px){
  body:not(.wp-admin) :is(
    .sp-news-stream-grid,.sp-writing-category-grid,.sp-directory-grid,.sp-classified-grid,
    .sp-event-grid,.sp-gallery-grid,.sp-content-grid,.spp-list
  ){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;}
  body:not(.wp-admin) .sp-page-slider-track{--sp-ipb-visible-cards:3;}
}
/* Eski sabit 5/4/3 kuralı yalnız klasik statik gridlerde kalsın.
   Ana Sayfa / İç Sayfa Düzenleyici içerik kartları kendi kaydedilmiş
   --sp-hb-content-cols-* değerlerini gerçekten uygular. */
body:not(.wp-admin) :is(
  .spmc-static-grid>.sp21-firm-grid,
  .spmc-static-grid>.spmc-classified-track,
  .spmc-static-grid>.spmc-event-track,
  .spmc-static-grid>.sp-hb-gallery-track
){grid-template-columns:repeat(var(--sp-card-cols,5),minmax(0,1fr))!important}
body:not(.wp-admin) .sp-hb-content-grid{
  grid-template-columns:repeat(var(--sp-hb-content-cols-d,5),minmax(0,1fr))!important;
}
@media(max-width:1024px) and (min-width:768px){
  body:not(.wp-admin) :is(.spmc-static-grid>.sp21-firm-grid,.spmc-static-grid>.spmc-classified-track,.spmc-static-grid>.spmc-event-track,.spmc-static-grid>.sp-hb-gallery-track){
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body:not(.wp-admin) .sp-hb-content-grid{
    grid-template-columns:repeat(var(--sp-hb-content-cols-t,4),minmax(0,1fr))!important;
  }
}
@media(max-width:767px){
  body:not(.wp-admin) :is(.spmc-static-grid>.sp21-firm-grid,.spmc-static-grid>.spmc-classified-track,.spmc-static-grid>.spmc-event-track,.spmc-static-grid>.sp-hb-gallery-track){
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body:not(.wp-admin) .sp-hb-content-grid{
    grid-template-columns:repeat(var(--sp-hb-content-cols-m,3),minmax(0,1fr))!important;
  }
}

/* Kategori gridleri ve ortak sıralama seçicisi. */

body:not(.wp-admin) .sp-public-sort{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  width:100%!important;
  margin:0 0 10px!important;
}
body:not(.wp-admin) .sp-public-sort label{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  color:var(--sp-muted,#667085)!important;
  font-size:10px!important;
  font-weight:700!important;
}
body:not(.wp-admin) .sp-public-sort select{
  min-height:32px!important;
  padding:5px 30px 5px 9px!important;
  border:1px solid var(--sp-border,#e1e7ee)!important;
  border-radius:8px!important;
  background:var(--sp-surface,#fff)!important;
  color:var(--sp-text,#172033)!important;
  font-size:10px!important;
  font-weight:700!important;
}

@media(max-width:767px){
  
  body:not(.wp-admin) .sp-public-sort{margin-bottom:8px!important;}
  body:not(.wp-admin) .sp-public-sort label{font-size:9px!important;}
  body:not(.wp-admin) .sp-public-sort select{min-height:30px!important;font-size:9px!important;}
}


/* Yazı kategorileri grid genişliği/hizası */
body.category .sp-news-page-shell,
body.category .sp-writing-page-shell,
body.category .sp-portal-listing-shell{
  max-width:var(--sp-layout-inner-max,1600px)!important;
  width:calc(100% - (var(--sp-layout-edge,10px) * 2))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.category .sp-news-page-shell,
body.category .sp-writing-page-shell{
  margin-top:0!important;
  padding-top:0!important;
}


/* ============================================================
 * TÜM SAYFA BAŞLIKLARI / HİZA / KATEGORİ BOŞLUK STANDARDI
 * ============================================================ */

/* 1) BÜTÜN SAYFA BAŞLIKLARI:
   görseldeki gibi mavi başlık + altında kırmızı çizgi */


/* Başlık metni */

/* Bazı başlık yapılarında metin doğrudan div içindeyse */
body:not(.wp-admin) .sp-page-section-head > strong,
body:not(.wp-admin) .sp-module-title > strong{
  color:#2f5f95!important;
  font-weight:800!important;
}

/* 2) İÇERİK / KATEGORİ SAYFALARINDA KENARLIK VE İÇERİK BAŞLANGICI AYNI HİZA */

/* Kenarlıklı sayfanın içeriği 10px içeriden başlasın ve her modül aynı çizgide olsun */

/* Kenarlık varsa içerik başlangıcı tam aynı iç hizada */

/* Tarihsel düzenleme — İç Sayfa Düzenleyici kompozisyon taşıyıcısı ek boşluk üretmez. */


/* 3) İlçemiz Turhal ve İlimiz Tokat kategori kartlarında
      üstteki gereksiz boşluk sadece 10px */
body.category-ilcemiz-turhal .sp-page-end-listing,
body.category-ilcemiz-turhal .sp-page-category-grid,
body.category-ilcemiz-turhal .sp-standard-grid,
body.category-ilcemiz-turhal .sp-writing-grid,
body.category-ilcemiz-turhal .sp-page-all-section,
body.category-ilimiz-tokat .sp-page-end-listing,
body.category-ilimiz-tokat .sp-page-category-grid,
body.category-ilimiz-tokat .sp-standard-grid,
body.category-ilimiz-tokat .sp-writing-grid,
body.category-ilimiz-tokat .sp-page-all-section{
  margin-top:10px!important;
  padding-top:0!important;
}

/* Kartın kendi üst boşluğu da sıfırlansın */
body.category-ilcemiz-turhal .sp-page-end-card,
body.category-ilcemiz-turhal .sp-standard-content-card,
body.category-ilcemiz-turhal .sp-news-stream-card,
body.category-ilimiz-tokat .sp-page-end-card,
body.category-ilimiz-tokat .sp-standard-content-card,
body.category-ilimiz-tokat .sp-news-stream-card{
  margin-top:0!important;
}

/* İlk kart/satır başlığından önce yalnız 10px */
body.category-ilcemiz-turhal .sp-page-all-section > :first-child,
body.category-ilimiz-tokat .sp-page-all-section > :first-child{
  margin-top:0!important;
}