/*
 Theme Name:   Mezan Child
 Theme URI:    https://wdtthemes.kinsta.cloud/mezan
 Description:  Mezan Child Theme
 Author:       the Mezan team
 Author URI:   https://wedesignthemes.com/
 Template:     mezan
 Version:      1.0.0
 Text Domain:  mezan-child
*/

/* Verberg side-nav containers zonder <li> items */
.side-nav-container:not(:has(li)) {
  display: none !important;
}

@media (max-width: 1540px) {
  .wdt-order-10 { order: 1 !important; }
  .wdt-order-20 { order: 2 !important; }
  .wdt-order-40 { order: 3 !important; }
  .wdt-order-30 { order: 4 !important; }
}

/* CF7 voegt soms <p> en <br> toe -> die slopen je layout */
.wdt-contact-form-1 .wdt-contact-infos p{
  margin: 0 !important;
}
.wdt-contact-form-1 .wdt-contact-infos br{
  display: none !important;
}

/* Forceer dat wrappers + controls de kolom vullen (overrule theme widths) */
.wdt-contact-form-1 .wdt-contact-infos .wpcf7-form-control-wrap{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

.wdt-contact-form-1 .wpcf7-form-control{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Mobiel: 1 kolom */
@media (max-width: 768px){
  .wdt-contact-form-1 .wdt-contact-infos{
    grid-template-columns: 1fr;
  }
}


/* Zorg dat de grid-items de kolom vullen */
.wdt-contact-form-1 .wdt-contact-infos > *{
  width: 100% !important;
  max-width: 100% !important;
}

/* CF7 wraps */
.wdt-contact-form-1 .wpcf7-form-control-wrap{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* De daadwerkelijke velden */
.wdt-contact-form-1 .wpcf7-form-control{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  display: block !important;
}

/* Omschrijving ook netjes full width */
.wdt-contact-form-1 textarea{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}