/*
Theme Name: BeFlex Child
Theme URI: https://www.eoxia.com
Author: the Eoxia team
Description: Child theme of BeFlex
License: AGPLv3
License URI: https://spdx.org/licenses/AGPL-3.0-or-later.html
Version: 1.0.0
Template: beflex
Text Domain: beflex-child
*/

html,body {
    scroll-behavior: smooth !important;
}

.wp-block-cover .wp-block-cover__inner-container  {
    max-width: 1100px;
}  

:where(.wp-site-blocks) > * {    
    margin-block-start: 0px;
}
/*page contact*/
.page-id-69 header.site-header+* {
    margin-top: -120px;
}



/*image accueil*/
@media (min-width: 768px) {
    .image-accueil-mobile {
        display: none !important;
    }
}


/*responsive menu*/

@media screen and (max-width: 600px) {
.wp-block-navigation__responsive-dialog {
    padding-right: 30px;

}


ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    margin-right: -20px!important;
    
}
h2 {
    font-size: 26px;
    word-break: break-word
}
footer .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    text-align: center;
}
footer .wp-block-group.is-nowrap.is-layout-flex {
    text-align: center;
    display: flex
;
    justify-content: center;
}
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    display: block;
    margin: 20px auto; /* 20px = marge verticale, auto = centrage horizontal */

    background-color: #EABB6C !important;
    color: #223C5D ;
    font-weight: bold;

}

@media (max-width: 768px) {
 
}



@media (max-width: 768px) {
.sticky-ordinateur{
  display: none;

}
}
@media (min-width: 768px) {
  .sticky-portable{
display: none;
  }
}


/*stiky */
.wp-block-eo-sticky:not(.is-active-mobile-menu).is-position-bottom-center {
    width: 95%;
}

/*picto logo mobile*/

@media (min-width: 768px) {
  .wp-image-1879{
display: none;
  }
  .logo-picto-logo
 {
  display: none;

 }
}

@media (max-width: 768px) {
.custom-logo-link .custom-logo {
    
display: none;
  
}
}

/*menu*/
@media (min-width: 768px) {
.bouton-dolidej-mobile {
display: none !important;
}

}
@media (max-width: 768px) {
    .bouton-dolidej-ordi {
display: none !important;
    }
}

/*page partenaire*/
.plan-partenaire {
  position: relative;
  z-index: 1;
}

.plan-partenaire .wp-block-cover.alignwide {
    position: relative;
    z-index: revert-layer;
}
.plan-partenaire .wp-block-cover.alignwide .swiper {
  z-index: -1 ;
}

/*footer*/
@media (max-width: 768px) {
.footer-espace {
      height: 120px !important;
}
footer  .grid-service .wp-block-group.is-nowrap.is-layout-flex {
justify-content: flex-start;
}
.wp-block-group.is-layout-flex {
  align-items: center;     /* Aligne image et texte au centre verticalement */
  gap: 8px;                /* Espace entre image et texte */
}

.wp-block-group.is-layout-flex figure {
  width: 42px;
  height: 42px;
  margin: 0;
  flex-shrink: 0;          /* Empêche l'image de rétrécir */
}

.wp-block-group.is-layout-flex img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
                                   /* Aligner le texte à gauche */
.wp-block-group.is-layout-flex p {
  margin: 0;
  text-align: left;
  line-height: 1.2;
  display: block;
}
.adresse-grid a{
text-align: center;
display: block;
}

}

