/*!
Theme Name: Codaza Child
Theme URI:
Author: Codaza
Author URI: https://codaza.fr/
Description: Codaza child theme.
Template: kava
Version: 1.0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kava-child
*/

/* CSS pour que la pleine largeur des pages soient prise en compte */
html,body{overflow-x:hidden;}

#jet-theme-core-document .site-content__wrap.container{max-width: inherit;padding:0;}
 
.elementor-button-link .elementor-button-content-wrapper{
  align-items: center;
}

.elementor-button-link .elementor-button-icon svg{
    transition: all 0.3s ease-in-out;
  width: 27px !important;
}

.elementor-button-link:hover .elementor-button-icon svg{
    transform: rotate(45deg);
} 

/**************************************************************
***************************** HEADER **************************
***************************************************************/

.admin-bar #headerSite{
  top: 32px;
}


.elementor-element-e41eebd,
.elementor-element-e41eebd .jet-mega-menu--layout-horizontal,
.elementor-element-e41eebd .jet-mega-menu--layout-horizontal .jet-mega-menu-list,
.elementor-element-e41eebd .jet-mega-menu--layout-horizontal .jet-mega-menu-list .jet-mega-menu-item-272,
.elementor-element-e41eebd .jet-mega-menu--layout-horizontal .jet-mega-menu-list .jet-mega-menu-item-539,
.elementor-element-e41eebd .jet-mega-menu--layout-horizontal .jet-mega-menu-list .jet-mega-menu-item-273{
    position : static !important;
} 

.elementor-element-e41eebd .jet-mega-menu-mega-container__inner{
  background-color: transparent !important;
}

.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container{
    top: 98px;
    left: 0px !important;
    right: 0px !important;
    width: 100% !important;
}

.elementor-element-e41eebd .jet-mega-menu--layout-horizontal .jet-mega-menu-list .jet-mega-menu-item-272 .jet-mega-menu-mega-container__inner,
.elementor-element-e41eebd .jet-mega-menu--layout-horizontal .jet-mega-menu-list .jet-mega-menu-item-539 .jet-mega-menu-mega-container__inner,
.elementor-element-e41eebd .jet-mega-menu--layout-horizontal .jet-mega-menu-list .jet-mega-menu-item-273 .jet-mega-menu-mega-container__inner{
    transform: none !important;
    padding: 0px !important;
}

.elementor-594 .elementor-element.elementor-element-288aca4 .jet-listing-dynamic-image img{
  min-width: 30px !important;
}

/* Bordure par défaut */
.jet-listing-grid__item .bloc-menu-expertise{
  position: relative;
  height: 100%;
}

.jet-listing-grid__item .bloc-menu-expertise::after{
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  background-color: #ffffffbf;
}

/* Supprimer la bordure sur la fin de ligne */
.jet-listing-grid__item:nth-child(4n) .bloc-menu-expertise::after{
  display: none;
}

/* Sécurité : pas de bordure sur le dernier item */
.jet-listing-grid__item:last-child .bloc-menu-expertise::after{
  display: none;
}
 
/**************************************************************
**************************** ACCUEIL *************************
***************************************************************/

