/* FORZAR FULL WIDTH EN FORMULARIO DE FOOTER (Bypass CF7) */
#footer .wpcf7 form input[type="text"],
#footer .wpcf7 form input[type="email"],
#footer .wpcf7 form input[type="tel"],
#footer .wpcf7 form textarea,
#footer .wpcf7-form-control-wrap {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
}

/*
 * Mock actualitzat de mòbil (2026-07-24): formulari de contacte i peu.
 * Legacy_new-child-theme.css ja porta la major part de l'estil real
 * (fons fosc, inputs en píndola, checkbox personalitzat...) pensat per
 * acabar en 2 columnes a partir de 992px (label 1/2 -> 47% + float) - però
 * per sota d'aquest breakpoint es queda a mig camí (width: 60% sense
 * float, botó "Enviar" a 50%): els camps Nom/Empresa i el botó queden
 * estrets en comptes de fer amplada completa, com mostra el mock. Es
 * sobreescriu amb el mateix selector (mateixa especificitat, guanya per
 * ordre de sortida - aquest full es carrega després de Legacy, veure
 * matteria_custom_components_assets()).
 */
@media screen and (max-width: 991.98px) {
  .footer form.wpcf7-form label:nth-of-type(1),
  .footer form.wpcf7-form label:nth-of-type(2) {
    width: 100%;
  }

  .footer form.wpcf7-form .wpcf7-submit {
    width: 100%;
  }
}