/*
Theme Name: Guerrier-Child-theme
Theme URI: https://guerriers.ravendt.info/
Description: Theme enfant de Hello Elementor
Author: White Raven
Author URI: https://guerriers.ravendt.info/
Template: hello-elementor
Version: 1.0.0
*/
:root {
  --gray-bg: #FAF8F7;
  --e-global-border-radius: 50px;
}
@import url('https://fonts.googleapis.com/css2?family=Caprasimo&family=Jost:wght@400&display=swap');
/* Titres (H1, H2, H3, etc.) */
h1, h2, h3, h4, h5, h6, .elementor-heading-title {
  font-family: 'Caprasimo', cursive !important;
}

/* Textes, paragraphes, liens, boutons, etc. */
body, p, span, a, li, input, button, .age-result, div, a {
  font-family: 'Jost', sans-serif !important;
}

html, body{
  overflow-x: hidden !important;
}
.page-header{
  display: none;
}

.header-row .e-con-inner{
     align-items: center !important;
}

.elementor-shortcode{
    display: flex;
    justify-content: center;
}

.elementor-shortcode .age-result{
    color: #000;
    font-size: 22px;
    font-weight: 400;
}

.class-principal{
  position: relative;
  height: 425px !important;
}
.class-contenu{
  z-index: 2 !important;
  position: absolute;
}

.mobile-header-row {
  display: flex !important;
  justify-content: space-between !important; /* espace équilibré entre chaque bloc */
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 20px; /* ajoute un vrai espace entre les éléments */
}

.mobile-header-row > .e-con-full.e-flex.e-con.e-child {
  width: auto !important; /* corrige le 100% qui casse le gap */
  flex: 0 1 auto !important;
}

.elementor-menu-toggle {
  background-color: transparent !important;
}

.elementor-menu-toggle svg {
  fill: #fff !important;
}

img.title-fb-img {
  height: 45px !important;
  position: absolute;
  margin-left: 15px;
}

.img-clipaph .e-con-inner {
  justify-content: center !important;
  align-items: center !important;
}

/*Footer */

.no-bullet {
    list-style: none; 
    margin: 0;
    padding: 0;
}
/* style par défaut */
.header-row, .mobile-header-row {
  background: transparent !important;
  transition: background-color 0.3s ease !important;
}

/* style appliqué au scroll */
.header-row.scrolled, .mobile-header-row.scrolled {
  background-color: rgba(48, 48, 48, 0.7) !important; /* #303030 avec 70% opacité */
}

.text-notif {
  display: flex;
  align-items: center; /* pour centrer verticalement */
  gap: 8px; /* espace entre l’icône et le texte */
}
.text-notif div {
  color: #000;
}

.text-notif img {
  height: 40px !important;
  width: 40px !important;
}
/* Cible le heading avec l'image */
.filtre-icon .elementor-heading-title {
    display: flex;           /* aligne le texte et l'image sur la même ligne */
    align-items: center;     /* centre verticalement */
    gap: 8px;                /* espace entre image et texte */
}

/* Redimensionne l'image */
.filtre-icon .elementor-heading-title img {
    width: auto;             /* conserve le ratio */
    height: 30px;            /* hauteur 30px */
    display: inline-block;
}
.img-col {
  display: flex;   /* obligatoire */
  justify-content: center !important;
}
.temoignage-slider p{
  margin: 0 !important;
}
/* Afficher les checkbox JetSmartFilters sur une même ligne */
.jet-checkboxes-list__row.jet-filter-row {
  display: inline-block;
  margin-right: 15px; /* espace entre les cases */
  vertical-align: middle;
}

/* Supprime les marges verticales qui peuvent forcer le retour à la ligne */
.jet-checkboxes-list-wrapper {
  display: flex;
  flex-wrap: wrap; /* si tu veux que ça revienne à la ligne sur petits écrans */
  gap: 10px;
}

/* Pour centrer les éléments si besoin */
.elementor-element-c1e4b80 .jet-smart-filters-checkboxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cercle {
  position: absolute;
  width: 10px;         /* taille cercle */
  height: 10px;
  border-radius: 50%;  /* arrondi complet */
  background: #555;    /* cercle foncé intérieur */
  box-shadow: 0 0 0 3px #aaa; /* cercle clair autour */
  top: 10px;
  left: 10px;
}
@media (max-width:1277px) {
  .bouton-qui-sommes-nous{
    top: 457px !important;
  }
  .bloc-img-clipaph .elementor-widget-button{
    top: 400px !important;
  }
  .bloc-img-clipaph{
    padding-top: 90px !important;
  }
}


@media (max-width:1196px) {
  .bloc-img-clipaph .elementor-widget-button{
    top: 360px !important;
  }
  .bloc-img-clipaph{
    padding-top: 20px !important;
  }
  .text-quissomes-nous{
    padding-top: 70px !important
  }
}
@media (max-width:1159px) {
  .bloc-img-clipaph .elementor-widget-button{
    top: 350px !important;
  }
}

@media (max-width:1122px) {
  .btn-qui-sommes-n{
    --e-transform-translateY: 34px !important;
  }
}
@media (max-width:1129px) {
  .btn-qui-sommes-n{
    top: 520px !important;
  }
}
/* @media (max-width:1096px) {
  .bloc-img-clipaph .elementor-widget-button{
    top: 390px !important;
  }
} */