.texte-degrade .elementor-heading-title{
    background: linear-gradient(92deg, #A6A6A6 -1.93%, #433D3D 51.35%, #A6A6A6 96.56%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

 
.listingCategExpert .infrastructure-cloud,
.listingCategExpert .reseaux-securite{
    max-width: 120px !important;
}

.listingCategExpert .jet-listing-grid__item .bloc-categ .wrapper-image,
.listingCategExpert .jet-listing-grid__item .bloc-categ .elementor-widget-heading .elementor-heading-title{
    transition: all 0.3s ease-in-out;
}

.listingCategExpert .jet-listing-grid__item .bloc-categ.is-active .wrapper-image{
    background-color: #1F2B58 !important;
}

.listingCategExpert .jet-listing-grid__item .bloc-categ.is-active .elementor-widget-heading .elementor-heading-title{
    color: white !important;
}

.section-equilibre .img-taxo{
    border-radius: 20px 0 20px 20px;
    background-position: center center;
    background-size: cover; 
    background-repeat: no-repeat;
}

.section-equilibre .img-taxo{
  position: relative;
  overflow: hidden;
}

/* 2 couches */
.section-equilibre .img-taxo .taxo-layer{
  position: absolute;
  inset: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  will-change: transform, opacity;
}

/* couche courante */
.section-equilibre .img-taxo .taxo-current{
  transform: translateX(0);
  opacity: 1;
}

/* couche suivante (hors écran à droite)
   -> tu peux mettre 100% si tu veux un vrai slide complet */
.section-equilibre .img-taxo .taxo-next{
  transform: translateX(100%);
  opacity: 1;
  transition: transform 520ms cubic-bezier(.22,.61,.36,1);
}

/* état d’animation : la next arrive */
.section-equilibre .img-taxo.is-sliding .taxo-next{
  transform: translateX(0);
}

/* optionnel : la current sort légèrement à gauche */
.section-equilibre .img-taxo.is-sliding .taxo-current{
  transform: translateX(-12%);
  transition: transform 520ms cubic-bezier(.22,.61,.36,1);
}

@media screen and (max-width:767px){

    .listingCategExpertMobile .infrastructure-cloud,
    .listingCategExpertMobile .reseaux-securite{
    max-width: 120px !important;
    }

    .listingCategExpertMobile .jet-listing-grid__item .bloc-categ .wrapper-image,
    .listingCategExpertMobile .jet-listing-grid__item .bloc-categ .elementor-widget-heading .elementor-heading-title{
        transition: all 0.3s ease-in-out;
    }

    .listingCategExpertMobile .slick-current .wrapper-image{
        background-color: #1F2B58 !important;
    }

    .listingCategExpertMobile .slick-current  .elementor-widget-heading .elementor-heading-title{
        color: white !important;
    }
}

@media screen and (min-width:768px){
  .listing-secteur .jet-listing-grid__item:nth-child(2),
  .listing-secteur .jet-listing-grid__item:nth-child(3){
    margin-top: 100px;
  }

  .listing-secteur .jet-listing-grid__item:nth-child(1),
  .listing-secteur .jet-listing-grid__item:nth-child(4){
    margin-bottom: 100px;
  }
}

.listing-secteur .jet-listing-grid__item .elementor-element-b67dd87 img{
  transition: all 0.3s ease-in-out;
}

.listing-secteur .jet-listing-grid__item:hover .elementor-element-b67dd87 img{
  transform: rotate(-45deg);
} 

/* wrapper */
.sliderPartenaire .slick-list {
  overflow: hidden;
}

/* animation continue */
.sliderPartenaire .slick-track {
  display: flex;
  align-items: center;
  animation: partnerScroll 35s linear infinite;
  will-change: transform;
}

/* pause au hover (optionnel) */
.sliderPartenaire:hover .slick-track {
  animation-play-state: paused;
}

/* animation */
@keyframes partnerScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/**************************************************************
************************* QUI SOMMES NOUS *********************
***************************************************************/
.bloc-valeur .numero-valeur p,
.bloc-valeur .img-valeur img,
.bloc-valeur .title-valeur h3,
.bloc-valeur .description-valeur p{
  transition: all 0.3s ease-in-out;
}

.bloc-valeur:hover .numero-valeur p,
.bloc-valeur:hover .title-valeur h3{
  color: white !important;
}

.bloc-valeur:hover .img-valeur img{
  filter: brightness(6);
} 

.bloc-valeur .description-valeur p{
  opacity: 0;
  visibility: hidden;
}

.bloc-valeur:hover .description-valeur p{
  opacity: 1;
  visibility: visible;
}

#btn-avis .elementor-button-content-wrapper{
  position: relative;
  display: flex;
  align-items: center; 
}

#btn-avis .elementor-button-content-wrapper::after{
  content: "";
  position: relative;
  width: 67px;
  height: 26px;
  display: block;
  background-image: url("https://www.altanna.com/wp-content/uploads/2026/01/Group-48.png");
  background-size: 100% 100%;
  margin-right: 10px !important;
}

