/*
Theme Name:  Child
Theme URI:   https://themeforest.net/user/pixelwars/portfolio
Description: Make your modifications to [Archy Theme] in this child theme.
Author:      Pixelwars
Author URI:  https://themeforest.net/user/pixelwars
Version:     2.1.0
Template:    archy-wp
Tags:        blog
Text Domain: child
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/* === Custom Utility Classes === */

/* Margin */
.m-0 {
  margin: 0 !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.mr-10 {
  margin-right: 10px !important;
}

/* Padding */
.p-0 {
  padding: 0 !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pr-10 {
  padding-right: 10px !important;
}

/* Text alignment */
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}

/* Display */
.d-block {
  display: block !important;
}
.d-inline {
  display: inline !important;
}
.d-none {
  display: none !important;
}

/* Widths */
.w-100 {
  width: 100% !important;
}
.w-50 {
  width: 50% !important;
}
.w-33 {
  width: 33.3333% !important;
}
.w-25 {
  width: 25% !important;
}

/* Optional: Flex helpers (for Bootstrap 3) */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-center {
  justify-content: center;
  align-items: center;
}
.flex-column {
  flex-direction: column;
}

/* === Min-Height Utilities === */
.min-h-50 {
  min-height: 50px !important;
}
.min-h-75 {
  min-height: 75px !important;
}
.min-h-100 {
  min-height: 100px !important;
}
.min-h-150 {
  min-height: 150px !important;
}
.min-h-200 {
  min-height: 200px !important;
}
.min-h-250 {
  min-height: 250px !important;
}
.min-h-300 {
  min-height: 300px !important;
}
.min-h-400 {
  min-height: 400px !important;
}
.min-h-500 {
  min-height: 500px !important;
}
.min-h-600 {
  min-height: 600px !important;
}

.flex {
  display: flex !important;
}

.filter-sidebar {
}

@media (max-width: 1440px) {
  .filter-sidebar {
    width: 75%;
    padding: 20px;
  }

  .filter-sidebar .widget form .input-text,
  select,
  .uploader,
  .selector {
    max-width: 100% !important;
  }
}

@media (max-width: 1024px) {
  .filter-sidebar {
    width: 90%;
  }
}

.listing-card {
  width: 32%;
  padding: 15px;
}

@media (max-width: 1200px) {
  .listing-card {
    width: 48%;
  }
}

@media (max-width: 992px) {
  .listing-card {
    width: 100%;
  }
}

.listings-grid.single-card .listing-card {
  flex: 1 1 100%;
  max-width: 100%;
}

@media (min-width: 992px) {
  .no-results {
    margin-left: 50px;
  }
}

.property-details {
}

.property-page {
  display: flex;
  gap: 50px;
}

@media (max-width: 1200px) {
  .property-page {
    flex-wrap: wrap;
  }

  .property-page .property-details {
    width: 100%;
  }

  .property-page .agent-info {
    width: 100%;
  }
}

.property-details {
  width: 65%;
}

.agent-info {
  width: 35%;
}

.agent-info ul {
  list-style: none;
  padding: 0;
}

/* Single Listing Property Details Section */

.feature-item {
  display: flex;
  /* align-items: center; */
  margin-bottom: 20px;
  gap: 10px;
}

.feature-item .feature-icon {
  /* width: 20px; */
  height: auto;
}

.property-details-grid h3 {
  font-size: 1.5rem;
  margin-bottom: 20px;
}

.details-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

@media (min-width: 768px) {
  .details-grid {
    grid-template-columns: 1fr 1fr;
  }
}


.detail-item {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
}

.detail-item:last-child {
  border-bottom: none;
}

.detail-label {
  font-weight: 400;
  color: #555;
}

.detail-value {
  font-weight: 600;
  color: #111;
}