/* === Minimal mobile enhancements (safe) === */

/* Contacte: stack columns on small screens and make fields full-width */
@media (max-width: 768px){
  .contact, .contacte, .contact-wrap, .contact-grid, .contact-container {
    display: block !important;
  }
  .contact .col, .contacte .col, .contact-grid > * {
    width: 100% !important;
    max-width: 100% !important;
  }
  form input[type="text"], form input[type="email"], form input[type="tel"],
  form input[type="search"], form select, form textarea {
    width: 100% !important;
  }
  /* Map responsive */
  .map, .contact-map, .map-wrap, iframe[src*="maps"]{
    width: 100% !important;
    max-width: 100% !important;
    height: clamp(260px, 40vh, 420px) !important;
  }
}

/* Hamburger only on mobile */
.nav-toggle{ display:none; background:transparent; border:0; font-size:1.7rem; line-height:1; padding:10px; }
@media (max-width: 768px){
  .nav-toggle{ display:inline-block; }
  header nav, .header nav{ display:none; }
  header nav.is-open, .header nav.is-open{ display:block; }
  header nav a, .header nav a{ display:block; padding:12px 10px; }
}

/* Better tap targets on mobile nav */
@media (max-width:768px){
  header nav a, .header nav a{ min-height:44px; }
}

/* Forms: keep inputs readable */
input, select, textarea{ font-size:16px; }