/* ============================================================
   Extra MatGeco — Core Extensions — Width control
   Ajoute "Largeur du bloc" aux blocs core/columns, core/group, core/cover.
   ============================================================ */
.em-w-100  { max-width: 100% !important; }
.em-w-90,
.em-w-80,
.em-w-75,
.em-w-66,
.em-w-50,
.em-w-custom { margin-left: auto !important; margin-right: auto !important; }
.em-w-90   { max-width: 90%  !important; }
.em-w-80   { max-width: 80%  !important; }
.em-w-75   { max-width: 75%  !important; }
.em-w-66   { max-width: 66.6667% !important; }
.em-w-50   { max-width: 50%  !important; }
.em-w-full {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
.em-w-custom { max-width: var(--em-custom-w, 100%) !important; }


/* === v0.13.8 — Largeur responsive (tablette + mobile) ===================== */

/* Tablette : <= 1023px */
@media (max-width: 1023px) {
  .em-w-tab-100   { max-width: 100% !important; }
  .em-w-tab-90,
  .em-w-tab-80,
  .em-w-tab-75,
  .em-w-tab-66,
  .em-w-tab-50,
  .em-w-tab-custom { margin-left: auto !important; margin-right: auto !important; }
  .em-w-tab-90    { max-width: 90%  !important; }
  .em-w-tab-80    { max-width: 80%  !important; }
  .em-w-tab-75    { max-width: 75%  !important; }
  .em-w-tab-66    { max-width: 66.6667% !important; }
  .em-w-tab-50    { max-width: 50%  !important; }
  .em-w-tab-full  {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }
  .em-w-tab-custom { max-width: var(--em-custom-w-tab, 100%) !important; }
}

/* Mobile : <= 767px */
@media (max-width: 767px) {
  .em-w-mob-100   { max-width: 100% !important; }
  .em-w-mob-90,
  .em-w-mob-80,
  .em-w-mob-75,
  .em-w-mob-66,
  .em-w-mob-50,
  .em-w-mob-custom { margin-left: auto !important; margin-right: auto !important; }
  .em-w-mob-90    { max-width: 90%  !important; }
  .em-w-mob-80    { max-width: 80%  !important; }
  .em-w-mob-75    { max-width: 75%  !important; }
  .em-w-mob-66    { max-width: 66.6667% !important; }
  .em-w-mob-50    { max-width: 50%  !important; }
  .em-w-mob-full  {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }
  .em-w-mob-custom { max-width: var(--em-custom-w-mob, 100%) !important; }
}