/*
 * Theme Name: Houzez Child
 * Theme URI: http://www.favethemes.com/
 * Author: Favethemes
 * Author URI: http://www.favethemes.com/
 * Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
 * Version: 1.0
 * Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, translation-ready
 * License: GNU General Public License version 3.0
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 * Text Domain: houzez
 * Template: houzez
 * */

 @import url("../houzez/style.css");

 /* Your CSS code goes here
  * ------------------------------------ */

@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Poppins:wght@300;400;500;600;700&display=swap');

/* ================================================================
 *    PROPERTY BROWSER INTRO (tagline + actions)
 *    ================================================================ */
.property-browser-intro {
  background: #ffffff;
  padding: 56px 0 16px;
  text-align: center;
}

.property-browser-intro__tagline {
  margin: 0 auto 36px;
  max-width: 1100px;
  font-family: 'Alex Brush', cursive;
  font-size: clamp(36px, 5vw, 60px);
  font-weight: 400;
  line-height: 1.1;
  color: #4a4a4a;
}

.property-browser-intro__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}

.property-browser-intro__actions[data-count="1"] .property-browser-intro__btn {
  flex: 0 1 540px;
}

.property-browser-intro__btn {
  flex: 1 1 0;
  min-width: 260px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 28px;
  background: #f4f5f7;
  border: 1.5px solid #2f7fd6;
  border-radius: 8px;
  color: #2f7fd6;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.property-browser-intro__btn:hover,
.property-browser-intro__btn:focus {
  background: #2f7fd6;
  color: #ffffff;
  text-decoration: none;
}

@media (max-width: 767px) {
  .property-browser-intro {
    padding: 40px 0 8px;
  }
  .property-browser-intro__btn {
    flex: 1 1 100%;
  }
}

/* ================================================================
 *    PROPERTY BROWSER OUTRO (heading + FAQ button + tagline)
 *    ================================================================ */
.property-browser-outro {
  background: #ffffff;
  padding: 24px 0 64px;
  text-align: center;
}

.property-browser-outro__heading {
  margin: 0 auto !important;
  max-width: 1000px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 32px !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;
  color: rgb(107, 114, 128) !important;
}

.property-browser-outro__rule {
  max-width: 1100px;
  margin: 18px auto 22px;
  border: 0;
  border-top: 2px solid #2f7fd6;
}

.property-browser-outro__description {
  margin: 0 auto 22px;
  max-width: 800px;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #7a8189;
}

.property-browser-outro__actions {
  display: flex;
  justify-content: center;
  margin: 0 auto 40px;
}

.property-browser-outro__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 24px !important;
  background: #f4f5f7 !important;
  border: 1.5px solid #2f7fd6 !important;
  border-radius: 4px !important;
  color: #2f7fd6 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  text-decoration: none !important;
  text-align: center !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.property-browser-outro__btn:hover,
.property-browser-outro__btn:focus {
  background: #2f7fd6;
  color: #ffffff;
  text-decoration: none;
}

.property-browser-outro__tagline {
  margin: 0 auto !important;
  max-width: 1100px !important;
  font-family: 'Alex Brush', cursive !important;
  font-size: clamp(36px, 5vw, 60px) !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  color: #4a4a4a !important;
}

@media (max-width: 767px) {
  .property-browser-outro {
    padding: 16px 0 48px;
  }
  .property-browser-outro__btn {
    min-width: 0;
    width: 100%;
  }
}

/* ================================================================
 *    PROPERTY BROWSER RESULTS WRAPPER
 *    ================================================================ */
.property-browser-results-wrap {
  background: #ffffff;
  padding: 48px 0;
}

section.property-browser-results-wrap .container {
    background: white!important;
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}

@media (max-width: 991px) {
  .property-browser-results-wrap {
    padding: 32px 0;
  }
}

/* ================================================================
 *    BIP AGENTS LIST SHORTCODE
 *    Usage: [bip_agents_list limit="6" columns="3"]
 *    ================================================================ */
.bip-agents-list {
  --bip-agents-columns: 3;
  --bip-agents-gap: 28px;
  display: grid;
  grid-template-columns: repeat(var(--bip-agents-columns), minmax(0, 1fr));
  gap: var(--bip-agents-gap);
}

.bip-agent-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 28px 24px;
  text-align: center;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.68);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(24, 42, 55, 0.08);
}

.bip-agent-card__media {
  display: block;
  width: min(220px, 82%);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 14px 28px rgba(24, 42, 55, 0.13);
}

.bip-agent-card__photo {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: block;
  object-fit: cover;
}

.bip-agent-card__body {
  min-width: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding-top: 22px;
}

.bip-agent-card__name,
.bip-agent-card__position,
.bip-agent-card__excerpt,
.bip-agent-card__excerpt p {
  margin: 0;
}

.bip-agent-card__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 10px;
}

.bip-agent-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bip-agent-card__icon-button {
  width: 42px;
  height: 42px;
  padding: 0;
  color: var(--e-global-color-primary, #0c7cd5);
  background: rgba(255, 255, 255, 0.72);
  border: 0;
  border-radius: 50%;
  line-height: 1;
  box-shadow: 0 10px 22px rgba(24, 42, 55, 0.11);
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.bip-agent-card__icon-button:hover,
.bip-agent-card__icon-button:focus {
  color: #fff;
  background: var(--e-global-color-primary, #0c7cd5);
  box-shadow: 0 14px 28px rgba(24, 42, 55, 0.16);
  transform: translateY(-2px);
}

.bip-agent-card__button .houzez-icon {
  font-size: 20px;
  line-height: 1;
}

@media (max-width: 991px) {
  .bip-agents-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .bip-agents-list {
    grid-template-columns: 1fr;
  }

  .bip-agent-card__actions {
    width: auto;
  }
}