/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* Réduction des titres en version mobile */
@media (max-width: 768px){

  h1{
    font-size: 45px !important;
    line-height: 1.2;
  }

  h2{
    font-size: 32px !important;
    line-height: 1.25;
  }

  h3{
    font-size: 22px !important;
    line-height: 1.3;
  }

  h4{
    font-size: 18px !important;
    line-height: 1.3;
  }

}


/* ==========================================
   AVADA — Mobile menu en overlay plein écran
   ========================================== */

/* Le conteneur du menu mobile : au-dessus de la page */
.fusion-mobile-nav-holder{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  height: 100vh !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  z-index: 999999 !important; /* très haut (sauf ton bouton don) */
  background: #fff !important;
}

/* Empêche certains wrappers de “couper” le menu */
.fusion-header-wrapper,
.fusion-header,
.fusion-header-v6,
.fusion-header-v7{
  overflow: visible !important;
}

/* Optionnel : bloque le scroll du contenu derrière quand le menu est ouvert */
html.fusion-open-menu,
body.fusion-open-menu{
  overflow: hidden !important;
}

/* ==========================================
   TABS- Programmes et bourses
   ========================================== */

/* Fond beige du contenu */
.fusion-tabs.vertical-tabs .tab-pane {
  background-color: #FCF4E0;
  border-radius: 30px;
}

/* Nav tabs transparente */
.fusion-tabs.vertical-tabs .nav-tabs {
  background-color: transparent;
  border: none!important;
}

/* Décalage comme dans l'inspecteur */
.fusion-tabs.vertical-tabs .tab-pane {
  margin-left: 50px;
}

.fusion-tabs.vertical-tabs .tab-pane {
	padding-top:50px!important;
	padding-left:50px!important;
	
}

/* 1) Bordure complète sur chaque onglet (4 côtés) */
.fusion-tabs.vertical-tabs .nav-tabs > li > a{
  border: 2px solid #FCF4E0 !important;   /* ou rgba(...,0.45) si tu veux */
  border-radius: 25px !important;
}

/* 2) Empêche Avada de masquer la bordure sur l’onglet actif */
.fusion-tabs.vertical-tabs .nav-tabs > li > a:before,
.fusion-tabs.vertical-tabs .nav-tabs > li > a:after{
  display: none !important;
  content: none !important;
}

/* Espace vertical entre chaque tab */
.fusion-tabs.vertical-tabs .nav-tabs > li {
  margin-bottom: 14px;
}

.fusion-tabs.vertical-tabs .nav-tabs > li > a {
  white-space: normal;
}

.fusion-tabs.vertical-tabs .nav-tabs > li > a .fusion-tab-heading h4 {
  white-space: normal;
  word-break: break-word;
}

/* =========================
   RESPONSIVE (tablette/mobile)
   ========================= */

/* 1) À partir de 1024px et moins : on empile proprement */
@media (max-width: 1024px){

  /* Annule le décalage qui casse tout */
  .fusion-tabs.vertical-tabs .tab-pane{
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* La colonne contenu doit prendre toute la largeur */
  .fusion-tabs.vertical-tabs .tab-content{
    margin-left: 0 !important;
    width: 100% !important;
  }

  /* Les tabs doivent redevenir pleine largeur */
  .fusion-tabs.vertical-tabs .nav-tabs{
    width: 100% !important;
  }

  .fusion-tabs.vertical-tabs .nav-tabs > li > a{
    width: 100% !important;
  }

  /* Un peu d'air entre la liste et le contenu */
  .fusion-tabs.vertical-tabs .tab-content{
    margin-top: 18px !important;
  }
}

/* 2) Mobile : Avada injecte une nav mobile qui peut faire doublon.
      On la masque pour éviter les effets bizarres. */
@media (max-width: 768px){

  /* Avada peut cacher la nav desktop en mobile: on la ré-affiche */
  .fusion-tabs.vertical-tabs .nav-tabs{
    display: block !important;
    width: 100% !important;
  }

  /* La nav mobile Avada: on la laisse (au cas où), mais pas obligatoire */
  .fusion-tabs .fusion-mobile-tab-nav{
    display: block !important;
  }

  /* Contenu full width */
  .fusion-tabs.vertical-tabs .tab-content{
    width: 100% !important;
    margin-top: 16px !important;
  }

  /* Annule le décalage desktop */
  .fusion-tabs.vertical-tabs .tab-pane{
    margin-left: 0 !important;
   padding-left: 10px ! important;
    width: 100% !important;
	  margin-bottom: 15px;
  }
}

@media (max-width: 768px){

  /* 1) Espace entre la liste des tabs et le contenu */
  .fusion-tabs.vertical-tabs .nav-tabs{
    margin-bottom: 18px !important;
  }

  .fusion-tabs.vertical-tabs .tab-content{
    margin-top: 18px !important;
  }

  /* 2) Empêcher les débordements horizontaux */
  .fusion-tabs.vertical-tabs .nav-tabs > li{
    width: 100% !important;
  }

  .fusion-tabs.vertical-tabs .nav-tabs > li > a{
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;     /* coupe tout débordement */
  }

  /* 3) Autoriser le retour à la ligne + empêcher le "débordement à droite" */
  .fusion-tabs.vertical-tabs .nav-tabs > li > a .fusion-tab-heading,
  .fusion-tabs.vertical-tabs .nav-tabs > li > a .fusion-tab-heading h4{
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  /* 4) Important: Avada met parfois un min-width qui force le débordement */
  .fusion-tabs.vertical-tabs .nav-tabs > li > a .fusion-tab-heading{
    min-width: 0 !important;
  }
}

.ecw-don-fab-svg{
  position: fixed !important;
  top: 0px !important;
  right: -20px !important;
  z-index: 2147483647 !important;
  width: 120px !important;
  height: 120px !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: right center !important;


@media (max-width: 768px){
  .ecw-don-fab-svg{
    top: 90px !important;
    width: 95px !important;
    height: 95px !important;
  }
}