/* ===========================================
   SKELETON LOADING STATES
   =========================================== */

@keyframes locDealShimmer {
    0% { background-position: -400px 0; }
    100% { background-position: 400px 0; }
}

/* ----- loc-deal-card skeleton ----- */
.loc-deal-card.skeleton {
    cursor: default;
    pointer-events: none;
}
.loc-deal-card.skeleton:hover {
    box-shadow: none;
}
.loc-deal-card.skeleton .skel {
    background: linear-gradient(90deg, #ececec 0%, #f5f5f5 50%, #ececec 100%);
    background-size: 800px 100%;
    animation: locDealShimmer 1.4s ease-in-out infinite;
    border-radius: 6px;
    display: block;
}
.loc-deal-card.skeleton .loc-deal-image {
    background: #ececec;
    animation: locDealShimmer 1.4s ease-in-out infinite;
    background-image: linear-gradient(90deg, #ececec 0%, #f5f5f5 50%, #ececec 100%);
    background-size: 800px 100%;
}
.loc-deal-card.skeleton .loc-deal-body {
    padding: 16px;
}
.loc-deal-card.skeleton .skel-title {
    height: 16px;
    width: 80%;
    margin-bottom: 10px;
}
.loc-deal-card.skeleton .skel-sub {
    height: 12px;
    width: 55%;
    margin-bottom: 18px;
}
.loc-deal-card.skeleton .skel-price {
    height: 20px;
    width: 45%;
}


/*YENİ*/

.skeleton {
  position: relative;
  overflow: hidden;
  background: #eee;
  border-radius: 8px;
}

.skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150px;
  width: 150px;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);
  /* animation: shimmer 1.2s infinite; */
}

/* @keyframes shimmer {
  100% {
    transform: translateX(300px);
  }
} */

/* Layout uyumu */
.skeleton-search .search-fields {
  display: flex;
  gap: 10px;
  align-items: center;
}

.skeleton-label {
  width: 80px;
  height: 12px;
  margin-bottom: 6px;
}

.skeleton-input {
  width: 220px;
  height: 45px;
}

.skeleton-date {
  width: 135px;
  height: 45px;
}

.skeleton-button {
  width: 140px;
  height: 50px;
  border-radius: 10px;
}

/* Trip options */
.skeleton-radio {
  width: 90px;
  height: 20px;
  border-radius: 20px;
}

.skeleton-checkbox {
  width: 110px;
  height: 20px;
  border-radius: 20px;
}

/* Select2 yerine */
.skeleton-select {
  width: 135px;
  height: 45px;
  border-radius: 8px;
}

/* Yolcu dropdown */
.skeleton-passenger {
  width: 135px;
  height: 45px;
  border-radius: 8px;
}

/* Row spacing */
.skeleton-search .flight-trip-row {
  display: flex;
  gap: 15px;
  margin-bottom: 10px;
}

.skeleton-search .search-fields {
  display: flex;
  gap: 10px;
  align-items: center;
}

/* Geniş input (destination) */
.skeleton-input-wide {
  width: 260px;
  height: 50px;
  border-radius: 10px;
}

/* Tarih range */
.skeleton-date-range {
  width: 220px;
  height: 50px;
  border-radius: 10px;
}

/* Misafir alanı */
.skeleton-guest {
  width: 180px;
  height: 50px;
  border-radius: 10px;
}

/* Layout hizalama */
.skeleton-search .search-fields {
  display: flex;
  gap: 12px;
  align-items: center;
}