#btn-avis .elementor-button-icon{
  margin-left: 10px !important;
}

#btn-avis .elementor-button-icon svg{
  width: 26px !important;
}

.bloc-equipe{
  position: relative;
}

.bloc-equipe::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 115px;
  z-index: 0;
  opacity: 0.5;
  background-image: url("https://www.altanna.com/wp-content/uploads/2026/01/5a26fe33610d5aa5e24f9960ea0842171ae874be-1.png");
}

.bloc-equipe::before{
  z-index: 1;
}

.bloc-equipe .elementor-element{
  z-index: 2;
}

/**************************************************************
******************** SINGLE CATEGORIE EXPERTISE ***************
***************************************************************/
#listingExpertise .e-n-accordion-item-title-icon{
  background-color: #433D3D;
  border-radius: 6px;
  padding: 7px 12px;
  margin-left: -10px;
}

#listingExpertise .e-n-accordion-item{
  flex-direction: column-reverse !important;
}

#listingExpertise .texte-color-change{
  transition: all 0.3s ease-in-out;
}


#listingExpertise .elementor-element:has(details[open]) .texte-color-change {
    color: #433d3d !important;
}
 

#listingFAQexpertise .title-accordeo{
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  user-select: none;
}

/* Petit bouton chevron */
#listingFAQexpertise .title-accordeo .faq-toggle{
  width: 33px;
  height: 29px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
  flex: 0 0 auto;
  position: relative;
  background-color: #433D3D;
}

#listingFAQexpertise .title-accordeo .faq-toggle:before{
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  transform: rotate(45deg);
  transition: transform .18s ease;
  display: block;
  transform: translateX(0px) translateY(-2px) rotate(45deg);
  transition: transform .18s ease;
}

/* Rotation quand ouvert */
#listingFAQexpertise .bloc-accordeon.is-open .title-accordeo .faq-toggle:before{
  transform: translateX(0px) translateY(2px) rotate(-135deg);
}
 

/**************************************************************
**************************** CONTACT *************************
***************************************************************/
.accordeon-container summary{
  border: 0 !important;
}

.accordeon-container details{
  border-bottom: 1px solid grey;
}


/**************************************************************
************************** SINGLE VILLE ***********************
***************************************************************/

.formulaire-ville .field-type-submit-field .jet-form-builder__submit-wrap {
    justify-content: center;
}

.formulaire-ville .field-type-submit-field .jet-form-builder__submit-wrap .jet-form-builder__submit{
  background-color: #3033AA;
  color: white;
  text-transform: none;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 500;
}

.formulaire-ville .is-layout-flex > :is(*, div) {
  width: 100%; 
}

.formulaire-ville 
.field-type-submit-field 
.jet-form-builder__submit-wrap 
.jet-form-builder__submit{
  display: inline-flex;
  align-items: center;
  gap: 12px; /* espace texte / svg */
}

/* SVG */
.formulaire-ville 
.field-type-submit-field 
.jet-form-builder__submit-wrap 
.jet-form-builder__submit::after{
  content: "";
  width: 27px;
  height: 27px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Cpath fill='%23ffffff' d='M13.3389 0C20.7058 0 26.6777 5.97198 26.6777 13.3389C26.6777 20.7057 20.7057 26.6777 13.3389 26.6777C5.97206 26.6777 0 20.7057 0 13.3389C0 5.972 5.97201 0 13.3389 0ZM11.3506 15.2314L16.1182 21.9453L19.835 6.74707L11.3506 15.2314ZM4.63672 10.4639L11.5967 12.7881L19.835 6.74707L4.63672 10.4639Z'/%3E%3C/svg%3E");
}

