/*
Theme Name: Surveil
Description: Surveil Template
Author: Jibéo
Author URL: https://jibeo.fr    
Template: hello-elementor
Text Domain: Surveil
*/

/* html, body{
width:100%!important;
overflow-X:hidden!important;
scroll-behavior: smooth!important;} */

/*Header*/

  nav ul li.top-menu-contact{background-color:#505050!important;}
  nav ul li.top-menu-contact:hover{background-color:#898989!important;}

.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li :hover {
    border-bottom: solid 4px #ffffff;
}

#megamenu nav .elementor-widget-container ul {list-style-type:none!important; padding: 0;}
#megamenu nav .elementor-widget-container ul li{list-style-type:none!important; padding: 10px 0; border-bottom: 1px solid #505050;}
#megamenu nav .elementor-widget-container ul li a{font-size: 15px; }
#megamenu nav .elementor-widget-container ul li:last-child{border-bottom: none!important;}
#megamenu nav .elementor-widget-container ul li:last-child:hover{border-bottom: solid 4px #ffffff!important;}
#megamenu nav .e-n-menu-heading li:hover {
    border-bottom: solid 4px #ffffff;
}

.elementor-widget-n-menu .e-n-menu-item .e-n-menu-title :hover {
    border-bottom: none;
}

  .elementor-button{padding: 3px 13px 3px 23px!important;}

 /* .header nav ul li.menu-item-has-children{min-width: 280px; background-image: url("img/dropdown-arrow-circle.png"); background-repeat: no-repeat; background-position: center right 20px;}*/
  .header nav ul li.menu-item-has-children > a[aria-expanded="false"]{ min-width: 280px; background-image: url("img/dropdown-arrow-circle.png"); background-repeat: no-repeat; background-position: center right 20px;}
  /*.header nav ul li.e-n-menu-item > a[aria-expanded="false"]{ padding-right: 30px!important; background: url("/wp-content/uploads/2025/01/dropdown-arrow-circle.svg") no-repeat top right;}*/
  .header nav ul li.menu-item-has-children > a[aria-expanded="true"]{ min-width: 280px; background-image: url("https://surveil.fr/wp-content/uploads/2025/11/dropdown-arrow-circle-up.svg"); background-repeat: no-repeat; background-position: center right 20px;}
  .header nav ul li.e-n-menu-item button span.e-n-menu-dropdown-icon-opened, .header nav ul li.e-n-menu-item button span.e-n-menu-dropdown-icon-closed{display: none!important;}


  #btn-header .elementor-button-icon{font-size: 28px!important;}
  #btn-header{border: 1px solid #F00D00!important;
      border-radius: 30px;
      background: #E3051B!important;
      /* background-clip: border-area!important; */
    }

  #btn-header:hover{background: #c10013!important; color: #ffffff!important;}
  .header .e-n-menu-title-container .icon-inactive svg{fill:transparent!important;}

	.elementor-nav-menu--dropdown a {padding-right: 30px !important;}



/* PAGES*/

