/* Hotels list page */
.list-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:14px 0 10px}
.list-title{margin:0;font-size:24px;font-weight:800;letter-spacing:.2px}
.list-sub{color:#64748b;font-size:.95rem}

.hotels-filters{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.08);padding:14px;margin:10px 0 16px}
.filters-row{display:flex;flex-wrap:wrap;gap:10px}
.filters-field{flex:1 1 240px}
.filters-input,.filters-select{width:100%;box-sizing:border-box;border-radius:12px;border:1px solid #cbd5e1;padding:12px 14px;font-size:16px;color:#0f172a;background:#fff;transition:border-color .18s ease, box-shadow .18s ease}
.filters-input:focus,.filters-select:focus{outline:none;border-color:#FF8A5B;box-shadow:0 0 0 3px rgba(255,138,91,.2)}
.filters-actions{display:flex;align-items:center;gap:10px}

.hotel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.hotel-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.08);text-decoration:none;color:#0f172a;overflow:hidden;transition:transform .08s ease, box-shadow .18s ease}
.hotel-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.10)}
.hotel-cover{position:relative;height:168px;background:#f8fafc}
.hotel-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hotel-body{padding:12px 14px}
.hotel-title{font-weight:700;font-size:1rem;margin:0 0 4px}
.hotel-city{color:#64748b;font-size:.92rem}

.pager{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 8px}
.pager-btn{display:inline-block;padding:8px 12px;border-radius:12px;background:linear-gradient(90deg,#FF8A5B,#FFB185);color:#fff;text-decoration:none;font-weight:700;border:0}
.pager-btn:hover{filter:brightness(1.05)}
.pager-btn.disabled{opacity:.55;pointer-events:none;filter:grayscale(20%)}
.pager-info{color:#64748b}

.empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.08);padding:18px;text-align:center}
.empty-title{font-weight:700;margin-bottom:10px}

@media (max-width: 575.98px){
  .filters-actions{width:100%;justify-content:flex-start}
}