/*picto hover//////////////*/
/* Picto de base */
.picto-hover-1,
.picto-hover-2 {
  position: absolute;
  left: 0;
  
  top: -40px;
  width: 100%;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

/* État initial */
.picto-hover-1 {
  opacity: 1;
  transform: translateY(0);
  z-index: 2;
}

.picto-hover-2 {
  opacity: 0;
  transform: translateY(20px); /* vient du bas */
  z-index: 1;
  pointer-events: none;
}

/* Hover : disparition du premier vers le haut, apparition du second */
.picto-hover:hover .picto-hover-1 {
  opacity: 0;
  transform: translateY(-20px); /* vers le haut */
}

.picto-hover:hover .picto-hover-2 {
  opacity: 1;
  transform: translateY(0); /* remonte à sa place */
  z-index: 3;
}
/*picto hover//////////////*/


/*picto hover//////////////*/
/* Picto de base */

.picto-hover-2a {
  position: absolute;
  left: 0;
  
  top: -40px;
  width: 100%;
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.picto-hover-2a {
  opacity: 0;
  transform: translateY(20px); /* vient du bas */
  z-index: 1;
  pointer-events: none;
}


.picto-hover:hover .picto-hover-2a {
  opacity: 1;
  transform: translateY(0); /* remonte à sa place */
  z-index: 3;
  margin: 30px;
}
/*picto hover//////////////*/
.picto-hover-2b {
  position: absolute;
  left: 0;
  
  top: -40px;
  width: 100%;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.picto-hover-2b {
  opacity: 0;
  transform: translateY(20px); /* vient du bas */
  z-index: 1;
  pointer-events: none;
}


.picto-hover:hover .picto-hover-2b {
  opacity: 1;
  transform: translateY(0); /* remonte à sa place */
  z-index: 3;
  margin: 15px;
}
/*picto hover//////////////*/


/*bloc expert dolibarr*/




/*menu*/
@media (min-width: 768px) {
.bloc-for-mobile {
display: none !important;
}

}
@media (max-width: 768px) {
.bloc-for-ordi{
display: none !important;
}
}


/*pourquoi passer par doliup*/
@media (max-width: 768px) {
.bloc-passer-doliup {
min-height: 114px !important;
}
}
@media (min-width: 768px) {
.bloc-passer-doliup p {
  font-size: 22px;
}
}

/*bloc 2021*/
@media (mins-width: 768px) {
.bloc-2021  .wp-block-cover__inner-container h2 {
font-size: 100px !important;
}
}


/*bloc-D*/
.bloc-dolibarr .wp-image-1359  {
 margin-top: -50px;
}

/*picto swipe*/


/*bouton*/

.wp-block-button .wp-block-button__link:hover {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 18px;
    padding-right: 18px;
    transition: 0.15s ease-in all;
}
.wp-block-button .wp-block-button__link {
  transition: 0.15s ease-in all;
}

/*accueil menu*/
.home .wp-site-blocks {
  padding-top : 0px !important;
}





/*carrer parrallaxe*/

.rellax {
  transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);

}
.rellax2 {
  transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);

}
.rellax3 {
  transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
}



/*picto deplacement parallaxe  accueil*/
/*plan 1*/
.picto-flottant-1 {
  position: absolute;
  left: 1250px;
    bottom: 420px;
}
  

.picto-flottant-2 {
  position: absolute;
    left: 800px;
    bottom: -120px;
 
}
/*plan 2*/
.picto-flottant-3 {
  position: absolute;
  left: 1350px;
      top: 150px;

filter: blur(0px); /* intensité du flou */
  opacity: 1; /* plus doux */
}
.picto-flottant-4 {
  position: absolute;
       left: 900px;
    bottom: -60px;

filter: blur(0px); /* intensité du flou */
  opacity: 1; /* plus doux */
}
/*plan 3*/
.picto-flottant-5 {
  position: absolute;
      left: 1000px;
    

filter: blur(0px); /* intensité du flou */
  opacity: 1; /* plus doux */
}
.picto-flottant-6 {
  position: absolute;
   left: 1200px;
    top: 500px;

filter: blur(0px); /* intensité du flou */
  opacity: 1; /* plus doux */
}


.block-full .wp-block-cover__inner-container {
max-width:100%;
}




/*picto deplacement parallaxe  autre*/
.picto-flottant-9 {
  position: absolute;
  left: 40px;
    top: 500px;

filter: blur(0px); /* intensité du flou */
  opacity: 1; /* plus doux */
}



.picto-flottant-10 {
  position: absolute;
     left: 1450px;
    top: 500px;

filter: blur(0px); /* intensité du flou */
  opacity: 1; /* plus doux */
}

.picto-flottant-11 {
  position: absolute;
     left: 1500px;
    

filter: blur(0px); /* intensité du flou */
  opacity: 1; /* plus doux */
}
.picto-flottant-12 {
  position: absolute;
   
    top: 500px;

filter: blur(0px); /* intensité du flou */
  opacity: 1; /* plus doux */
}

@media (max-width: 1040px) {
.picto-flottant-9 {
display: none !important;
}
.picto-flottant-12 {
 display: none !important;
}}





.picto-flottant-13 {
  position: absolute;
  left: 40px;
    top: 1000px;

filter: blur(0px); /* intensité du flou */
  opacity: 1; /* plus doux */
}
.picto-flottant-14 {
  position: absolute;
     left: 1500px;
    top: 200px;

filter: blur(0px); /* intensité du flou */
  opacity: 1; /* plus doux */
}

.picto-flottant-15 {
  position: absolute;
    left: 1550px;
    top: 110px;

filter: blur(0px); /* intensité du flou */
  opacity: 1; /* plus doux */
}
.picto-flottant-16 {
  position: absolute;
   
      top: 700px;

filter: blur(0px); /* intensité du flou */
  opacity: 1; /* plus doux */
}


/*sous- menu et menu*/
ul.wp-block-navigation__submenu-container.nos-services-principal.wp-block-navigation-submenu {
    position: absolute !important;
    top: 60px;
    right: -70px !important;
    padding: 10px;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
    border-radius: 20px;
    border: none;
    box-shadow: var(--wp--preset--shadow--natural);
    width: 270px !important;
}

.wp-block-navigation-submenu{
      
padding-bottom: 40px !important;
    top: 19px;
}

.navigation-doliup a:hover {
  color: #f9b233!important;
  transition: 0.3s;
}

@media (max-width: 1040px) {
ul.wp-block-navigation__submenu-container.nos-services-principal.wp-block-navigation-submenu {
    position: relative !important;
    top: 0px;
    right: 0px !important;
    padding: 0px;
    padding-bottom: 0px !important;
    border-radius: 0px;
    border: none;
    box-shadow: none;
}

.nos-services-principal li {
padding-bottom: 20px !important;
}
}

/*menu burger responsive*/

@media (max-width: 1040px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
    .navig_vert a, .navig_vert .wp-block-navigation__responsive-container-close {
        color:#155e67 !important;
        margin-right: 20px !important;

    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        align-items: center;
        display: flex;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        align-items: center;
        display: flex;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
        display: flex !important;
        align-items: center;
    }
    .wp-block-navigation-item__content {
        font-size: 24px;
    }
    .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        font-size: 15px;
    }
    .wp-block-navigation__responsive-container.is-menu-open {
        display: block !important;
    }

  .wp-block-navigation__container,
  .wp-block-navigation__responsive-container {
    flex-direction: column !important;
  }
  /* Cacher le menu desktop au-delà de 768px si besoin */
  .wp-block-navigation__container.wp-block-navigation__container--desktop {
    display: none !important;
  }

  .wp-block-navigation__responsive-container-open {
    display: block !important;
  }
}
@media (max-width: 600px) {
    .site-header .wp-block-button__link {
        padding-left: 0.5em !important;
        padding-right: 0.5em !important;
    }
}