.header-page{
  border-top: 7px solid !important;
  border-image: linear-gradient(to right,#000000, #265869, #5DD7FF, #1C5B6F,#000000, #000000, #4D4D4D, #4D4D4D) 1 0 0 0;
}

/* Boutons */

  .btn-red{ border: 1px solid #0000;
      border-radius: 30px;
      background: linear-gradient(220deg,#FB4040,#2E2E2E) border-box;
      background-clip: border-area;
    }
    .btn-red a span.elementor-button-icon{font-size: 28px!important;}
    .btn-red a{padding: 0 24px 0 24px!important; line-height: 40px!important;}

    .btn-red a span.elementor-button-icon{padding-top: 2px;}
    .btn-red a span.elementor-button-text{padding-top: 2px;}
    .btn-red a:hover{background: #600D0D!important; color: #ffffff!important;}


    .btn-black{ 
      border: 1px solid #0000;
      border-radius: 30px;
      background: linear-gradient(280deg,#FB4040,#2E2E2E 50%) border-box;
      background-clip: border-area;
    }
    .btn-black a span.elementor-button-icon{font-size: 28px!important;}  
    .btn-black a{padding: 0 13px 0 23px!important; line-height: 40px!important;}
    .btn-black a span.elementor-button-icon{padding-top: 3px;}
    .btn-black a span.elementor-button-text{padding-top: 3px;}

    .btn-black a:hover{background: #600D0D!important; color: #ffffff!important;}

    a.button-grey{
      display: block;
      background-color: #2C2C2C;
      border-left: solid 5px #555555;
      /* background-image: url("/wp-content/uploads/2025/01/Union.svg");
      background-repeat: no-repeat;
      background-position: left; */
      padding: 15px 15px 15px 70px;
      font-size: 16px;
      font-weight: 500;
    }

  a.button-grey:hover{ 
    background-color: #514e4e;
    color: #ffffff;
  }

a.button-grey.commerces{
    background-image: url("/wp-content/uploads/2025/08/commerces-icon.svg")!important;
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center left 10px;
	color: #ffffff !important;
}


  a.button-grey.cabinets{
    background-image: url("/wp-content/uploads/2025/08/cabinets-medicaux-et-paramedicaux-icon.svg")!important;
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center left 10px;
	color: #ffffff !important;
  }

  a.button-grey.chantiers{
    background-image: url("/wp-content/uploads/2025/08/chantiers-de-construction-icon.svg")!important;
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center left 10px;
	color: #ffffff !important;
  }
  a.button-grey.batiments{
    background-image: url("/wp-content/uploads/2025/08/batiments-industriels-et-logistiques-icon.svg")!important;
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center left 10px;
	color: #ffffff !important;
  }
      a.button-grey.bureaux{
    background-image: url("/wp-content/uploads/2025/08/bureaux-et-tertiaire-icon.svg")!important;
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center left 10px;
	color: #ffffff !important;
  }
      a.button-grey.hotels{
    background-image: url("/wp-content/uploads/2025/08/hotels-bars-restaurants-icon.svg")!important;
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center left 10px;
	color: #ffffff !important;
  }
      a.button-grey.municipalites{
    background-image: url("/wp-content/uploads/2025/08/municipalites-collectivites-administrations-icon.svg")!important;
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center left 10px;
	color: #ffffff !important;
  }
      a.button-grey.pharmacies{
    background-image: url("/wp-content/uploads/2025/08/pharmacies-et-parapharmacies-icon.svg")!important;
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center left 10px;
	color: #ffffff !important;
  }
      a.button-grey.concessions{
    background-image: url("/wp-content/uploads/2025/08/concessions-automobiles-et-parcs-vehicules-icon.svg")!important;
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center left 10px;
	color: #ffffff !important;
  }
      a.button-grey.hypermarches{
    background-image: url("/wp-content/uploads/2025/08/hypermarches-supermarches-icon.svg")!important;
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center left 10px;
	color: #ffffff !important;
  }
      a.button-grey.immeubles{
    background-image: url("/wp-content/uploads/2025/08/immeubles-et-coproprietes-icon.svg")!important;
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center left 10px;
	color: #ffffff !important;
}


  a.button-grey-mega-menu:hover{
    background-color: #999999;
    color: #ffffff;
  }




.elementor-13 .elementor-element.elementor-element-1e9da9c .elementor-nav-menu .elementor-item{
    border: none !important;
  }

.elementor-13 .elementor-element.elementor-element-76a1eb8 .elementor-icon-list-item:hover .elementor-icon-list-text{
    padding-bottom: 5px;
    padding-right: 5px;
    border-bottom: solid 3px #ffffff;
  }


  /* Dégradé des textes */

  .text-gradient{
    font-size: 45px;
  background: -webkit-linear-gradient(180deg,#80c4db 20%,#80c4db 80%, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }

  .text-gradient-gray{
    font-size: 45px;
  background: -webkit-linear-gradient(180deg,#a7a7a7 20%,#a7a7a7 80%, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }

  .gradient h3{
    background: -webkit-linear-gradient(180deg,#999999, #ffffff)!important;
  -webkit-background-clip: text!important;
  -webkit-text-fill-color: transparent!important;
  }

/* Timeline */ 

  div.twae-label-big:before{content: url(/wp-content/uploads/2025/04/Ellipse-rouge.svg); position:relative; 
    left:-5px;}

  .twae-year-label{border: none!important;box-shadow: #fff 2px -1px 0px; }

/* Formulaires */

  input[type="text"], input[type="tel"], input[type="email"] {height: 45px;}
  textarea{padding: 15px!important;}

  button[type="submit"]{border: 2px solid #fff!important;
    border-radius: 30px;
    padding-right: 45px!important;
    background: #E3051B url("/wp-content/uploads/2025/01/arrow-button-white.svg")no-repeat top 0 right 5px!important;
    /* background-clip: border-area!important; */
    box-shadow: #E3051B 0px 0px 20px;
    border-color: #FF8181!important;
    /* background-color: rgba(255,255,255,0.5)!important; */
  }

  input[type="checkbox"]{width: 17px;}
  .elementor-field-type-checkbox label{}
  button[type="submit"]:hover{
  color: #ffffff!important;
    background: #600D0D url("/wp-content/uploads/2025/01/arrow-button.png")no-repeat top 0 right 5px!important;
  }

.elementor-field select {color:#a7a7a7!important;}


/*Footer*/

  /* .footer-list ul li:before{content: "•"; float: left; line-height: 24px; margin-right: 10px; font-size: 24px; font-weight: 700;} */

  .footer-bottom{
      border-top: 3px solid;
      border-image: linear-gradient(to left, #265869, #5DD7FF, #1C5B6F, #000000, #571616, #FB4040, #571616) 1 0 0 0;
    }

  .footer ul{padding-left: 10px!important;}
  .footer ul.elementor-icon-list-items{padding-left: 0px!important;}

   .footer a:hover {color: #ffffff !important; font-weight:500;}


  /* ACCORDION */

.elementor-accordion-item{border-left:0!important; border-right: 0!important;}
.elementor-accordion-icon-opened svg, .elementor-accordion-icon-closed svg{width: 30px!important; height: 30px!important;}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background:rgba(140, 188, 205, .5)!important;
    color: #fff!important;
    font-family: 'Rubik';
    font-size: 20px!important;
    font-weight: 600!important;
	line-height: 23px !important;
    cursor: pointer;
    text-align: left;
    /* display: flex; */
    align-items: center;
    margin-top: 20px!important;
    padding: 15px 20px;
    width: 100%;
    transition: 0.4s!important;
    /* border:none!important; */
    border-radius: 0!important;
    border: 1px solid;
    border-image: linear-gradient(to left, #fff 0, #6f6f6f 44%, #3B4F56 73%) 1 1 0 0;
    text-wrap:wrap;
    -webkit-hyphens: auto;
  hyphens: auto;
  }
  
.accordion h3 { 
  font-size: 20px!important;
  line-height: 23px!important;
  max-width: 90%;
  margin: 0!important;
}

  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .active, .accordion:hover,
  button:focus {
    /* color:#D81D67!important; */
    /* border: none; */
    /* background: none!important; */
  }
  
  /* Style the accordion panel. Note: hidden by default */
  .panel {
    padding: 0 18px;
    background-color: rgba(0, 0, 0, .19);
    display: none;
    overflow: hidden;
    height: auto; 
    font-size: 20px!important;
  }
  
  .accordion:before {
    content: url('/wp-content/uploads/2025/08/carrousel-open.svg'); 
    font-size: 30px;
    color: #ffffff!important;
    position: relative;
    float:right;
    /* top:-20px; */
    right:30px;
    margin-left: 0px;
  }
  
  .active:before {
    content: url('/wp-content/uploads/2025/08/carrousel-closed.svg'); 
  }

  .accordion-static .e-n-accordion-item-title{
    border-radius: 0!important;
    border: 1px solid!important;
    border-image: linear-gradient(to left, #fff 0, #6f6f6f 44%, #3B4F56 73%) 1 1 0 0!important;
  }


  @media (max-width:768px){
    .accordion h3{font-size: 20px!important;max-width: 85%; line-height: 24px!important;}
      .accordion:before {right: 10px!important;}
    
  }

  @media (max-width:430px){
    .btn-red a, .btn-black a{
      line-height: 20px!important;
    }
    
  }

  @media (max-width:1280px){
    .elementor-nav-menu--dropdown.elementor-nav-menu__container{
      padding: 15px!important; background:#000!important; border: none!important; font-size: 17px; font-weight: 500;}
    .elementor-nav-menu--dropdown.elementor-nav-menu__container ul li a{border-left: #E2E2E2 solid 3px; }
    .elementor-nav-menu--dropdown.elementor-nav-menu__container ul li.red-border a{border-left: #E3051B solid 3px; }
    .elementor-nav-menu--dropdown.elementor-nav-menu__container ul li.black-border a{border-left: #000000 solid 3px; }
    .elementor-nav-menu--dropdown.elementor-nav-menu__container ul li a span.sub-arrow{display: none!important; }
    /* .elementor-nav-menu--dropdown.elementor-nav-menu__container ul li ul.sub-menu{border:none!important;} */

    .elementor-nav-menu--dropdown.elementor-nav-menu__container ul li ul.sub-menu.elementor-nav-menu--dropdown{border:none!important; background-color:#333!important;}

    .menu-item .toutes-solutions a{background-color: #252525!important; text-transform: uppercase; font-weight: 600!important;}
    ul.sub-menu.elementor-nav-menu--dropdown li a.elementor-sub-item{font-size: 15px!important; font-weight: 400;}
   /* .header nav ul li.menu-item-has-children a[aria-expanded="true"]{ padding-right: 30px!important; background: url("/wp-content/uploads/2025/01/arrow-circle-white.svg") no-repeat top right;}{min-width: 280px; background-image: url("img/dropdown-arrow-circle.png"); background-repeat: no-repeat; background-position: center right 20px;}
    .header nav ul li.menu-item-has-children a[aria-expanded="false"]{ padding-right: 30px!important; background: url("/wp-content/uploads/2025/01/dropdown-arrow-circle.svg") no-repeat top right;}{min-width: 280px; background-image: url("img/dropdown-arrow-circle.png"); background-repeat: no-repeat; background-position: center right 20px;} 
   */
}


.secteur-card {
  background: #111; /* fond sombre */
  color: #fff;
  padding: 10px 20px 20px 20px!important;
  border-radius: 0;
  border-left: #505050 5px solid;
  display: flex;
  align-items: stretch;
  min-height: 250px!important;
}

.secteur-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.secteur-title {
  font-family: 'Rubik';
    font-size: 16px!important;
    font-weight: 600!important;
    line-height: 24px!important;
  margin-bottom: 10px;
}

.secteur-excerpt {
    font-family: 'Rubik';
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 15px;
}

.secteur-link {
    font-family: 'Rubik';
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.secteur-link span {
  background-image: url("https://surveil.fr/wp-content/uploads/2025/01/ensavoirplus.svg");
  background-repeat: no-repeat;
  padding-left: 30px;
  /* border-bottom: 1px solid #fff; */
  transition: color 0.2s, border-color 0.2s;
}

.secteur-link:hover span {
  color:#E3051B;
  /* border-color: #E3051B; */
}

/* Positionner la pagination sous le carousel */
.swiper-container {
  padding-bottom: 40px; /* réserve de place pour les bullets */
}

.swiper-pagination {
  bottom: -10px !important; /* décale un peu vers le bas */
  text-align: center;
}

/* Taille des bullets */
.swiper-pagination-bullet {
  width: 17px!important;
  height: 17px!important;
  background: #fff!important; /* couleur inactive */
  opacity: 1;       /* éviter transparence */
  margin: 0 6px !important;
  border-radius: 50%;
  transition: background 0.3s!important;
}

/* Bullet active */
.swiper-pagination-bullet-active {
  background: #fff; /* couleur active */
}

/* CONSENTEMENT RGPD 
*/

.cmplz-btn{color:#fff!important; background-color: #C10013!important;background-image: none!important;}
.cmplz-btn.cmplz-accept{border: none!important;}
.cmplz-documents.cmplz-links li a{color: #C10013!important;}