/**
 * GATARD Pro Pages v1.12.40
 * CMS 9 — gatard-events__line-ico
 *
 * Centre réellement les SVG dans leur bloc et empêche tout dépassement.
 */

html body.cms-id-9 #gatard-events
.gatard-events-values
.gatard-events__commitment-grid
.gatard-events__line-ico {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;

  margin: 0 0 18px !important;
  padding: 0 !important;

  overflow: hidden !important;
  flex: 0 0 48px !important;

  border: 1px solid rgba(216,167,72,.30) !important;
  border-radius: 12px !important;
  background: rgba(216,167,72,.10) !important;

  line-height: 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

html body.cms-id-9 #gatard-events
.gatard-events-values
.gatard-events__commitment-grid
.gatard-events__line-ico > img,
html body.cms-id-9 #gatard-events
.gatard-events-values
.gatard-events__commitment-grid
.gatard-events__line-ico > svg {
  position: static !important;
  display: block !important;

  width: 22px !important;
  height: 22px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 22px !important;
  max-height: 22px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center center !important;

  transform: none !important;
  translate: none !important;
  inset: auto !important;

  flex: 0 0 auto !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Neutralise les tailles héritées qui peuvent faire sortir le pictogramme. */
html body.cms-id-9 #gatard-events
.gatard-events-values
.gatard-events__commitment-grid
.gatard-events__line-ico img {
  vertical-align: middle !important;
}

/* Tablette */
@media (min-width: 768px) and (max-width: 1199.98px) {
  html body.cms-id-9 #gatard-events
  .gatard-events-values
  .gatard-events__commitment-grid
  .gatard-events__line-ico {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
    flex-basis: 46px !important;
    border-radius: 11px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events-values
  .gatard-events__commitment-grid
  .gatard-events__line-ico > img,
  html body.cms-id-9 #gatard-events
  .gatard-events-values
  .gatard-events__commitment-grid
  .gatard-events__line-ico > svg {
    width: 21px !important;
    height: 21px !important;
    max-width: 21px !important;
    max-height: 21px !important;
  }
}

/* Mobile : conserve le layout horizontal validé mais centre parfaitement l'icône. */
@media (max-width: 767.98px) {
  html body.cms-id-9 #gatard-events
  .gatard-events-values
  .gatard-events__commitment-grid
  .gatard-events__line-ico {
    grid-row: 1 / span 2 !important;

    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;

    margin: 0 !important;
    flex-basis: 44px !important;
    border-radius: 10px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events-values
  .gatard-events__commitment-grid
  .gatard-events__line-ico > img,
  html body.cms-id-9 #gatard-events
  .gatard-events-values
  .gatard-events__commitment-grid
  .gatard-events__line-ico > svg {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
  }
}