/* transitions (sinon pas d'animation) */
.wrapper-expertise-ville .wrapper-image,
.wrapper-expertise-ville .elementor-heading-title,
.wrapper-expertise-ville .elementor-widget-text-editor .elementor-widget-container{
  transition: background-color .25s ease, color .25s ease;
}

.wrapper-expertise-ville .bloc-expertise-ville:hover .elementor-widget-text-editor .elementor-widget-container{
  background-color: #fff !important;
  color: #3033AA !important;
}

.wrapper-expertise-ville .bloc-expertise-ville:hover .elementor-heading-title{
  color: #fff !important;
}

.wrapper-expertise-ville .bloc-expertise-ville:hover .wrapper-image{
  background-color: #1F2B58 !important;
}

/* ===== Disposition "vague" responsive au nombre d'encarts (3/4/5) ===== */

.listing-enjeux .jet-listing-grid__items,
.listing-pourquoi .jet-listing-grid__items{ 
  display: flex !important;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  overflow: visible;
}

.listing-enjeux .jet-listing-grid__item,
.listing-pourquoi .jet-listing-grid__item{
  flex: 1 1 0;
  min-width: 0;
  transform: translateY(0);
}

/* ------------------- CAS 3 ITEMS ------------------- */
.listing-enjeux .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(3):first-child,
.listing-pourquoi .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(3):first-child{
  transform: translateY(0);
}

.listing-enjeux .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(3):first-child + .jet-listing-grid__item,
.listing-pourquoi .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(3):first-child + .jet-listing-grid__item{
  transform: translateY(50px);
}

.listing-enjeux .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(3):first-child + .jet-listing-grid__item + .jet-listing-grid__item,
.listing-pourquoi .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(3):first-child + .jet-listing-grid__item + .jet-listing-grid__item{
  transform: translateY(0);
}

/* ------------------- CAS 4 ITEMS ------------------- */
.listing-enjeux .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(4):first-child,
.listing-pourquoi .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(4):first-child{
  transform: translateY(0);
}

.listing-enjeux .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(4):first-child + .jet-listing-grid__item,
.listing-pourquoi .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(4):first-child + .jet-listing-grid__item{
  transform: translateY(50px);
}

.listing-enjeux .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(4):first-child + .jet-listing-grid__item + .jet-listing-grid__item,
.listing-pourquoi .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(4):first-child + .jet-listing-grid__item + .jet-listing-grid__item{
  transform: translateY(50px);
}

.listing-enjeux .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(4):first-child + .jet-listing-grid__item + .jet-listing-grid__item + .jet-listing-grid__item,
.listing-pourquoi .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(4):first-child + .jet-listing-grid__item + .jet-listing-grid__item + .jet-listing-grid__item{
  transform: translateY(0);
}

/* ------------------- CAS 5 ITEMS ------------------- */
.listing-enjeux .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(5):first-child,
.listing-pourquoi .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(5):first-child{
  transform: translateY(0);
}

.listing-enjeux .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(5):first-child + .jet-listing-grid__item,
.listing-pourquoi .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(5):first-child + .jet-listing-grid__item{
  transform: translateY(50px);
}

.listing-enjeux .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(5):first-child + .jet-listing-grid__item + .jet-listing-grid__item,
.listing-pourquoi .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(5):first-child + .jet-listing-grid__item + .jet-listing-grid__item{
  transform: translateY(100px);
}

.listing-enjeux .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(5):first-child + .jet-listing-grid__item + .jet-listing-grid__item + .jet-listing-grid__item,
.listing-pourquoi .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(5):first-child + .jet-listing-grid__item + .jet-listing-grid__item + .jet-listing-grid__item{
  transform: translateY(50px);
}

