.elementor-13147 .elementor-element.elementor-element-ea474cc{--display:flex;}.elementor-13147 .elementor-element.elementor-element-e9472d0 > .elementor-widget-container{padding:1.5rem 1.125rem 2.25rem 1.125rem;}@media(max-width:1020px){.elementor-13147 .elementor-element.elementor-element-e9472d0 > .elementor-widget-container{padding:1.25rem 1rem 2rem 1rem;}}@media(max-width:778px){.elementor-13147 .elementor-element.elementor-element-e9472d0 > .elementor-widget-container{padding:1rem 0.875rem 1.75rem 0.875rem;}}/* Start custom CSS for html, class: .elementor-element-e9472d0 *//* =========================
   STOIK – Systèmes de management ISO
   Scope : .stoik-smi
   Layout horizontal géré par Elementor
   ========================= */

.stoik-smi{
  padding-top: 0;
  padding-bottom: 0;
}

/* =========================
   Titres
   ========================= */
.stoik-smi h2{
  margin: 2.125rem 0 0.875rem;
  font-weight: 800;
  color: #111925;
  letter-spacing: -0.2px;
  line-height: 1.15;
}

.stoik-smi h3{
  margin: 0 0 0.5rem;
  font-weight: 800;
  color: #111925;
  line-height: 1.2;
}

/* =========================
   Texte
   ========================= */
.stoik-smi p{
  margin: 0.625rem 0;
  line-height: 1.65;
  color: rgba(17,25,37,0.85);
}

/* =========================
   HERO
   ========================= */
.stoik-smi__hero{
  background: rgba(17,25,37,0.04);
  border: 1px solid rgba(17,25,37,0.10);
  border-radius: 1rem;
  padding: 1.125rem 1.125rem 0.875rem;
}

.stoik-smi__lead{
  font-size: 1.125rem;
  font-weight: 800;
  margin: 0 0 0.5rem;
  color: #111925;
  line-height: 1.55;
}

.stoik-smi__sub{
  margin: 0 0 0.875rem;
  color: rgba(17,25,37,0.85);
}

.stoik-smi__micro{
  font-size: 0.8125rem;
  color: rgba(17,25,37,0.65);
}

/* =========================
   CTA (CENTRÉ – HERO)
   ========================= */
.stoik-smi__cta{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  text-align: center;
}

.stoik-smi__btn{
  display: inline-block;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  font-weight: 800;
  background: #111925;
  color: #ffffff !important;
  text-decoration: none !important;
  border: 1px solid rgba(17,25,37,0.25);
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease,
    border-color .18s ease;
  will-change: transform;
}

.stoik-smi__btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(17,25,37,0.22);
  border-color: rgba(249,168,37,0.65);
  filter: brightness(1.05);
}

.stoik-smi__btn:focus-visible{
  outline: 3px solid rgba(249,168,37,0.55);
  outline-offset: 3px;
}

/* =========================
   Pills
   ========================= */
.stoik-smi__kpis{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.625rem;
  margin: 0.875rem 0 0.375rem;
}

.stoik-smi__pill{
  border: 1px solid rgba(17,25,37,0.10);
  background: #ffffff;
  border-radius: 999px;
  padding: 0.625rem 0.75rem;
  text-align: center;
  font-size: 0.875rem;
  color: rgba(17,25,37,0.85);
}

/* =========================
   Cards
   ========================= */
.stoik-smi__grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-top: 0.625rem;
}

.stoik-smi__card{
  background: #ffffff;
  border: 1px solid rgba(17,25,37,0.10);
  border-radius: 1rem;
  padding: 0.875rem;
  box-shadow: 0 8px 18px rgba(17,25,37,0.06);
}

.stoik-smi__card p{
  margin: 0;
  line-height: 1.65;
  color: rgba(17,25,37,0.80);
}

/* =========================
   CTA BAS (FOOTER)
   ========================= */
.stoik-smi__cta-bottom{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.stoik-smi__cta-bottom .stoik-smi__btn{
  margin-left: auto;
  margin-right: auto;
}

/* =========================
   Responsive
   ========================= */
@media (max-width: 48.75rem){
  .stoik-smi__kpis,
  .stoik-smi__grid{
    grid-template-columns: 1fr;
  }
}/* End custom CSS */