/* ===== CONTACT LAYOUT ===== */
.contact-layout {
  background-color: #ffffff;
}

.contact-container {
  background: #f8fafc;
  border-radius: 10px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.11);
}

.contact-container h2 {
  font-weight: 700;
  color: #0f172a;
}

.contact-container label {
  font-weight: 500;
}

.contact-container .form-control {
  border-radius: 8px;
  padding: 10px 14px;
}

.contact-container button {
  border-radius: 8px;
  font-weight: 600;
}

/* ===== MAP ===== */
.map-wrapper {
  border-radius: 10px;
  overflow: hidden;
  min-height: 100%;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.27);
}

.map-wrapper iframe {
  width: 100%;
  height: 100%;
  min-height: 420px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.27);
}

/* =====================
   NAVBAR HALAMAN KONTAK
===================== */

.page-contact .navbar {
  background-color: #ffc107;
  padding: 15px 0;
}

.page-contact .navbar .navbar-brand,
.page-contact .navbar .nav-link {
  color: #212529 !important;
}

.page-contact .navbar .nav-link:hover {
  color: #ffffff !important;
}

/* DROPDOWN */
.page-contact .navbar .dropdown {
  background-color: #ffc107;
}

.page-contact .navbar .dropdown .nav-link {
  color: #212529 !important;
}

.page-contact .navbar .dropdown .nav-link:hover {
  background: rgba(0,0,0,0.08);
}

.page-contact {
  padding-top: 110px;
}