/* ==========================================================================
   HotelNerede — Villa arama sonuçları: derlemeden sonra eklenen bileşenler

   Sayfanın geri kalanı tailwind.css içinde derlenmiş durumda; node_modules
   olmadığı için derlemeye dokunulmuyor ve yeni parçalar buraya elle yazılıyor.

   Şu an içinde: tarihli arama şeridi (seçili aralık + gizlenen kayıt notu).
   ========================================================================== */

.vs-tarih {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-bottom: 14px;
    padding: 12px 16px;
    border: 1px solid #CDE9F7;
    border-radius: 12px;
    background: #F5FAFD;
}

.vs-tarih__ana {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.vs-tarih__ana > i { color: #0692CF; font-size: 15px; flex-shrink: 0; }
.vs-tarih__ana strong { font-size: 14px; font-weight: 800; color: #17324A; }

.vs-tarih__ana em {
    font-style: normal;
    font-size: 13px;
    color: #5B7A8C;
}

/* Gizlenen kayıt notu: filtrenin sessiz kalmaması için */
.vs-tarih__gizli {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    color: #B54708;
}

.vs-tarih__gizli i { flex-shrink: 0; }

.vs-tarih__sifirla {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    padding: 7px 13px;
    border: 1px solid #D0D5DD;
    border-radius: 999px;
    background: #FFFFFF;
    font-size: 13px;
    font-weight: 700;
    color: #475467;
    white-space: nowrap;
    transition: border-color .15s, color .15s;
}

.vs-tarih__sifirla:hover { border-color: #0692CF; color: #0692CF; }

@media (max-width: 640px) {
    .vs-tarih { gap: 8px 12px; }
    .vs-tarih__sifirla { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .vs-tarih__sifirla { transition: none; }
}