/*
Theme Name: Superio Child
Theme URI: https://directlink.local
Template: superio
Author: DIRECT RECRUT
Description: Child theme de Superio pour DIRECT RECRUT. Toutes les personnalisations de code (CSS, PHP) doivent vivre ici, jamais dans wp-content/themes/superio/, afin de survivre aux mises à jour du thème parent.
Version: 1.0.1
Text Domain: superio
*/



/* ===== LOGO HEADER PAR DEFAUT (non scrollé, toutes pages) =====
   Aucune limite n'existait ici, le logo s'affichait à sa taille native. */
.elementor-widget-apus_element_logo img {
  max-height: 80px;
  width: auto;
}
 

/* ===== FOND DU HEADER AU SCROLL ===== */
.main-sticky-header-wrapper  .sticky-header #id_ma-classe {
  background: #ffffff !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

/* ===== LIENS DU MENU PRINCIPAL AU SCROLL ===== */
.main-sticky-header-wrapper  .sticky-header #id_ma-classe .logo-main img {
  content: url("/wp-content/uploads/2026/07/V2-Logo-Direct-Recrut-selection-2.png") !important;
  max-height: 80px !important;
  width: auto !important;
  height: auto !important;
}
.main-sticky-header-wrapper  .sticky-header #id_ma-classe .apus-megamenu .navbar-nav > li > a {
  color: #202124 !important;
}

/* Flèches (caret) des sous-menus */
.main-sticky-header-wrapper  .sticky-header #id_ma-classe .apus-megamenu .navbar-nav > li > a .caret {
  border-top-color: #202124;
}

/* ===== NOM DU COMPTE (root) AU SCROLL ===== */
.main-sticky-header-wrapper  .sticky-header #id_ma-classe .name-acount {
  color: #202124 !important;
}

/* ===== CLOCHE DE NOTIFICATION AU SCROLL ===== */
.main-sticky-header-wrapper  .sticky-header #id_ma-classe .message-notification i {
  color: #202124 !important;
}

/* ===== MOBILE (header #apus-header-mobile) ===== */
#apus-header-mobile .logo img {
  max-height: 50px;
  width: auto;
}
.main-sticky-header-wrapper .sticky-header.header-mobile {
  background: #ffffff !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
.main-sticky-header-wrapper .sticky-header.header-mobile .logo img {
  content: normal;
  max-height: 50px;
  width: auto;
}

 
.main-sticky-header-wrapper .sticky-header.header-mobile .message-notification i,
.main-sticky-header-wrapper .sticky-header.header-mobile .btn-menu-account i {
  color: #202124 !important;
}
.main-sticky-header-wrapper .sticky-header.header-mobile .btn-showmenu span {
  background: #202124 !important;
}

/* ===== LOGO — bascule logo blanc (haut de page) / logo navy (scroll) =====
   Deux widgets logo superposés dans le header Elementor (id cc13578 =
   navy, classe .logo-scrolled ; id logotopstate1 = blanc, classe
   .logo-top). On masque/affiche l'un ou l'autre selon la présence de la
   classe .sticky-header ajoutée par Waypoint (js/functions.js) au scroll,
   même mécanisme que les autres règles "AU SCROLL" ci-dessus. */


/* ===== HERO — FORMULAIRE DE RECHERCHE (Apus Job Search) =====
   Le formulaire est réglé (dans Elementor) pour être lisible en navy sur
   fond clair (mobile) : #1B2A4A pour les textes, #EEE6AE pour le champ.
   En plein écran (≥1025px) il est posé sur le fond sombre du hero, donc
   on repasse en blanc uniquement à cette largeur. */
@media (min-width: 1025px) {
  .elementor-element-c8943f6 .widget-title,
  .elementor-element-c8943f6 .des,
  .elementor-element-c8943f6 .trending-keywords .title {
    color: #FFFFFF !important;
  }
  .elementor-element-c8943f6 .form-control {
    background-color: #FFFFFF !important;
  }
}

/* Le logo reste toujours visible */
#id_ma-classe .logo,
#id_ma-classe .logo-scrolled,
#id_ma-classe .logo-main {
  display: block !important;
}

/* Logo au chargement de la page */
#id_ma-classe .logo-main img {
  content: url("/wp-content/uploads/2021/03/Logo-Direct-Recrut-selection.png") !important;
  display: block;
  max-height: 80px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

/* Logo après défilement */ 

/* Fond du header après défilement */
.main-sticky-header-wrapper .sticky-header #id_ma-classe {
  background-color: #ffffff !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* Menu après défilement */
.main-sticky-header-wrapper .sticky-header #id_ma-classe
.apus-megamenu .navbar-nav > li > a {
  color: #202124 !important;
}

/* Flèches des sous-menus après défilement */
.main-sticky-header-wrapper .sticky-header #id_ma-classe
.apus-megamenu .navbar-nav > li > a .caret {
  border-top-color: #202124 !important;
}

/* Nom du compte après défilement */
.main-sticky-header-wrapper .sticky-header #id_ma-classe .name-acount {
  color: #202124 !important;
}

/* Cloche après défilement */
.main-sticky-header-wrapper .sticky-header #id_ma-classe
.message-notification i {
  color: #202124 !important;
}

/* ===== FOOTER 1 (page d'accueil) — colonne Contact =====
   Widget Elementor #1ce3039 (texte libre : téléphone/email/linkedin) : ses
   <p> gardaient la marge par défaut du navigateur, ce qui donnait plus
   d'espace que les colonnes "Liens rapides"/"A propos" (menu widget, réglé
   à 12px via #apus-footer .widget-nav-menu .menu li dans le thème parent).
   On aligne ici sur ce même rythme de 12px. */
#apus-footer .elementor-element-1ce3039 p {
  margin: 0 0 12px !important;
}
#apus-footer .elementor-element-1ce3039 p:last-child {
  margin: 0 !important;
}
#apus-footer .elementor-element-1ce3039 .fas,
#apus-footer .elementor-element-1ce3039 .fab {
  width: 18px;
  margin-right: 8px;
  color: var(--superio-theme-color);
  text-align: center;
}

/* ===== FOOTER 1 (page d'accueil) — petite barre orange sous les titres
   de colonnes (Liens rapides #baa36e9, A propos #6e097c8, Contact #2f3e741) ===== */
#apus-footer .elementor-element-baa36e9 p,
#apus-footer .elementor-element-6e097c8 p,
#apus-footer .elementor-element-2f3e741 p {
  position: relative;
  padding-bottom: 14px;
  margin-bottom: 6px !important;
}
#apus-footer .elementor-element-baa36e9 p::after,
#apus-footer .elementor-element-6e097c8 p::after,
#apus-footer .elementor-element-2f3e741 p::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 32px;
  height: 3px;
  border-radius: 2px;
  background-color: var(--superio-theme-color);
}
@media (max-width: 767px) {
  /* Titres centrés en mobile (align_mobile:center) : la barre suit le centrage */
  #apus-footer .elementor-element-baa36e9 p::after,
  #apus-footer .elementor-element-6e097c8 p::after,
  #apus-footer .elementor-element-2f3e741 p::after {
    left: 50%;
    transform: translateX(-50%);
  }
}