/* Theme-friendly, Bootstrap-first styling */

/* Hero */
.contact-hero{
  background: linear-gradient(135deg,var(--swissplat-primary) 0%,var(--swissplat-primary-dark) 100%);
}

/* Card */
.contact-card .form-label{ font-weight: 600; }

/* Right-side info panel */
.contact-info{
  background: #0b1220;
  border-radius: 1rem;
  padding: 2rem;
}
.contact-info h3 { color: #fff; } /* Ensure Contact Information title is white */
.contact-item{ display:flex; gap:12px; align-items:flex-start; margin-bottom:1.25rem; }
.contact-icon{
  width:42px;height:42px;border-radius:50%;
  background: rgba(255,255,255,0.1);
  display:flex;align-items:center;justify-content:center;
}
.contact-icon i{ color: var(--bs-primary); }
.contact-details h5{ color:#fff; margin:0 0 .25rem; font-weight:600; }
.contact-details p{ color:rgba(255,255,255,0.8); }

/* Social */
.social-links{ display:flex; gap:10px; margin-top:1rem; }
.social-link{
  display:inline-flex; width:40px; height:40px; border-radius:50%;
  align-items:center; justify-content:center;
  background: rgba(255,255,255,0.14);
  color: var(--bs-primary); /* Change social icon color to primary theme color */
  transition: transform .15s ease, background .15s ease;
}
.social-link:hover{ transform: translateY(-2px); background: rgba(77,163,255,0.35); }

/* Map container border tint to match theme */
.map-container{ border: 1px solid rgba(0,0,0,.06); border-radius: 1rem; }

/* Mobile tweaks */
@media (max-width: 576px){
  .contact-info{ padding:1.25rem; border-radius:.75rem; }
}