/* =========================================================
   CONTACT – JP INFRA DEVELOPERS
   ========================================================= */

/* ================= INNER HERO ================= */
.inner-hero{
   background: var(--brand-dark);
  color: var(--text-on-dark); /* Static #fff replaced */
  padding:46px 0;
}

.inner-hero-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
}

.inner-hero-title{
  font-size:2rem;
  font-weight:800;
}

.inner-hero-sub{
  font-size:.9rem;
  opacity:.9;
}

/* Breadcrumb */
.breadcrumb{
  font-size:.8rem;
}
.breadcrumb a{
  color: var(--accent); /* Replaced light blue with theme accent */
}

/* ================= SECTION ================= */
.section-contact{
  background: var(--bg-light); /* Dynamic BG */
}

/* ================= LAYOUT ================= */
.contact-layout{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:30px;
}

/* ================= CARD ================= */
.card-block{
  background: var(--card); /* Static #fff replaced */
  border:1px solid var(--border);
  padding:26px;
}

/* ================= LEFT INFO ================= */
.contact-heading{
  font-size:1.25rem;
  margin-bottom:16px;
  font-weight:700;
}

.contact-item{
  display:flex;
  gap:14px;
  margin-bottom:16px;
}

.contact-icon-circle{
  width:40px;
  height:40px;
  background: var(--bg-light); /* Static light blue replaced */
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--accent); /* Replaced brand with accent for premium look */
}

.contact-label{
  font-size:.75rem;
  color: var(--muted); /* Static #777 replaced */
}

.contact-text{
  font-size:.85rem;
  color: var(--text); /* Dynamic text color */
}

.contact-about{
  font-size:.85rem;
  color: var(--muted); /* Static #555 replaced */
  margin-top:20px;
}

/* ================= FORM ================= */
.contact-form-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.cf-group label{
  font-size:.75rem;
  color: var(--muted); /* Static #666 replaced */
}

.cf-group input,
.cf-group textarea{
  width:100%;
  padding:10px 12px;
  font-size:.85rem;
  border:1px solid var(--border);
  background: var(--bg-card);
  color: var(--text); /* Ensure input text is dynamic */
}

.cf-group textarea{
  resize:vertical;
  min-height:120px;
}

.cf-checkbox{
  display:flex;
  gap:10px;
  font-size:.8rem;
  margin:14px 0;
}

/* Submit */
.cf-submit-btn{
  padding:12px 20px;
  font-size:11px;
  letter-spacing:.15em;
  text-transform:uppercase;
  border:1px solid var(--accent);
background: var(--accent);
color: var(--brand-dark);
  cursor:pointer;
}

.cf-submit-btn:hover{
  color: var(--accent); /* Static #000 replaced */
  background: var(--brand-dark);
}

/* ================= MAP ================= */
.contact-map-wrap iframe{
  width:100%;
  height:360px;
  border:0;
  border-radius: var(--radius); /* Linked to theme radius */
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:900px){
  .contact-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:768px){
  .inner-hero-title{
    font-size:1.6rem;
  }

  .contact-form-grid{
    grid-template-columns:1fr;
  }

  .contact-map-wrap iframe{
    height:260px;
  }
}