/* Icône spécifique pour chaque service */
.service-modules a::before, .service-developpement a::before, .service-formation a::before, .service-hebergement a::before, .service-hebergement a::before, .service-assitance a::before, .service-dolischool a::before  {
content: "";
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.service-modules a::before {
  
  background-image: url('https://doliup.fr/wp-content/uploads/2025/07/module.png');
  
}

.service-developpement a::before {

  background-image: url('https://doliup.fr/wp-content/uploads/2025/07/devellopement.png');
}

.service-formation a::before {

  background-image: url('https://doliup.fr/wp-content/uploads/2025/07/formation.png');
}

.service-hebergement a::before {

  background-image: url('https://doliup.fr/wp-content/uploads/2025/07/hebergement.png');
}

.service-assitance a::before {

  background-image: url('https://doliup.fr/wp-content/uploads/2025/07/assitance.png');
}

.service-dolischool a::before {

  background-image: url('https://doliup.fr/wp-content/uploads/2025/07/dolischool.png');
}

@media (max-width: 1040px) {

}

@media (min-width:1024px){
  .wp-block-image.img-losange{
    display:block;
    width:max-content;
    max-width: 680px;              
    margin-left:auto !important;    
    margin-right:0 !important;
  }
}

@media (max-width:767px){

.bouton-contact {
display: none !important;
}
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
      width: calc(33% - var(--wp--style--block-gap, .5em) * .75) !important;
}


.wp-block-button.has-custom-width.wp-block-button__width-25.is-style-fill.footer-envellope {
    max-width: 80px;
}







/*doliup 2 */

.wp-block-cover .wp-block-cover__inner-container {
    max-width: 1500px;
}