@media (max-width:1096px) {
  .bloc-img-clipaph .elementor-widget-button{
    top: 300px !important;
  }
  .btn-qui-sommes-n{
    top: 500px !important;
  }
}
@media (max-width:1067px) {
  .btn-qui-sommes-n{
    top: 485px !important;
  }
  .text-quissomes-nous{
    padding-top: 70px !important
  }
}
@media (max-width:1050px) {
  .bloc-img-clipaph .elementor-widget-button{
    top: 260px !important;
  }
  .btn-qui-sommes-n{
    --e-transform-translateY: 18px !important;
  }
}


@media (max-width:1024px) {
  .class-principal{
    height: 350px !important;
  }
  img.title-fb-img {
    height: 30px !important;
  }
  .bloc-img-clipaph .elementor-widget-button{
    top: 240px !important;
  }

  .text-quissomes-nous{
    gap: 30px !important
  }

  .btn-qui-sommes-n{
    top: 522px !important;
  }
}

@media (max-width:1008px) {
  .btn-qui-sommes-n{
    top: 500px !important;
  }
}

@media (max-width:979px) {
  .btn-qui-sommes-n{
    top: 490px !important;
  }
}

@media (max-width:944px) {
  .bloc-img-clipaph .elementor-widget-button{
    top: 184px !important;
  }
  .btn-qui-sommes-n{
    top: 470px !important;
  }
}
@media (max-width:915px) {
  .btn-qui-sommes-n{
    top: 450px !important;
  }
}
@media (max-width:900px) {
  .bloc-img-clipaph .elementor-widget-button{
    top: 144px !important;
  }
  .text-quissomes-nous{
    padding-top: 75px;
  }
}

@media (max-width:895px) {
  .btn-qui-sommes-n{
    top: 430px !important;
  }
}

@media (max-width:860px) {
  .btn-qui-sommes-n{
    top: 405px !important;
  }
}
@media (max-width:820px) {
  .btn-qui-sommes-n{
    top: 440px !important;
  }
}
@media (max-width:814px) {
  .bloc-img-clipaph{
    margin-top: -63px !important;
  }
  .btn-qui-sommes-n{
    top: 380px !important;
  }
}

@media (max-width:779px) {
  .bloc-img-clipaph .elementor-widget-button{
    top: 126px !important;
  }
  .btn-qui-sommes-n{
    top: 360px !important;
  }
}

@media (max-width:767px) {
  .bloc-img-clipaph .elementor-widget-button{
    top: 314px !important;
    left: 18% !important;
  }

  .bloc-img-clipaph, .text-quissomes-nous {
    background: var(--gray-bg);
    padding-bottom: 42px;
    border-radius: 50px !important;
    padding: 15px 20px 80px 40px !important;
  }

  .btn-qui-sommes-n{
    top: 199px !important;
    left: 18% !important;
  }

  .qui-sommes-nous-row .img-clipaph{
      padding-bottom: 40px !important;
  }
  .img-clipaph .img-clipaph{
    padding-bottom: 183px !important;
  }

}
@media (max-width:755px) {
  .qui-sommes-nous-row .img-clipaph{
      padding-bottom: 30px !important;
  }
}
@media (max-width:723px) {
    .img-clipaph .img-clipaph {
        padding-bottom: 130px !important;
    }
  .qui-sommes-nous-row .img-clipaph{
      padding-bottom: 0 !important;
  }
}
@media (max-width:690px) {
    .img-clipaph .img-clipaph {
        padding-bottom: 79px !important;
    }
}
@media (max-width:650px) {
    .img-clipaph .img-clipaph {
        padding-bottom: 25px !important;
    }
}
@media (max-width:608px) {
    .img-clipaph .img-clipaph {
        padding-bottom: 0 !important;
    }
}
@media (max-width:465px) {
  .icon-col-2{
    margin-top: 200px !important;
  }
}
@media (max-width:448px) {
  .bloc-img-clipaph .elementor-widget-button{
    top: 379px !important;
  }
}
@media (max-width:412px) {
  .bloc-img-clipaph .elementor-widget-button{
    /* top: 300px !important; */
  }
}
@media (max-width:351px) {
  .bloc-img-clipaph .elementor-widget-button{
    top: 445px !important;
  }
}
@media (max-width:386px) {
  .btn-qui-sommes-n{
    top: 230px !important;
  }
}
@media (max-width:360px) {
  .btn-qui-sommes-n{
    top: 270px !important;
  }
}
@media (max-width:344px) {
  .btn-qui-sommes-n{
    top: 250px !important;
  }
}
@media (max-width:335px) {
  .bloc-img-clipaph .elementor-widget-button{
    top: 470px !important;
    left: 38px !important;
  }
  .btn-qui-sommes-n{
    top: 283px !important;
    left: 38px !important;
  }
}
@media (max-width:290px) {
  .bloc-img-clipaph .elementor-widget-button{
    top: 533px !important;
  }
}

@media (max-width:290px) {
  .btn-qui-sommes-n{
    top: 345px !important;
    left: 10px ! IMPORTANT;
  }
}