.listing-enjeux .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(5):first-child + .jet-listing-grid__item + .jet-listing-grid__item + .jet-listing-grid__item + .jet-listing-grid__item,
.listing-pourquoi .jet-listing-grid__items > .jet-listing-grid__item:nth-last-child(5):first-child + .jet-listing-grid__item + .jet-listing-grid__item + .jet-listing-grid__item + .jet-listing-grid__item{
  transform: translateY(0);
}

/* ===============================
Padding bottom selon le nombre d'items
=============================== */

/* ----- 3 ITEMS → padding 50px ----- */
.listing-enjeux .jet-listing-grid__items:has(> .jet-listing-grid__item:nth-last-child(3):first-child),
.listing-pourquoi .jet-listing-grid__items:has(> .jet-listing-grid__item:nth-last-child(3):first-child){
  padding-bottom: 50px;
}

/* ----- 4 ITEMS → padding 50px ----- */
.listing-enjeux .jet-listing-grid__items:has(> .jet-listing-grid__item:nth-last-child(4):first-child),
.listing-pourquoi .jet-listing-grid__items:has(> .jet-listing-grid__item:nth-last-child(4):first-child){
  padding-bottom: 50px;
}

/* ----- 5 ITEMS → padding 100px ----- */
.listing-enjeux .jet-listing-grid__items:has(> .jet-listing-grid__item:nth-last-child(5):first-child),
.listing-pourquoi .jet-listing-grid__items:has(> .jet-listing-grid__item:nth-last-child(5):first-child){
  padding-bottom: 100px;
} 




.listing-problematique .jet-listing-grid{
  display: flex;
  justify-content: center;
}

/* =========================================================
   LISTING PROBLÉMATIQUE — POSITIONNEMENT UNIQUEMENT
   (NE MODIFIE PAS LE STYLE Elementor)
   ========================================================= */

/* Le conteneur des items devient la "scene" de référence */
.listing-problematique .jet-listing-grid__items{
  position: relative !important;
  width: 500px !important;         /* scène fixe pour éviter l'éclatement */
  max-width: 100%;
  height: 560px;        /* hauteur fixe */
  margin: 0 auto;

  /* on neutralise le layout Jet (grille/flex/gap) */
  display: block !important;
  gap: 0 !important;
}

/* Chaque item est placé en absolu (on ne touche à rien d'autre) */
.listing-problematique .jet-listing-grid__item{
  position: absolute !important;
  width: 215px !important;
  max-width: 215px !important;
  min-width: 215px !important;
  height: 215px !important;
  margin: 0 !important;
}

/* ===== Positions en PX (symétriques, calculées sur 900px) ===== */
/* 1 - haut centre */
.listing-problematique .jet-listing-grid__item:nth-child(1){
  top: 10px;
  left: calc(50% - 107.5px); /* 215/2 */
}

/* 2 - gauche (milieu) */
.listing-problematique .jet-listing-grid__item:nth-child(2){
  top: 150px;
  left: 0px;
}

/* 3 - droite (milieu) => 900 - 170 - 215 = 515 */
.listing-problematique .jet-listing-grid__item:nth-child(3){
  top: 150px;
  right: 0px;
}

/* 4 - bas gauche */
.listing-problematique .jet-listing-grid__item:nth-child(4){
  top: 345px;
  left: 45px;
}

/* 5 - bas droite */
.listing-problematique .jet-listing-grid__item:nth-child(5){
  top: 345px;
  right: 45px;
}

/* Si Jet en sort plus que 5 */
.listing-problematique .jet-listing-grid__item:nth-child(n+6){
  display: none !important;
}

/* Mobile : on repasse en liste (sinon ça déborde) */
@media (max-width: 767px){
  .listing-problematique .jet-listing-grid__items{
    width: 100%;
    height: auto;
  }
  .listing-problematique .jet-listing-grid__item{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: inherit !important;
    margin: 16px auto !important
  }
}


/* FORMULAIRE */
.wp-block-group.is-layout-flex.is-layout-flex > :is(*, div){
  width: 100% !important;
}

.jet-form-builder__submit{
    background-color: #3033AA;
    color: white !important; 
}