/* =========================================================
   DIVI - Section full-bleed (MOBILE ONLY)
   Add class "fff-donation-fullbleed" to the SECTION
========================================================= */
@media (max-width: 767px){

  /* 1) Kill all section spacing */
  .et_pb_section.fff-donation-fullbleed{
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  /* 2) Kill row spacing + force full width */
  .et_pb_section.fff-donation-fullbleed > .et_pb_row{
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 3) Kill any column/module spacing inside */
  .et_pb_section.fff-donation-fullbleed .et_pb_column,
  .et_pb_section.fff-donation-fullbleed .et_pb_module{
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 4) Stack columns cleanly */
  .et_pb_section.fff-donation-fullbleed .et_pb_row{
    display: block !important;
  }

  /* 5) Force the FORM container to full width */
  .et_pb_section.fff-donation-fullbleed .wpforms-container,
  .et_pb_section.fff-donation-fullbleed .wpforms-container-full{
    margin: 0 !important;
    width: 100% !important;
  }
}

/* =========================================================
   10a. MOBILE: keep the title visible (fixed header overlap fix)
   Section class: fff-donation-fullbleed
========================================================= */
@media (max-width: 767px){

  /* Default (not logged-in): adjust if needed */
  .et_pb_section.fff-donation-fullbleed{
    padding-top: 40px !important; /* 72-110px selon ton header */
  }

  /* Logged-in (admin bar adds extra height) */
  body.admin-bar .et_pb_section.fff-donation-fullbleed{
    padding-top: 40px !important; /* 110-150px selon ton cas */
  }
}