@charset "UTF-8";
/*
 Theme Name:   Divi Child - ORION SporTech
 Theme URI:    https://orion-sportech.com
 Description:  Child theme Divi pour ORION SporTech
 Author:       ORION SporTech
 Template:     Divi
 Version:      1.0.0
 Text Domain:  divi-child
*/

/* === CTA "Demander une démo" — bouton rose à droite === */
#top-menu li.menu-item-1252 {
  position: absolute;
  right: 60px;               /* 60px depuis le bord droit de l'écran */
  top: 50%;
  transform: translateY(-50%);
}

#et-top-navigation #top-menu li.menu-item-1252 > a,
.et-fixed-header #top-menu li.menu-item-1252 > a {
  background-color: #D41E85 !important;
  color: #ffffff !important;
  padding: 10px 22px !important;
  border-radius: 30px;
  transition: background-color 0.3s ease;
  opacity: 1 !important;
  font-size: 14px;
  line-height: normal;
  margin-top: -10px;          /* remonte le bouton pour aligner verticalement */
}

#et-top-navigation #top-menu li.menu-item-1252 > a:hover,
.et-fixed-header #top-menu li.menu-item-1252 > a:hover {
  background-color: #d1227f !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

/* === Actualités (page 977) — cards styling === */
.page-id-977 .et_pb_blog_grid .et_pb_post {
  border: 1px solid #efefef;
  border-radius: 12px !important;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-id-977 .et_pb_blog_grid .et_pb_post:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
}

/* === Barre de progression de lecture (articles de blog) === */
#reading-progress-bar {
  position: fixed;
  top: 0;              /* repositionné par JS dès le chargement */
  left: 0;
  height: 4px;
  width: 0%;
  background: linear-gradient(90deg, #EC2A95, #5170FF);
  z-index: 999999;
  transition: width 0.1s linear;
  pointer-events: none;
}

/* === MEGA MENU — Actualités === */

/* Positionnement : le <li> parent devient le contexte de positionnement */
#top-menu li.mega-menu.menu-item-1251 {
  position: relative !important;
}

/* Panneau : fond blanc, bordure rose en haut, ombre */
#top-menu li.mega-menu.menu-item-1251 > ul.sub-menu {
  left: 50% !important;
  transform: translateX(-50%);
  width: 700px !important;
  background: #ffffff;
  border-top: 3px solid #ec2a95;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  padding: 20px 28px !important;
  max-width: 700px !important;
  pointer-events: none;          /* empêcher le panneau invisible de capter les events souris */
}

/* Réactiver les events quand le menu est réellement ouvert */
#top-menu li.mega-menu.menu-item-1251.et-hover > ul.sub-menu {
  pointer-events: auto;
}

/* Colonnes : séparateur léger entre chaque */
#top-menu li.mega-menu.menu-item-1251 > ul > li {
  padding: 0 12px !important;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
#top-menu li.mega-menu.menu-item-1251 > ul > li:last-child {
  border-right: none;
}

/* En-têtes de colonne : rose, uppercase, non-cliquable */
#top-menu li.mega-menu.menu-item-1251 > ul > li > a {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  color: #ec2a95 !important;
  border-bottom: 2px solid rgba(236, 42, 149, 0.2) !important;
  padding: 0 0 8px 0 !important;
  margin-bottom: 8px;
  pointer-events: none;
  cursor: default !important;
}

/* Sous-sous-menus : toujours visibles (pas de hover secondaire) */
#top-menu li.mega-menu.menu-item-1251 li > ul.sub-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Liens catégorie : gris, hover rose avec indent */
#top-menu li.mega-menu.menu-item-1251 li li > a {
  padding: 5px 0 !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  color: rgba(0, 0, 0, 0.55) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  transition: color 0.2s ease, padding-left 0.2s ease;
}
#top-menu li.mega-menu.menu-item-1251 li li > a:hover {
  color: #ec2a95 !important;
  background-color: transparent !important;
  padding-left: 6px !important;
}

/* Masquer la flèche dropdown sur les en-têtes */
#top-menu li.mega-menu.menu-item-1251 > ul > li > a:first-child:after {
  display: none !important;
}

/* === Cas d'usage — cards avant/après === */
.cas-dusage-avant-apres .ba_card_module {
  border-radius: 12px !important;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  min-height: 100%;
}
.cas-dusage-avant-apres .ba_card_module:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

/* === Cas d'usage — benefits icon boxes === */
.cas-dusage-benefits .ba_icon_box_module {
  border-radius: 12px !important;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  background: #fff;
  padding: 24px;
  min-height: 100%;
}
.cas-dusage-benefits .ba_icon_box_module:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

/* === Cas d'usage — grid cards (coach use cases, hub) === */
.cas-dusage-grid .ba_card_module {
  border-radius: 12px !important;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  min-height: 100%;
}
.cas-dusage-grid .ba_card_module:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

/* === Cas d'usage — tableau Arguments Massue === */
.cas-dusage-table table {
  border-collapse: separate !important;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  width: 100%;
}
.cas-dusage-table thead tr th {
  padding: 16px 20px !important;
  border: none !important;
}
.cas-dusage-table thead tr th:first-child {
  border-radius: 12px 0 0 0;
}
.cas-dusage-table thead tr th:last-child {
  border-radius: 0 12px 0 0;
}
.cas-dusage-table tbody tr td {
  padding: 14px 20px !important;
  border: none !important;
  border-bottom: 1px solid #eee !important;
  transition: background-color 0.2s ease;
}
.cas-dusage-table tbody tr:last-child td {
  border-bottom: none !important;
}
.cas-dusage-table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 12px;
}
.cas-dusage-table tbody tr:last-child td:last-child {
  border-radius: 0 0 12px 0;
}
.cas-dusage-table tbody tr:hover td {
  background-color: rgba(236, 42, 149, 0.05) !important;
}

/* === Accessibilite — Contraste footer === */
#main-footer,
#main-footer p,
#main-footer .footer-widget li a,
#main-footer .et-social-icon a {
  color: #c8cdd5 !important;
}
#main-footer .footer-widget li a:hover,
#main-footer .et-social-icon a:hover {
  color: #ffffff !important;
}
#main-footer .bottom-nav a,
#footer-bottom .et-pb-footer-meta a {
  color: #c8cdd5 !important;
}
#main-footer .bottom-nav a:hover,
#footer-bottom .et-pb-footer-meta a:hover {
  color: #ffffff !important;
}
/* Copyright text */
#footer-info,
#footer-bottom #footer-info {
  color: #9ca3af !important;
}

/* === Accessibilite — Contraste CTA bouton "Planifier ma demo" === */
.et_pb_button.et_pb_custom_button_icon,
.et_pb_button {
  text-shadow: none !important;
}

/* === Responsive — marges horizontales mobile === */
@media only screen and (max-width: 980px) {
  .et_pb_section:not(.et_pb_fullwidth_section) > .et_pb_row {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  /* Aurora — image au-dessus du texte en mobile */
  .aurora-product-row {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
}

/* === Navbar — couleur accent rose + menu uppercase === */
#top-menu li a {
  text-transform: uppercase;
}
#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a {
  color: #EC2A95 !important;
}
a {
  color: #EC2A95;
}
.nav li ul,
.et_mobile_menu {
  border-color: #EC2A95 !important;
}
.mobile_menu_bar:before,
.mobile_menu_bar:after {
  color: #EC2A95 !important;
}