/*
 * CSF Formation Manager V8.5.0.9
 * Public Widget Asset Contract & Domain Cards Rendering
 *
 * Couche corrective strictement scoppée au widget
 * csf_mega_menu_domaines_configurable. Les contrôles Elementor continuent
 * d'alimenter les variables CSS et gardent la priorité.
 */
.csf-domain-mega.csf-mega-domaines-configurable{
  isolation:isolate;
  width:100%;
}

.csf-domain-mega.csf-mega-domaines-configurable .csf-domain-mega__grid{
  display:grid !important;
  grid-template-columns:repeat(var(--csf-domain-columns,4),minmax(0,1fr)) !important;
  gap:var(--csf-domain-gap,18px) !important;
  width:100%;
  align-items:stretch;
}

.csf-domain-mega.csf-mega-domaines-configurable .csf-domain-mega__card.csf-card{
  display:flex !important;
  flex-direction:column !important;
  min-width:0;
  min-height:220px;
  height:100%;
  padding:20px;
  border:1px solid var(--csf-domain-card-border-color,rgba(17,43,74,.08));
  border-radius:22px;
  background:var(--csf-domain-card-bg,#f8fbfd) !important;
  box-shadow:inset 0 var(--csf-domain-accent-size,4px) 0 var(--csf-domain-card-accent,var(--csf-domain-accent,#008491));
  overflow:hidden;
}

.csf-domain-mega.csf-mega-domaines-configurable .csf-domain-mega__top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px;
}

.csf-domain-mega.csf-mega-domaines-configurable .csf-domain-mega__body{
  display:flex !important;
  flex:1 1 auto;
  flex-direction:column !important;
  min-width:0;
  gap:12px;
}

.csf-domain-mega.csf-mega-domaines-configurable .csf-domain-mega__icon.csf-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto;
  width:54px;
  height:54px;
  border-radius:16px;
  background:var(--csf-domain-icon-bg,var(--csf-domain-card-accent,var(--csf-domain-accent,#008491))) !important;
  color:var(--csf-domain-icon-color,#fff) !important;
}

.csf-domain-mega.csf-mega-domaines-configurable .csf-domain-mega__icon svg{
  display:block;
  width:23px !important;
  height:23px !important;
  max-width:none !important;
  fill:currentColor !important;
  stroke:currentColor !important;
}

.csf-domain-mega.csf-mega-domaines-configurable .csf-domain-mega__count.csf-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content;
  max-width:100%;
  border-radius:999px;
  background:var(--csf-domain-badge-bg,var(--csf-domain-card-accent,var(--csf-domain-accent,#008491))) !important;
  color:var(--csf-domain-badge-color,#fff) !important;
  white-space:nowrap;
}

.csf-domain-mega.csf-mega-domaines-configurable .csf-domain-mega__name.csf-title{
  margin:0 !important;
  color:var(--csf-domain-title-color,#18395f) !important;
}

.csf-domain-mega.csf-mega-domaines-configurable .csf-domain-mega__desc.csf-text{
  margin:0 !important;
  color:var(--csf-domain-desc-color,#5c6f82) !important;
}

.csf-domain-mega.csf-mega-domaines-configurable a.csf-domain-mega__button.csf-button,
.csf-domain-mega.csf-mega-domaines-configurable a.csf-domain-mega__button.csf-button:visited,
.csf-domain-mega.csf-mega-domaines-configurable span.csf-domain-mega__button.csf-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:flex-start;
  width:max-content;
  max-width:100%;
  margin-top:auto;
  text-decoration:none !important;
  background:var(--csf-domain-button-bg,var(--csf-domain-card-accent,var(--csf-domain-accent,#008491))) !important;
  color:var(--csf-domain-button-color,#fff) !important;
  border-color:var(--csf-domain-button-border-color,transparent) !important;
}

.csf-domain-mega.csf-mega-domaines-configurable a.csf-domain-mega__button.csf-button span,
.csf-domain-mega.csf-mega-domaines-configurable a.csf-domain-mega__button.csf-button em,
.csf-domain-mega.csf-mega-domaines-configurable span.csf-domain-mega__button.csf-button span,
.csf-domain-mega.csf-mega-domaines-configurable span.csf-domain-mega__button.csf-button em{
  color:inherit !important;
}

.csf-domain-mega.csf-mega-domaines-configurable a.csf-domain-mega__button.csf-button:hover,
.csf-domain-mega.csf-mega-domaines-configurable a.csf-domain-mega__button.csf-button:focus{
  background:var(--csf-domain-button-hover-bg,#18395f) !important;
  color:var(--csf-domain-button-hover-color,#fff) !important;
  border-color:var(--csf-domain-button-hover-border-color,transparent) !important;
}

.csf-domain-mega.csf-mega-domaines-configurable .csf-domain-mega__card-link{
  color:inherit !important;
  text-decoration:none !important;
}

@media (max-width:1024px){
  .csf-domain-mega.csf-mega-domaines-configurable{
    --csf-domain-columns:2;
  }
}

@media (max-width:767px){
  .csf-domain-mega.csf-mega-domaines-configurable{
    --csf-domain-columns:1;
  }
  .csf-domain-mega.csf-mega-domaines-configurable a.csf-domain-mega__button.csf-button,
  .csf-domain-mega.csf-mega-domaines-configurable span.csf-domain-mega__button.csf-button{
    width:100%;
  }
}