/* Uitvaartverzekeringexpert — gedeelde basis
   De pagina-styling staat grotendeels inline; dit bestand houdt alleen
   wat niet inline kan: resets, het mobiele menu en de footer-responsiviteit. */

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: 'Plus Jakarta Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #2a2118;
  background: #faf6ef;
}
img { max-width: 100%; }

/* ---------- mobiel hamburger-menu ---------- */
#mobBurger { display: none; }
@media (max-width: 980px) {
  #mobBurger { display: inline-flex !important; }
  header nav { display: none !important; }
}

/* ---------- gedeeld menu rechts uitlijnen ---------- */
header nav { margin-left: auto; }

/* ---------- verzekeraars-dropdown in de header ---------- */
.nav-drop { position: relative; }
.nav-drop > a::after { content: "⌄"; margin-left: 5px; font-size: 12px; position: relative; top: -1px; }
.nav-dropmenu { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); padding-top: 12px; z-index: 60; }
.nav-drop:hover .nav-dropmenu, .nav-drop:focus-within .nav-dropmenu { display: block; }
.nav-dropmenu > span { display: flex; flex-direction: column; background: #fff; border: 1px solid #ece2d2; border-radius: 12px; box-shadow: 0 14px 34px rgba(31,24,16,.14); padding: 8px; min-width: 196px; }
.nav-dropmenu a { padding: 10px 14px; border-radius: 8px; font-size: 14px; font-weight: 600; color: #4a4338; text-decoration: none; white-space: nowrap; }
.nav-dropmenu a:hover { background: #f3ece0; color: #16a596; }

/* ---------- gedeelde footer ---------- */
@media (max-width: 860px) {
  footer > div { padding-left: 6% !important; padding-right: 6% !important; }
  footer > div > div:first-child {
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
  }
}
@media (max-width: 540px) {
  footer > div > div:first-child { grid-template-columns: 1fr !important; }
}