.elementor-1142 .elementor-element.elementor-element-eb27390{--display:flex;}.elementor-1142 .elementor-element.elementor-element-f4b0c70{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1142 .elementor-element.elementor-element-4e1deda{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-1142 .elementor-element.elementor-element-8a4e142 .elementor-button{background-color:var( --e-global-color-accent );border-style:none;border-radius:0px 0px 0px 0px;}.elementor-1142 .elementor-element.elementor-element-8a4e142 .elementor-button:hover, .elementor-1142 .elementor-element.elementor-element-8a4e142 .elementor-button:focus{background-color:#63B5DD;}.elementor-1142 .elementor-element.elementor-element-8a4e142 > .elementor-widget-container{padding:10px 10px 10px 10px;border-style:none;}.elementor-1142 .elementor-element.elementor-element-8a4e142.elementor-element{--align-self:flex-start;}.elementor-1142 .elementor-element.elementor-element-daff299{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1142 .elementor-element.elementor-element-da54aed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:5px;--margin-right:5px;}.elementor-1142 .elementor-element.elementor-element-363317b{text-align:center;}.elementor-1142 .elementor-element.elementor-element-61e020a > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-1142 .elementor-element.elementor-element-88aa984{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:5px;--margin-right:5px;}.elementor-1142 .elementor-element.elementor-element-d0cc2d1{text-align:center;}.elementor-1142 .elementor-element.elementor-element-5e383de > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-1142 .elementor-element.elementor-element-495445f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1142 .elementor-element.elementor-element-f4b0c70{--width:66.6666%;}.elementor-1142 .elementor-element.elementor-element-4e1deda{--width:100%;}.elementor-1142 .elementor-element.elementor-element-da54aed{--width:50%;}.elementor-1142 .elementor-element.elementor-element-88aa984{--width:50%;}}/* Start custom CSS *//* ===== CARTES DE FORMATION (page accueil) ===== */

/* Conteneur des cartes — utilise une classe Elementor personnalisée */
.formations-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2rem;
  padding: 2rem 0;
}

/* Chaque carte */
.carte-formation {
  background: var(--couleur-fond-carte);
  border-radius: var(--rayon-bordure);
  box-shadow: var(--ombre-carte);
  overflow: hidden;
  transition: var(--transition);
  border: 1px solid var(--couleur-bordure);
}

.carte-formation:hover {
  transform: translateY(-4px);
  box-shadow: var(--ombre-survol);
}

/* Image de la carte */
.carte-formation img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* Contenu texte sous l'image */
.carte-formation .carte-contenu {
  padding: 1.5rem;
}

.carte-formation .carte-contenu h3 {
  margin: 0 0 0.5rem 0;
  font-size: 1.25rem;
}

.carte-formation .carte-contenu p {
  color: var(--couleur-texte-clair);
  font-size: 0.95rem;
  margin: 0 0 1.25rem 0;
}
/* ===== BOUTONS ===== */
.bouton-principal,
.learndash-wrapper .ld-button,
.elementor-button {
  background: var(--couleur-principale) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 28px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: var(--transition);
  text-transform: none !important;
}

.bouton-principal:hover,
.learndash-wrapper .ld-button:hover,
.elementor-button:hover {
  background: #2d5066 !important;
  transform: translateY(-1px);
  box-shadow: var(--ombre-legere);
}

/* Bouton accent (CTA important) */
.bouton-accent {
  background: var(--couleur-accent) !important;
}

.bouton-accent:hover {
  background: #b06d00 !important;
}

/* Bouton déconnexion — plus discret */
.bouton-deconnexion,
a[href*="logout"] {
  background: transparent !important;
  color: var(--couleur-texte-clair) !important;
  border: 1px solid var(--couleur-bordure) !important;
  font-size: 0.85rem !important;
  padding: 8px 20px !important;
}

a[href*="logout"]:hover {
  background: #f1f5f9 !important;
  color: var(--couleur-texte) !important;
}
/* ===== EN-TÊTE BIENVENUE ===== */
.section-bienvenue {
  background: linear-gradient(135deg, var(--couleur-principale) 0%, #2d5066 100%);
  padding: 3rem 2rem;
  border-radius: 0 0 var(--rayon-bordure) var(--rayon-bordure);
  margin-bottom: 2rem;
  color: #ffffff;
}

.section-bienvenue h1 {
  color: #ffffff;
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
}

.section-bienvenue p {
  color: rgba(255,255,255,0.8);
  font-size: 1.05rem;
}

/* ===== FIX : Header bienvenue ===== */
.section-bienvenue .elementor-heading-title,
.section-bienvenue .elementor-widget-heading .elementor-heading-title {
  color: #ffffff !important;
}

.section-bienvenue .elementor-widget-text-editor,
.section-bienvenue .elementor-widget-text-editor p {
  color: rgba(255,255,255,0.85) !important;
  font-size: 1.05rem;
}

/* Padding interne du header */
.section-bienvenue {
  padding: 2.5rem 2rem !important;
  border-radius: var(--rayon-bordure) !important;
  margin-bottom: 2rem !important;
}

/* Discréter le bloc déconnexion */
.elementor-widget-wrap:has(a[href*="logout"]) {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}/* End custom CSS */