/* Tarih planları (panel: Site İçeriği > Tarih Planları): hub / ürün sayfası listesi (.tarih-listesi) ve ana sayfa takviminin ek öğeleri */

/* Liste: sol tarih bloğu · orta metin · sağ fiyat ve düğme */
.tarih-listesi { display: grid; border-top: 2px solid var(--color-metin-birincil); border-bottom: 1px solid var(--color-sinir-ince); }
.tarih-listesi__oge { display: grid; grid-template-columns: minmax(104px, 132px) minmax(0, 1fr); gap: var(--space-2) var(--space-5); align-items: start; padding-block: var(--space-5); }
.tarih-listesi__oge + .tarih-listesi__oge { border-top: 1px solid var(--color-sinir-ince); }
.tarih-listesi__tarih time { display: flex; flex-direction: column; gap: 2px; }
.tarih-listesi__gun { font: 800 clamp(28px, 1.4rem + .8vw, 36px)/1 var(--font-aile-baslik); letter-spacing: -.02em; }
.tarih-listesi__ay { font: 600 15px/20px var(--font-aile-govde); color: var(--color-metin-ikincil); }
.tarih-listesi__ic { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.tarih-listesi__isim { display: flex; align-items: flex-start; gap: var(--space-2); font: 600 17px/24px var(--font-aile-govde); overflow-wrap: anywhere; }
.tarih-listesi__isim .ikon { flex: none; margin-top: 2px; color: var(--color-metin-vurgu); }
.tarih-listesi__baglanti { color: inherit; text-decoration: underline; text-decoration-color: var(--color-sinir-guclu); text-underline-offset: 3px; }
.tarih-listesi__baglanti:hover { color: var(--color-metin-vurgu-hover); text-decoration-color: currentColor; }
.tarih-listesi__not { font-size: 15px; line-height: 22px; color: var(--color-metin-ikincil); }
.tarih-listesi__ayrinti { font: 500 14px/20px var(--font-aile-govde); color: var(--color-metin-ikincil); }
.tarih-listesi__yan { grid-column: 2; display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-5); margin-top: var(--space-2); }
@media (min-width: 720px) {
  .tarih-listesi__oge { grid-template-columns: 132px minmax(0, 1fr) auto; align-items: center; }
  .tarih-listesi__yan { grid-column: 3; flex-direction: column; align-items: flex-end; margin-top: 0; }
}
@media (max-width: 479.98px) {
  .tarih-listesi__oge { grid-template-columns: minmax(0, 1fr); }
  .tarih-listesi__yan { grid-column: 1; }
}

/* Ana sayfa takvimi: görsel, fiyat ve 4'ten fazla kart */
.kamp-takvimi__gorsel { display: block; width: 56px; height: 56px; object-fit: cover; border-radius: var(--radius-sm); margin-top: var(--space-2); }
.kamp-takvimi__fiyat { margin-top: var(--space-2); }
@media (min-width: 1024px) {
  .kamp-takvimi:not(.kamp-takvimi--kaydirmali) .kamp-takvimi__oge:nth-child(n+5) { border-top: 1px solid var(--color-sinir-ince); }
  .kamp-takvimi:not(.kamp-takvimi--kaydirmali) .kamp-takvimi__oge:nth-child(4n+1) { box-shadow: none; }
}

/* Ana sayfa takvimi, 4'ten fazla plan: yatay kaydırıcı. Kaydırma CSS'tedir (scroll-snap + overflow-x); JS yalnız ok düğmeleri ve sayaç ekler.
   Telefonda kartlar %78 genişlikte (bir sonraki kart yarım görünür) ve parmakla kaydırılır; ≥640 px ok düğmeleri görünür. */
.kamp-kaydirici { min-width: 0; }
.kamp-takvimi--kaydirmali { overscroll-behavior-x: contain; }
.kamp-takvimi--kaydirmali:focus-visible { outline-offset: 4px; }
.kamp-kaydirici__kontrol { display: none; }
@media (min-width: 640px) {
  .kamp-takvimi--kaydirmali { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 44%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .kamp-takvimi--kaydirmali::-webkit-scrollbar { display: none; }
  .kamp-takvimi--kaydirmali > .kamp-takvimi__oge:nth-child(n) { border-top: 0; box-shadow: none; scroll-snap-align: start; }
  .kamp-takvimi--kaydirmali > .kamp-takvimi__oge:nth-child(n+2) { box-shadow: -1px 0 0 0 var(--color-sinir-ince); }
  /* Düğmeler JS hazır olunca görünür; yer baştan ayrılır (kayma olmaz) */
  .kamp-kaydirici__kontrol { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); min-height: 44px; margin-top: var(--space-4); visibility: hidden; }
  .kaydirici--hazir .kamp-kaydirici__kontrol { visibility: visible; }
}
@media (min-width: 1024px) {
  .kamp-takvimi--kaydirmali { grid-auto-columns: 25%; }
}
.kamp-kaydirici__sayac { font: 600 14px/20px var(--font-aile-govde); color: var(--color-metin-ikincil); font-variant-numeric: tabular-nums; }
.kamp-kaydirici__oklar { display: flex; gap: var(--space-2); }
.kaydirici-ok { --dugme-yukseklik: 44px; width: 44px; padding: 0; }
@media (prefers-reduced-motion: reduce) { .kamp-takvimi--kaydirmali { scroll-behavior: auto; } }