/* Contact page styles - contact.css */

/* Hero */
.contact-hero {
  min-height: 220px;
  background: linear-gradient(135deg,#0d4c8d 0%,#1652b3 50%,#0d6efd 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(13,76,141,0.12);
  margin: 20px 0;
}
.contact-hero h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 38px;
  letter-spacing: 1px;
  margin: 0;
  font-weight: 800;
}

/* Grid */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  margin-top: 18px;
}

/* Info cards */
.contact-info {
  background: #fff; 
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(11,30,58,0.06);
}
.contact-info h2 { margin-top: 0; font-size: 22px; }
.contact-info .meta { color: #6b7280; margin: 6px 0; }
.contact-socials { margin-top: 12px; display:flex; gap:10px; }
.contact-socials a { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:8px; background:#f3f6fb; color:#0d4c8d; text-decoration:none; font-size:18px; }

/* Enquiry form card */
.enquiry-card {
  background: #fff;
  padding: 22px;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(11,30,58,0.06);
}
.enquiry-card h2 { margin-top: 0; font-size: 22px; }
.enquiry-card p { margin-bottom: 12px; }
.form-group { margin-bottom: 12px; }
.form-group label { display:block; font-weight:600; font-size:13px; margin-bottom:6px; }
.form-group input[type="text"], .form-group input[type="email"], .form-group textarea, .form-group select {
  width:100%; padding:12px 14px; border:1px solid #e6eef9; border-radius:8px; background:#fbfdff; font-size:14px; outline:none;
}
.form-group textarea { min-height:110px; resize:vertical; }
.input-row { display:flex; gap:12px; }
.input-row .form-group { flex:1; }
.btn-primary { background:#ff9a00; color:#fff; padding:12px 18px; border-radius:8px; border:none; cursor:pointer; font-weight:700; }
.btn-primary:hover { background:#ff8a00; }

/* Map */
.contact-map { margin-top: 26px; }
.contact-map iframe { width:100%; height:420px; border-radius:12px; border:0; box-shadow:0 8px 30px rgba(13,76,141,0.06); }

/* Small info blocks beneath */
.contact-grid + .contact-map { grid-column: 1 / -1; }

/* Responsive */
@media (max-width: 920px) {
  .contact-grid { grid-template-columns: 1fr; }
  .contact-hero { min-height:180px }
  .contact-map iframe { height:300px; }
}

@media (max-width:480px) {
  .contact-hero h1 { font-size:28px }
  .input-row { flex-direction:column; }
}