/* =========================================================
   Usfar Avenue Pvt. Ltd. — custom brand + section styles
   Built on top of the Homirx theme. Safe to edit freely —
   this file is separate from the core theme CSS.
   ========================================================= */

:root{
  --usfar-dark:      #211a14;
  --usfar-brown:     #6b4a2f;
  --usfar-copper:    #b8783c;
  --usfar-gold:      #c9a050;
  --usfar-cream:     #f6f1e7;
  --usfar-white:     #ffffff;
  --usfar-text:      #4b4038;
  --usfar-radius:    6px;
}

.usfar-section{ padding: 90px 0; }
.usfar-section--tight{ padding: 60px 0; }
.usfar-section--dark{ background: var(--usfar-dark); color: var(--usfar-cream); }
.usfar-section--cream{ background: var(--usfar-cream); }
.usfar-container{ max-width: 1200px; margin: 0 auto; padding: 0 20px; }

.usfar-eyebrow{
  display:inline-block; font-size:13px; letter-spacing:2px; text-transform:uppercase;
  color: var(--usfar-copper); font-weight:700; margin-bottom:12px;
}
.usfar-title{ font-size:36px; font-weight:800; color: var(--usfar-dark); margin:0 0 18px; line-height:1.25; }
.usfar-section--dark .usfar-title{ color: var(--usfar-white); }
.usfar-lead{ font-size:16px; line-height:1.8; color: var(--usfar-text); }
.usfar-section--dark .usfar-lead{ color: #d9cfc2; }
.usfar-center{ text-align:center; }
.usfar-btn{
  display:inline-block; padding:14px 32px; border-radius: var(--usfar-radius);
  background: var(--usfar-copper); color:#fff !important; font-weight:700;
  text-decoration:none; transition:.25s ease; border:1px solid var(--usfar-copper);
}
.usfar-btn:hover{ background:transparent; color: var(--usfar-copper) !important; }
.usfar-btn--outline{ background:transparent; color: var(--usfar-cream) !important; }
.usfar-btn--outline:hover{ background: var(--usfar-cream); color: var(--usfar-dark) !important; }

/* ---------- Hero ---------- */
.usfar-hero{
  position:relative; min-height:560px; display:flex; align-items:center;
  background: linear-gradient(180deg, rgba(33,26,20,.72), rgba(33,26,20,.82)), var(--hero-img, none);
  background-size:cover; background-position:center; color:#fff; text-align:center;
}
.usfar-hero__inner{ max-width:760px; margin:0 auto; padding:0 20px; }
.usfar-hero__tag{ letter-spacing:3px; text-transform:uppercase; font-size:14px; color: var(--usfar-gold); font-weight:700; margin-bottom:14px; }
.usfar-hero__title{ font-size:52px; font-weight:800; margin:0 0 18px; line-height:1.15; }
.usfar-hero__sub{ font-size:18px; color:#e9ddcb; margin-bottom:32px; }

/* ---------- About + image ---------- */
.usfar-about{ display:flex; gap:60px; align-items:center; flex-wrap:wrap; }
.usfar-about__text{ flex:1 1 460px; }
.usfar-about__img{ flex:1 1 420px; }
.usfar-about__img img{ width:100%; border-radius: var(--usfar-radius); display:block; }

/* ---------- Counters ---------- */
.usfar-counters{ display:flex; flex-wrap:wrap; gap:30px; justify-content:center; }
.usfar-counter{
  flex:1 1 200px; max-width:240px; text-align:center; padding:34px 20px;
  border:1px solid rgba(255,255,255,.15); border-radius: var(--usfar-radius);
}
.usfar-counter__num{ font-size:44px; font-weight:800; color: var(--usfar-gold); display:block; line-height:1; }
.usfar-counter__num::after{ content: attr(data-suffix); }
.usfar-counter__label{ margin-top:10px; font-size:14px; letter-spacing:1px; text-transform:uppercase; color:#e9ddcb; }

/* ---------- Property gallery ---------- */
.usfar-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
@media (max-width:900px){ .usfar-grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){ .usfar-grid{ grid-template-columns:1fr;} }
.usfar-card{
  border-radius: var(--usfar-radius); overflow:hidden; background:#fff;
  box-shadow:0 6px 24px rgba(33,26,20,.08); transition:.25s ease;
}
.usfar-card:hover{ transform:translateY(-6px); box-shadow:0 14px 30px rgba(33,26,20,.14); }
.usfar-card img{ width:100%; height:220px; object-fit:cover; display:block; }
.usfar-card__body{ padding:20px; }
.usfar-card__title{ font-size:18px; font-weight:700; color:var(--usfar-dark); margin:0 0 6px; }
.usfar-card__meta{ font-size:13px; color:var(--usfar-copper); font-weight:600; }
.usfar-card__link{ display:block; text-align:center; padding:12px; background:var(--usfar-dark); color:#fff!important; text-decoration:none; font-weight:700; }
.usfar-card__link:hover{ background:var(--usfar-copper); }

/* ---------- Nearby / list chips ---------- */
.usfar-chips{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }
.usfar-chip{
  padding:12px 22px; border-radius:30px; border:1px solid rgba(33,26,20,.15);
  font-size:14px; font-weight:600; color:var(--usfar-dark);
}
.usfar-chip::before{ content:"\2022  "; color:var(--usfar-copper); font-weight:800; }

/* ---------- Features ---------- */
.usfar-features{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; }
@media (max-width:900px){ .usfar-features{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:520px){ .usfar-features{ grid-template-columns:1fr;} }
.usfar-feature{ text-align:center; padding:30px 18px; background:#fff; border-radius:var(--usfar-radius); box-shadow:0 6px 20px rgba(33,26,20,.06); }
.usfar-feature__icon{ width:56px; height:56px; margin:0 auto 16px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--usfar-cream); color:var(--usfar-copper); font-size:24px; }
.usfar-feature__title{ font-size:16px; font-weight:700; color:var(--usfar-dark); margin:0 0 8px; }
.usfar-feature__text{ font-size:14px; color:var(--usfar-text); line-height:1.6; }

/* ---------- Testimonials ---------- */
.usfar-testimonials{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
@media (max-width:900px){ .usfar-testimonials{ grid-template-columns:1fr;} }
.usfar-testimonial{ background:#fff; border-radius:var(--usfar-radius); padding:28px; box-shadow:0 6px 20px rgba(33,26,20,.06); }
.usfar-testimonial__quote{ font-style:italic; color:var(--usfar-text); margin-bottom:18px; }
.usfar-testimonial__person{ display:flex; align-items:center; gap:12px; }
.usfar-testimonial__person img{ width:46px; height:46px; border-radius:50%; object-fit:cover; }
.usfar-testimonial__name{ font-weight:700; color:var(--usfar-dark); font-size:14px; }
.usfar-testimonial__role{ font-size:12px; color:var(--usfar-copper); }

/* ---------- Map + contact ---------- */
.usfar-contact-wrap{ display:flex; gap:50px; flex-wrap:wrap; }
.usfar-contact-info{ flex:1 1 320px; }
.usfar-contact-info__item{ margin-bottom:18px; }
.usfar-contact-info__label{ font-size:13px; text-transform:uppercase; letter-spacing:1px; color:var(--usfar-copper); font-weight:700; }
.usfar-contact-form{ flex:1 1 420px; }
.usfar-contact-form input, .usfar-contact-form textarea{
  width:100%; padding:14px 16px; margin-bottom:16px; border:1px solid #ddd3c4;
  border-radius: var(--usfar-radius); font-size:14px; font-family:inherit;
}
.usfar-map{ width:100%; height:380px; border:0; border-radius:var(--usfar-radius); }

/* ---------- Plot Availability table ---------- */
.usfar-plot-table{ width:100%; border-collapse:collapse; background:#fff; border-radius:var(--usfar-radius); overflow:hidden; box-shadow:0 6px 20px rgba(33,26,20,.06); }
.usfar-plot-table th, .usfar-plot-table td{ padding:16px 18px; text-align:left; font-size:14px; border-bottom:1px solid #f0ebe1; }
.usfar-plot-table th{ background:var(--usfar-dark); color:#fff; text-transform:uppercase; font-size:12px; letter-spacing:1px; }
.usfar-plot-table tr:last-child td{ border-bottom:none; }
.usfar-status{ padding:4px 12px; border-radius:20px; font-size:12px; font-weight:700; }
.usfar-status--available{ background:#e6f4ea; color:#1e7b34; }
.usfar-status--limited{ background:#fdf1de; color:#b8783c; }
.usfar-status--sold{ background:#fbe7e7; color:#c0392b; }

/* ---------- Filter bar (Plot Availability) ---------- */
.usfar-filterbar{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:30px; }
.usfar-filterbar select, .usfar-filterbar input{
  padding:12px 14px; border-radius:var(--usfar-radius); border:1px solid #ddd3c4; font-size:14px;
}