.elementor-kit-33755{--e-global-color-primary:#21417C;--e-global-color-secondary:#071A3D;--e-global-color-text:#172133;--e-global-color-accent:#54F98D;--e-global-color-light:#F2F7F7;--e-global-color-transparent:#FFFFFF12;--e-global-color-ad41456:#FFFFFF;--e-global-typography-primary-font-family:"Figtree";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Figtree";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Figtree";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Figtree";--e-global-typography-accent-font-weight:500;--color-text:#1F4247;--font-size-default:16px;--keydesign-h2-font-size:40px;--font-size-paragraphs:16px;--color-border:#08272B1F;--color-border-hard:#08272B1F;}.elementor-kit-33755 button,.elementor-kit-33755 input[type="button"],.elementor-kit-33755 input[type="submit"],.elementor-kit-33755 .elementor-button,.elementor-kit-33755 .ekit-wid-con .elementskit-btn,.elementor-kit-33755 .ekit-wid-con .elementskit-single-pricing .elementskit-pricing-btn,.elementor-kit-33755 .kd-widget-container .kd-button{background-color:var( --e-global-color-accent );font-size:16px;color:var( --e-global-color-secondary );}.elementor-kit-33755 button:hover,.elementor-kit-33755 button:focus,.elementor-kit-33755 input[type="button"]:hover,.elementor-kit-33755 input[type="button"]:focus,.elementor-kit-33755 input[type="submit"]:hover,.elementor-kit-33755 input[type="submit"]:focus,.elementor-kit-33755 .elementor-button:hover,.elementor-kit-33755 .elementor-button:focus,.elementor-kit-33755 .ekit-wid-con .elementskit-btn:hover,.elementor-kit-33755 .ekit-wid-con .elementskit-btn:focus,.elementor-kit-33755 .ekit-wid-con .elementskit-single-pricing .elementskit-pricing-btn:hover,.elementor-kit-33755 .kd-widget-container .kd-button:hover{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );}.elementor-kit-33755 e-page-transition{background-color:#FFBC7D;}.elementor-kit-33755 h2{font-size:40px;}.elementor-kit-33755 p{font-size:16px;}.elementor-kit-33755 .kd-widget-container .kd-heading .kd-heading__label{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:30px;}.elementor-element{--widgets-spacing:30px 30px;--widgets-spacing-row:30px;--widgets-spacing-column:30px;}{}h1.entry-title{display:var(--page-title-display);}body{--global-border-radius:8px 8px 8px 8px;--button-border-radius:8px 8px 8px 8px;--vertical-spacing:100px;--mobile-spacing:50px;}@media(max-width:1024px){.elementor-kit-33755{--font-size-default:15px;--keydesign-h2-font-size:34px;--font-size-paragraphs:15px;}.elementor-kit-33755 h2{font-size:34px;}.elementor-kit-33755 p{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-33755{--font-size-default:15px;--keydesign-h2-font-size:26px;--font-size-paragraphs:15px;}.elementor-kit-33755 h2{font-size:26px;}.elementor-kit-33755 p{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================
   CABEO RH - Hover et page courante mega menu
   Limite au HEADER uniquement (pas le footer)
   ============================================ */

/* ============================================
   1. NEUTRALISER overlay-link-effect natif (header uniquement)
   ============================================ */

.site-header-wrapper .elementor-icon-list-item a span.elementor-icon-list-text:hover,
.site-header-wrapper .elementor-icon-list-item a span.elementor-icon-list-text:hover::before {
  background-color: transparent !important;
  color: inherit !important;
}

/* ============================================
   2. Hover et current sur items du mega menu (HEADER UNIQUEMENT)
   ============================================ */

.site-header-wrapper .elementor-icon-list-item a {
  border-radius: 8px;
  padding: 6px 12px;
  transition: background-color 0.2s ease;
}

.site-header-wrapper .elementor-icon-list-item a:hover,
.site-header-wrapper .elementor-icon-list-item a.cabeo-current-page {
  background-color: #EEF0F8 !important;
}

.site-header-wrapper .elementor-icon-list-item a:hover .elementor-icon-list-text,
.site-header-wrapper .elementor-icon-list-item a.cabeo-current-page .elementor-icon-list-text {
  color: var(--e-global-color-primary) !important;
}

.site-header-wrapper .elementor-icon-list-item a:hover .elementor-icon-list-icon svg,
.site-header-wrapper .elementor-icon-list-item a.cabeo-current-page .elementor-icon-list-icon svg {
  fill: var(--e-global-color-primary) !important;
}

/* Compense le padding pour un espacement vertical resserre */
.site-header-wrapper .elementor-icon-list-items .elementor-icon-list-item {
  margin-bottom: -6px !important;
}

/* ============================================
   3. NAV principale (Secteurs / Metiers / Recruteurs)
   Replique le hover natif Keydesign via le ::before existant
   ============================================ */

.site-header-wrapper a.nav-link {
  border-radius: 8px;
  padding: 6px 14px;
  transition: color 0.2s ease;
}

.site-header-wrapper a.nav-link:hover,
.site-header-wrapper a.nav-link.cabeo-current-parent,
.site-header-wrapper a.nav-link.cabeo-current-page {
  color: var(--e-global-color-primary) !important;
}

.site-header-wrapper a.nav-link.cabeo-current-parent::before,
.site-header-wrapper a.nav-link.cabeo-current-page::before {
  background-color: var(--e-global-color-primary) !important;
}








/* Compenser le padding ajoute sur les <a> pour reduire l'espacement vertical */
.elementor-icon-list-items .elementor-icon-list-item {
  margin-bottom: -6px !important;
}

/* Optionnel : padding plus serre */
.elementor-icon-list-item a {
  padding: 4px 12px !important;
}/* End custom CSS */