/*!
Theme Name: Outgrid Child
Theme URI: https://uicore.co
Description: Multi-Purpose Elementor WordPress Theme
Author: UiCore
Author URI: https://uicore.co
Template: outgrid
Version: 1.0.0
Text Domain: outgrid
*/

 /* Add your custom style here */

/* PAGE CARRIÈRE */
/* Panneau blanc : évite que ton fond bleu rende Zoho illisible */
.bti-zoho-panel{
  background:#fff;
  border-radius:16px;
  padding:24px;
}

/* Corrige les <select> si ton thème met un fond foncé/texte invisible */
.bti-zoho-panel select{
  background:#fff !important;
  color:#0B2C46 !important;
}

/* Si ton thème applique des styles agressifs */
.bti-zoho-panel,
.bti-zoho-panel *{
  box-sizing:border-box;
}

.bti-zoho-panel{
  background:#fff;
  border-radius:16px;
  padding:24px;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

/* évite que tes styles globaux cassent le widget */
.bti-zoho-panel select,
.bti-zoho-panel input{
  background:#fff !important;
  color:#0B2C46 !important;
}

/* footer page carrière */
.page-id-186 footer .elementor-section.elementor-top-section.bg-blanc {
	display: none;
}

/* =======================
   Filtres ÉTUDES DE CAS
   ======================= */
/* =========================================================
   FIX CLICS — overlays Elementor qui bloquent les boutons
   (souvent: .elementor-background-overlay / shapes / etc.)
========================================================= */
.elementor-section .elementor-background-overlay,
.elementor-section .elementor-shape,
.elementor-section .elementor-shape-top,
.elementor-section .elementor-shape-bottom,
.elementor-section .elementor-shape .elementor-shape-fill{
  pointer-events: none !important;
}

/* Remonte les widgets au-dessus des overlays */
.elementor-widget,
.elementor-widget-container{
  position: relative;
  z-index: 1;
}

/* =========================================================
   FIX CLICS — ton filtre (ajuste le sélecteur si besoin)
   -> mets la classe .bti-edc sur le conteneur de ton shortcode
========================================================= */
.bti-edc{
  position: relative;
  z-index: 5;
  pointer-events: auto !important;
}

.bti-edc .bti-edc-filters{
  position: relative;
  z-index: 6;
  pointer-events: auto !important;
}

.bti-edc .bti-edc-filters button,
.bti-edc .bti-edc-filters a{
  position: relative;
  z-index: 7;
  pointer-events: auto !important;
  cursor: pointer;
}



/* =========================================================
   BTI — Sélecteur de langue (globe + EN/FR) injecté en PHP
   Position: entre .bti-cta et .burger
========================================================= */

.uicore-nav-menu .uicore-menu > li.bti-lang{
  margin: 0 14px; /* ajuste l’espace entre CTA et burger */
}

.uicore-nav-menu .uicore-menu > li.bti-lang > a.bti-lang__link{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  height: 44px;
  padding: 0 6px !important;
  margin: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;

  color: var(--orange-bti);
  font-weight: 700;
  letter-spacing: .02em;
}

/* Icône globe : on utilise un mask pour pouvoir suivre currentColor */
.uicore-nav-menu .uicore-menu > li.bti-lang .bti-lang__icon{
  width: 26px;
  height: 26px;
  display: inline-block;

  background-color: currentColor;
  -webkit-mask: var(--bti-globe) center / contain no-repeat;
  mask: var(--bti-globe) center / contain no-repeat;
}

/* Hover (optionnel) : léger feedback sans “pastille” */
@media (hover:hover){
  .uicore-nav-menu .uicore-menu > li.bti-lang:hover > a.bti-lang__link{
    opacity: .8;
  }
}

/* IMPORTANT : quand tu survoles le sous-menu du burger, on garde l’aspect hover du burger
   (si ton thème retire :hover quand le pointeur passe sur le sous-menu)
   -> tu avais ce besoin pour le burger; je le laisse ici au cas où */
@media (hover:hover){
  .uicore-nav-menu .uicore-menu > li.burger:hover > a,
  .uicore-nav-menu .uicore-menu > li.burger:focus-within > a{
    /* rien ici si ton burger est déjà correct */
  }
}