/* ═══ Defter Today Strip (anasayfa) — yatay otomatik kayan kart şeridi ═══ */
/* Site standardı: .container .v-row wrapper PHP'de, başlık .p2a7 class'ı.
   Buradaki .dts-* sadece scroller, track, card, badge için. */

/* h2.p2a7 + inline badge daima yan yana. nowrap → badge alt satıra düşmez.
   Title-text shrinkable (uzun başlıkta ellipsis), badge sabit. */
.dts-section-title{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:14px;
}
.dts-title-text{
  flex:0 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dts-badge{
  display:inline-flex;
  align-items:center;
  font-family:GothamPro,sans-serif;
  font-size:14px;
  font-weight:500;
  padding:8px 16px;
  background:#fab800;
  border-radius:100px;
  color:#0f1111;
  white-space:nowrap;
  letter-spacing:-.2px;
  line-height:1;
  flex:0 0 auto;
  transition:opacity .25s;
  opacity:0;
}
.dts-badge.is-loaded{opacity:1}

.dts-scroller{
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
  position:relative;
  /* Kenar fade — kartlar sınırda yumuşak kaybolup belirsin */
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 32px, #000 calc(100% - 32px), transparent 100%);
  mask-image:linear-gradient(to right, transparent 0, #000 32px, #000 calc(100% - 32px), transparent 100%);
}
.dts-scroller::-webkit-scrollbar{display:none}

.dts-track{
  display:flex;
  gap:18px;
  padding:6px 4px 10px;
  width:max-content;
}

/* Index.php .ilan-container .card / .PnF1 paritesi — cömert padding/boyut */
.dts-card{
  flex-shrink:0;
  width:320px;
  min-height:170px;
  padding:24px;
  background:#fff;
  border:1px solid #eee;
  border-radius:20px;
  box-shadow:rgb(0 0 0 / 2%) 0 8px 12px;
  text-decoration:none;
  color:inherit;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:border-color .2s,transform .2s,box-shadow .25s;
  box-sizing:border-box;
}
.dts-card:hover{
  border-color:#fab800;
  text-decoration:none;
  color:inherit;
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,.05);
}

.dts-route{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:16px;
  font-weight:500;
  margin-bottom:14px;
  line-height:1.3;
  letter-spacing:-.2px;
  /* fromCity/toCity renkleri inline (CityColors paritesi); fallback gri */
  color:#64748B;
}
.dts-route-arrow{
  color:#9ca3af;
  font-size:13px;
  flex-shrink:0;
}
.dts-from,.dts-to{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

.dts-snippet{
  font-size:14px;
  color:#555;
  line-height:1.55;
  flex:1;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
}

.dts-meta{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12.5px;
  color:#888;
  margin-top:14px;
  font-weight:400;
}
.dts-dot{
  width:6px;height:6px;
  border-radius:50%;
  background:#7ac142;
  box-shadow:0 0 0 0 rgba(122,193,66,.55);
  animation:dtsDot 1.8s ease-out infinite;
}
@keyframes dtsDot{
  0%{box-shadow:0 0 0 0 rgba(122,193,66,.55)}
  70%{box-shadow:0 0 0 7px rgba(122,193,66,0)}
  100%{box-shadow:0 0 0 0 rgba(122,193,66,0)}
}

@media (max-width:640px){
  .dts-card{width:280px;min-height:150px;padding:18px;border-radius:16px}
  .dts-track{gap:14px}
  .dts-section-title{gap:10px}
  .dts-badge{font-size:13px;padding:6px 14px}
}