/*
Theme Name: print60
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone

*/

@import url("../twentytwentyone/style.css");

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

.menu-print .menu-item:hover a:before,
.menu-print .current-menu-item a:before,
.menu-print .current-menu-parent a:before{
background-color: #ffe566!important;
z-index: -1;
    content: '';
    height: 7px;
    width: 115%;
    margin-left: -7%;
    margin-top: 8px;
	transform: scaleX(1);
	opacity:1;
	
}

.menu-print .menu-item-has-children:hover a:before,
.menu-print .menu-item-has-children.current-menu-item a:before,
.menu-print .current-menu-parent a:before,
.menu-print .sub-menu:hover .elementor-sub-item.has-submenu:before
{
width: 94%!important;
margin-left: -3%!important;
}

.menu-print .menu-item-has-children .sub-menu .elementor-sub-item.has-submenu:before,
.menu-print .menu-item-has-children .sub-menu .elementor-sub-item:before,
.menu-print .menu-item-has-children.current-menu-item .sub-menu .elementor-sub-item:before,
.menu-print .menu-item-has-children.current-menu-item .sub-menu .elementor-sub-item.has-submenu:before{
width: 0%!important;
margin-left: -3%!important;
}




.menu-print a:before {
  content: '';
  height: 7px;
  background-color: #ffe566;
  width: 100%;
  z-index: -1;
opacity:0;
  /* Animation setup */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease-in-out;
}


.wp-child-theme-print60 p{
    margin-bottom: 20px;
}


.carousel-selection .swiper-slide {
border-radius:10px;
    background-color: #b7b1b1;
}

.carousel-selection .swiper-slide .elementor-element.e-flex.e-con-boxed.e-con.e-parent{
padding: 0 30px 20px 20px;
}


.grid-selection{
grid-template-columns: 45% 55%!important;
}

/*******************************SLIDER*****************************************/
/* Le wrapper ne capte pas les clics */
.decouvrir-wrapper,
.n2-ss-item-ba-label--before {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999999 !important; /* +++ élevé que tout le reste */
  pointer-events: none;
}

/* Le bouton lui capte les clics */
.btn-decouvrir,
.n2-ss-item-ba-label--before a {
  pointer-events: auto;
  z-index: 999999 !important;
  position: relative;
}

.n2-ss-item-ba-divider-container {
  pointer-events: none !important;
}

.n2-ss-item-ba-arrow-container,
.n2-ss-item-ba-divider-part {
  pointer-events: auto !important;
}

.n2-ss-item-ba-label--before a{
  color:white;
}
.n2-ss-item-ba-label--before{
 border-radius:0px!important;
}

.n2-ss-item-ba-label--before{
    font-size: 0.65vw!important;
    top: 71%;
    left: 13.5%;
    position: absolute;
    margin: 0px!important;
}

.n2-ss-item-ba-divider-container {
  user-select: none;
  -webkit-user-select: none;
  cursor: ew-resize; /* conserve le curseur glissable */
}


/*****************************BOUTON ******************************/

    

 .btn.style3{
    font-size: 11px;
	background: transparent;
    line-height: 38px;
    font-weight: 600;
    padding: 0 26px;
    border: 2px solid #151515;
    margin: 0;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    color: #151515;
    background: transparent;
    text-transform: uppercase;
    text-shadow: none !important;
    text-align: center;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
	    width: 260px;
}


 .btn.style3.vert{
	 color:000000;
}

.btn.style3.vert:before, .button.style3.vert:before, input[type=submit].style3.vert:before {
    background: #388e3ccf;
}


.btn.style3:before, .button.style3:before, input[type=submit].style3:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #ff7200b0;
    -webkit-transform: translate3d(6px, 6px, 0);
    -moz-transform: translate3d(6px, 6px, 0);
    -ms-transform: translate3d(6px, 6px, 0);
    -o-transform: translate3d(6px, 6px, 0);
    transform: translate3d(6px, 6px, 0);
	 transition: transform 0.3s ease; /* <-- Ajouté ici */
}


.btn.style3:after, .button.style3:after, input[type=submit].style3:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border: 2px solid #151515;
    z-index: 2;
}



.btn.style3:hover:before, .button.style3:hover:before, input[type=submit].style3:hover:before {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.btn.style3:after, .button.style3:after, input[type=submit].style3:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border: 2px solid #151515;
    z-index: 2;
}


/*******************************GALERTIE LKOGOS*************************/
.galerie-logos .gallery-icon{
    background-color: white;
	height:101px;
	flex: 1;                /* chaque .gallery-icon prend une part égale */
  display: flex;          /* active flexbox pour centrer l'image */
  align-items: center;    /* centre verticalement */
  justify-content: center;
	}
	
.galerie-logos .gallery-icon img{	
    height: auto!important;
    object-fit: contain;
}


/***************************QUI SOMMES NOUS********************/

.qui-est-print img{	
    height: auto!important;

}


/****************************PAGE ENTREPRISE**********************/
.Bloc-intro img,
.compteur img{	
    height: auto!important;
}

.compteur .elementor-counter-title:before{
    content: '';
    width: 41px;
    height: 1px;
    background-color: #ffffff;
    margin: auto;
    position: absolute;
    top: 55px;
}


.logo-grille .elementor-portfolio-item__img.elementor-post__thumbnail{
    background-color:white!important;
	    border: solid 1px #00000030!important;
}

.logo-grille img{
    height: auto!important;
}

.logo-grille .elementor-portfolio__filter{
    background-color: #f2dfb2;
    padding: 2px 10px 2px 10px;
    line-height: 36px;
	 transition: background-color 0.5s ease;
}

.logo-grille .elementor-portfolio__filter.elementor-active{
    background-color: #ff7200;
    padding: 2px 10px 2px 10px;
    line-height: 36px;
}

.logo-grille .elementor-portfolio__filter:hover{
    background-color: #ff7200;
	color:white;
    padding: 2px 10px 2px 10px;
    line-height: 36px;
	 transition: background-color 0.5s ease;
}