/* admin_frontend_final_fixes_v5 */

/* 1) Search row beside result controls, equal visual width on desktop */
.classifieds-results .classifieds-head {
  display: grid !important;
  grid-template-columns: minmax(170px, .85fr) minmax(280px, 1fr) minmax(280px, 1fr) !important;
  align-items: end !important;
  gap: 12px !important;
}

.classifieds-results .classifieds-head > div:first-child {
  min-width: 0 !important;
}

.classifieds-results .classifieds-head .search-row-in-tab {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  align-self: stretch !important;
}

.classifieds-results .classifieds-head .search-row-in-tab .search-input {
  width: 100% !important;
  height: 100% !important;
  min-height: 42px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: end !important;
}

.classifieds-results .classifieds-head .search-row-in-tab input {
  width: 100% !important;
}

.classifieds-results .classifieds-head .results-controls {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: end !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
}

.classifieds-results .classifieds-head .results-controls .sort-control {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.classifieds-results .classifieds-head .results-controls .pager {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* 2) Card footer: one line, subline right, plain tags left */
.property-card.classified-card .card-footer {
  display: flex !important;
  flex-direction: row !important;
  direction: rtl !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  min-width: 0 !important;
}
.property-card.classified-card .card-footer .subline {
  order: 1 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: right !important;
  direction: rtl !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.property-card.classified-card .card-footer .tag-row.card-plain-tags {
  order: 2 !important;
  flex: 0 0 auto !important;
  margin-inline-start: auto !important;
  text-align: left !important;
  justify-content: flex-end !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  direction: rtl !important;
}

/* 3) Lightbox image must never exceed desktop viewport */
body.lightbox-open {
  overflow: hidden !important;
}
.detail-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.detail-lightbox-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,.82) !important;
}
.detail-lightbox-panel {
  position: relative !important;
  z-index: 1 !important;
  width: min(96vw, 1180px) !important;
  height: auto !important;
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100dvh - 32px) !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 0 58px !important;
  box-sizing: border-box !important;
}
.detail-lightbox-panel img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: calc(100vw - 150px) !important;
  max-height: calc(100dvh - 72px) !important;
  object-fit: contain !important;
  border-radius: 12px !important;
  background: #111 !important;
}
.detail-lightbox-close {
  top: 8px !important;
  right: 8px !important;
}
.detail-lightbox-counter {
  bottom: 8px !important;
}

@media (max-width: 1100px) {
  .classifieds-results .classifieds-head {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }
  .classifieds-results .classifieds-head .results-controls {
    justify-content: space-between !important;
  }
}

@media (max-width: 720px) {
  .classifieds-results .classifieds-head .results-controls {
    flex-wrap: wrap !important;
  }
  .detail-lightbox-panel {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    padding: 0 44px !important;
  }
  .detail-lightbox-panel img {
    max-width: calc(100vw - 104px) !important;
    max-height: calc(100dvh - 70px) !important;
  }
}