/* INTEK Groups — Actions Rapides FORCE STRETCH v1.2
   Sa a pa sèlman fè text/icon pi vizib. Li fòse container + options yo etire full-width. */

html,
body {
  overflow-x: hidden !important;
}

body.ig-actions-stretch-net-active .site,
body.ig-actions-stretch-net-active .site-content,
body.ig-actions-stretch-net-active .content-area,
body.ig-actions-stretch-net-active .site-main,
body.ig-actions-stretch-net-active main,
body.ig-actions-stretch-net-active article,
body.ig-actions-stretch-net-active .entry-content,
body.ig-actions-stretch-net-active .page-content,
body.ig-actions-stretch-net-active .woocommerce,
body.ig-actions-stretch-net-active .v7-wallet-page,
body.ig-actions-stretch-net-active .intek-main,
body.ig-actions-stretch-net-active .ig-actions-stretch-net-parent,
body.ig-actions-stretch-net-active .ig-actions-force-parent {
  max-width: none !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Titre Actions rapides */
body .ig-actions-title-net,
body h1.ig-actions-title-net,
body h2.ig-actions-title-net,
body h3.ig-actions-title-net,
body .mini-title.ig-actions-title-net {
  width: calc(100vw - 32px) !important;
  max-width: calc(100vw - 32px) !important;
  margin-left: calc(50% - 50vw + 16px) !important;
  margin-right: calc(50% - 50vw + 16px) !important;
  box-sizing: border-box !important;
}

/* Grid la li menm: full-width/full-bleed */
body .ig-actions-stretch-net,
body .ig-actions-force-grid,
body .quick-grid.ig-actions-stretch-net,
body .v7-quick-grid.ig-actions-stretch-net,
body section.quick-grid.ig-actions-stretch-net,
body .wallet-actions.ig-actions-stretch-net,
body .intek-actions.ig-actions-stretch-net,
body .intek-quick-actions.ig-actions-stretch-net {
  width: calc(100vw - 32px) !important;
  max-width: calc(100vw - 32px) !important;
  min-width: calc(100vw - 32px) !important;
  margin-left: calc(50% - 50vw + 16px) !important;
  margin-right: calc(50% - 50vw + 16px) !important;
  margin-top: 0 !important;
  margin-bottom: 42px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  transform: none !important;
}

/* Chak option/card etire nèt */
body .ig-actions-stretch-net > *,
body .ig-actions-force-grid > *,
body .ig-actions-force-card,
body .ig-actions-stretch-net > a,
body .ig-actions-stretch-net > button,
body .ig-actions-stretch-net > div,
body .ig-actions-stretch-net > article {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 170px !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
}

body .ig-actions-stretch-net > a,
body .ig-actions-stretch-net > button,
body .ig-actions-stretch-net > div,
body .ig-actions-stretch-net > article,
body .ig-actions-force-card {
  padding: 24px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 12px !important;
  border-radius: 26px !important;
  overflow: hidden !important;
}

/* Pa fòse icon yo vin gwo; nou limite yo pou sa pa tounen “just visible” */
body .ig-actions-stretch-net svg,
body .ig-actions-stretch-net .intek-svg,
body .ig-actions-stretch-net .icon,
body .ig-actions-stretch-net i,
body .ig-actions-force-card svg,
body .ig-actions-force-card .intek-svg,
body .ig-actions-force-card .icon,
body .ig-actions-force-card i {
  flex: 0 0 auto !important;
  max-width: 52px !important;
  max-height: 52px !important;
}

body .ig-actions-stretch-net strong,
body .ig-actions-stretch-net span,
body .ig-actions-stretch-net p,
body .ig-actions-force-card strong,
body .ig-actions-force-card span,
body .ig-actions-force-card p {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 1180px) {
  body .ig-actions-stretch-net,
  body .ig-actions-force-grid,
  body .quick-grid.ig-actions-stretch-net,
  body .v7-quick-grid.ig-actions-stretch-net {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (max-width: 760px) {
  body .ig-actions-title-net,
  body h1.ig-actions-title-net,
  body h2.ig-actions-title-net,
  body h3.ig-actions-title-net,
  body .mini-title.ig-actions-title-net {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    margin-left: calc(50% - 50vw + 10px) !important;
    margin-right: calc(50% - 50vw + 10px) !important;
  }

  body .ig-actions-stretch-net,
  body .ig-actions-force-grid,
  body .quick-grid.ig-actions-stretch-net,
  body .v7-quick-grid.ig-actions-stretch-net,
  body .wallet-actions.ig-actions-stretch-net,
  body .intek-actions.ig-actions-stretch-net,
  body .intek-quick-actions.ig-actions-stretch-net {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    min-width: calc(100vw - 20px) !important;
    margin-left: calc(50% - 50vw + 10px) !important;
    margin-right: calc(50% - 50vw + 10px) !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body .ig-actions-stretch-net > *,
  body .ig-actions-force-grid > *,
  body .ig-actions-force-card {
    min-height: 135px !important;
    padding: 20px 16px !important;
  }
}