/* =========================================================
   Ajustements — chargés après les feuilles d'Elementor.
   ========================================================= */

/* ---------- Zones sombres ---------- */
:is(.cq-dark,.cq-hero,.cq-footer) p,
:is(.cq-dark,.cq-hero,.cq-footer) li{color:rgba(255,255,255,.86)}
:is(.cq-dark,.cq-hero,.cq-footer) .cq-title .elementor-heading-title{color:#fff}
:is(.cq-dark,.cq-hero,.cq-footer) .cq-title em{color:#E83E33}
:is(.cq-dark,.cq-hero,.cq-footer) .cq-sub .elementor-heading-title{color:#fff}
:is(.cq-dark,.cq-hero,.cq-footer) .cq-lead p{color:rgba(255,255,255,.88)}
:is(.cq-dark,.cq-hero,.cq-footer) .cq-texte p{color:rgba(255,255,255,.8)}
:is(.cq-dark,.cq-hero,.cq-footer) .cq-btn--ghost .elementor-button-text,
:is(.cq-dark,.cq-hero,.cq-footer) .cq-btn--ghost .elementor-button-icon{color:#fff!important;border-color:rgba(255,255,255,.42)!important}
:is(.cq-dark,.cq-hero,.cq-footer) .cq-eyebrow--blanc .elementor-heading-title{color:#fff}

/* Sur les fonds sombres, l'italique rouge garde un liseré lisible */
.cq-hero .cq-title em{text-shadow:0 2px 22px rgba(0,0,0,.35)}

/* ---------- En-tête flottant ---------- */
.cq-header{background:transparent!important;border-bottom:0!important;backdrop-filter:none!important}
.cq-navpill{padding-top:8px!important;padding-bottom:8px!important}

/* ---------- Héros ---------- */
.cq-hero{position:relative;overflow:hidden}
.cq-hero .elementor-background-video-container,
.cq-hero .elementor-background-video-container video{width:100%;height:100%;object-fit:cover}
.cq-hero .cq-title--xl .elementor-heading-title{text-shadow:0 2px 30px rgba(0,0,0,.28)}

/* Bande « Rejoindre Coquelle » : voile renforcé pour la lisibilité du texte */
.elementor-element-cqcarr > .elementor-background-overlay{
  background-image:linear-gradient(90deg,rgba(24,50,60,.96) 0%,rgba(24,50,60,.86) 38%,rgba(24,50,60,.45) 100%)!important;
}

/* ---------- Ancres sous l'en-tête collant ---------- */
[id="accueil"],[id="groupe"],[id="expertises"],[id="secteurs"],[id="reseau"],[id="rse"],[id="cas-clients"],[id="carrieres"],[id="actualites"],[id="contact"]{scroll-margin-top:130px}

/* ---------- Menu ---------- */
.cq-menu .elementor-nav-menu > li > a,
.cq-menu .elementor-nav-menu > li.current-menu-item > a,
.cq-menu .elementor-nav-menu > li.current-menu-ancestor > a{color:#2A4854!important;background:transparent}
.cq-menu .elementor-nav-menu > li > a:hover,
.cq-menu .elementor-nav-menu > li > a:focus{color:#006BCA!important;background:rgba(42,72,84,.08)}
.cq-menu .elementor-nav-menu--dropdown a{color:#2A4854!important}
.cq-menu .elementor-nav-menu--dropdown a:hover{color:#006BCA!important;background:rgba(42,72,84,.06)}

/* ---------- Compteurs : nombre au-dessus du libellé ---------- */
.cq-stat .elementor-counter{display:flex;flex-direction:column-reverse;align-items:flex-start}
.cq-stat .elementor-counter-title{margin:14px 0 0}

/* ---------- Section expertises épinglée (défilement horizontal) ---------- */
.cq-pin{overflow:hidden}
.cq-piste{
  overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;
  scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;
}
.cq-piste::-webkit-scrollbar{display:none}
.cq-piste > .e-con{flex-shrink:0!important;scroll-snap-align:start}
@media(min-width:1025px){
  .cq-pin .cq-piste{overflow:visible!important;scroll-snap-type:none}
}
@media(max-width:1024px){
  .cq-pin .cq-piste{padding-left:18px!important;padding-right:18px!important}
}
.cq-note p{font-family:'Libre Franklin',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)!important}

/* Cartes expertises : visuel plein cadre + titre par-dessus */
.cq-mcard{position:relative;border-radius:18px;overflow:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}
.cq-mcard::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(16,32,40,0) 38%,rgba(16,32,40,.55) 68%,rgba(13,26,33,.92) 100%);
  transition:background .4s;
}
.cq-mcard > .elementor-element{position:relative;z-index:2}
.cq-mcard:hover{transform:translateY(-8px);box-shadow:0 30px 50px -30px rgba(0,0,0,.65)}
.cq-mcard-titre .elementor-heading-title{font-family:'Libre Franklin',sans-serif;font-weight:500;font-size:clamp(21px,1.5vw,27px);color:#fff;line-height:1.2}
.cq-mcard-titre .elementor-heading-title::after{content:"";display:block;width:34px;height:2px;background:#E83E33;margin-top:10px;transition:width .4s}
.cq-mcard:hover .cq-mcard-titre .elementor-heading-title::after{width:64px}
.cq-mcard-texte p{color:rgba(255,255,255,.85)!important;font-size:14px;line-height:1.55}

/* ---------- Onglets secteurs ---------- */
.cq-onglets .e-n-tabs{gap:46px!important;align-items:flex-start}
.cq-onglets .e-n-tabs-heading{flex:0 0 40%!important;max-width:40%!important}
.cq-onglets .e-n-tabs-content{flex:1 1 auto}
.cq-onglets .e-n-tab-title{color:#2A4854!important}
.cq-onglets .e-n-tab-title:hover{color:#006BCA!important}
.cq-onglets .e-n-tab-title[aria-selected="true"]{color:#E83E33!important}
.cq-visuel-secteur img{height:400px!important;border-radius:16px!important;object-fit:cover;width:100%!important}
@media(max-width:1024px){
  .cq-onglets .e-n-tabs{flex-direction:column;gap:20px!important}
  .cq-onglets .e-n-tabs-heading{flex:1 1 100%!important;max-width:100%!important}
  .cq-onglets .e-n-tab-title{width:100%;justify-content:space-between!important;font-size:19px!important}
  .cq-visuel-secteur img{height:230px!important}
}

/* ---------- Cas clients ---------- */
.cq-cas{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 1px 0 rgba(29,29,27,.07)}

/* ---------- Piliers RSE ---------- */
.cq-pilier .elementor-icon,.cq-pilier .elementor-icon i,.cq-pilier .elementor-icon svg{color:#47A2A4!important;fill:#47A2A4!important;font-size:34px}
.cq-pilier .elementor-icon-box-title,.cq-pilier .elementor-icon-box-title span{color:#fff!important}
.cq-pilier .elementor-icon-box-description{color:rgba(255,255,255,.76)!important}

/* ---------- Bulles collaborateurs ---------- */
.cq-bulles{flex-direction:row!important;align-items:center;width:auto!important;flex-grow:0!important}
.cq-bulles .elementor-widget-image{margin-left:-18px;width:auto!important}
.cq-bulles .elementor-widget-image:first-child{margin-left:0}
.cq-bulles img{width:62px!important;height:62px!important;object-fit:cover;border-radius:50%;border:3px solid #fff}

/* ---------- Actualités ---------- */
.cq-actus .elementor-post,.cq-actus .elementor-post__card{background:#fff;border-radius:16px;overflow:hidden;height:100%;border:0;box-shadow:0 1px 0 rgba(29,29,27,.07)}
.cq-actus .elementor-post__title a{color:#2A4854!important}
.cq-actus .elementor-post__title a:hover{color:#E83E33!important}
.cq-actus .elementor-post__read-more{color:#E83E33!important;font-family:'Libre Franklin',sans-serif;font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.cq-actus .elementor-post__excerpt p{color:#626A77}
.cq-actus .elementor-post__meta-data{color:#626A77}
.cq-actus .elementor-post__badge{background:#E83E33;font-family:'Libre Franklin',sans-serif;font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase}

/* ---------- Pied de page ---------- */
.cq-footer{border-radius:0!important}
.cq-footer .elementor-heading-title{color:#fff}
.cq-footer .elementor-icon-list-item a,
.cq-footer .elementor-icon-list-text{color:rgba(255,255,255,.76)!important;font-size:14.5px}
.cq-footer .elementor-icon-list-item a:hover .elementor-icon-list-text{color:#fff!important}
.cq-footer p a{color:rgba(255,255,255,.72)!important;text-decoration:none}
.cq-footer p a:hover{color:#fff!important}
.cq-footer-titre .elementor-heading-title{font-family:'Bebas Neue',sans-serif;font-size:19px;letter-spacing:.14em}

/* ---------- Liens dans les zones claires ---------- */
.cq-texte p a,.cq-lead p a{color:#006BCA}

/* ---------- Apparitions au défilement ---------- */
@media(prefers-reduced-motion:no-preference){
  .cq-rv{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}
  .cq-rv.cq-in{opacity:1;transform:none}
}

/* ---------- Page des actualités (gabarit de secours) ---------- */
.cqb-secours{max-width:1400px;margin:0 auto;padding:40px 24px}
.cqb-secours h1,.cqb-secours h2{font-family:Roboto,sans-serif;font-weight:700;color:#2A4854}

/* ---------- Mobile ---------- */
@media(max-width:767px){
  .cq-btn .elementor-button,.cq-btn .elementor-button-content-wrapper{max-width:100%}
  .cq-btn .elementor-button-text{white-space:normal;font-size:12px;padding:14px 20px;line-height:1.35}
  .cq-btn:hover .elementor-button-text,.cq-btn .elementor-button:hover .elementor-button-text{padding-right:20px;margin-right:0;border-radius:999px}
  .cq-btn--sm .elementor-button-text{font-size:11.5px;padding:12px 16px}
  .cq-stat .elementor-counter-number-wrapper{font-size:44px}
}