/* SoHo Blog Showcase - Partial Visible Carousel */
.soho-bs { 
  margin: 40px 0; 
  --gap: 24px; 
  /* --slides: varsayılan masaüstü değişkeninden gelir; inline'da set edilmez */
  --slides: var(--slides-desktop, 3.5);
}

/* sağa tam yaslı görünüm */
.soho-bs--right { margin-left: auto; }

/* Başlık + üst kontrol barı */
.soho-bs__header{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.soho-bs__title{ font-size:40px; line-height:1.1; font-weight:700; color:#1a2d6b; margin:0; }
.soho-bs__view-all{ display:flex; align-items:center; gap:18px; }
.soho-bs__link{ text-decoration:none; font-weight:600; }
.soho-bs__pager{ display:flex; align-items:center; gap:10px; }
.soho-bs__nav{ width:34px; height:34px; border-radius:50%; border:1px solid #d8d8de; background:#fff; cursor:pointer; }
.soho-bs__nav[disabled]{ opacity:.4; cursor:not-allowed; }
.soho-bs__pi{ font-weight:600; }

/* Chips */
.soho-bs__chips{ display:flex; gap:10px; flex-wrap:wrap; margin:10px 0 20px; }
.chip{ border:none; padding:8px 14px; border-radius:20px; background:#efece7; cursor:pointer; font-weight:600; }
.chip.active{ background:#1a2d6b; color:#fff; }

/* Carousel rayı - sağa flush */
.soho-bs__rail-wrap{ position:relative; display:flex; justify-content:flex-end; }
.soho-bs__rail{
  display:flex; gap:var(--gap);
  overflow-x:auto; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding-bottom:2px;
}
.soho-bs__rail::-webkit-scrollbar{ height:8px; }
.soho-bs__rail::-webkit-scrollbar-thumb{ background:#d8d8de; border-radius:4px; }
.soho-bs__loading, .soho-bs__empty{ padding:20px; color:#666; }

/* Kart boyutu — görünür slayt sayısına göre */
.soho-card{
  flex: 0 0 calc((100% - (var(--gap) * (var(--slides) - 1))) / var(--slides));
  scroll-snap-align:start;
  background:#fff; border-radius:6px; box-shadow:0 6px 16px rgba(26,45,107,0.08);
  overflow:hidden; display:flex; flex-direction:column;
}
.soho-card__img img{ display:block; width:100%; height:220px; object-fit:cover; }
.soho-card__body{ padding:16px 16px 12px; }
.soho-card__k{ display:block; font-size:12px; color:#777; margin-bottom:6px; }
.soho-card__t{ font-size:18px; margin:0 0 8px; }
.soho-card__t a{ text-decoration:none; color:#111; }
.soho-card__e{ color:#555; margin:0 0 14px; }
.soho-card__f{ display:flex; align-items:center; justify-content:space-between; }
.soho-card__go{ width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:#1a2d6b; color:#fff; text-decoration:none; font-size:18px; }

/* Breakpoint'ler: --slides değerini admin panelinden gelen varyantlara çevirir */
@media (max-width: 1200px){ .soho-bs{ --slides: var(--slides-tablet, 2.5); } }
@media (max-width: 640px){ .soho-bs{ --slides: var(--slides-mobile, 1); } }