/*
 Theme Name: GeneratePress Child
 Theme URI: https://example.com
 Description: Thème enfant de GeneratePress
 Author: Ton Nom
 Author URI: https://example.com
 Template: generatepress
 Version: 1.0.0
*/

/* ===== Thème Enfant GeneratePress - style.css ===== */


/* Barre adminb */
#wpadminbar:hover
{
	opacity:1;
	top:0px;
}
#wpadminbar
{
	top:-24px;
	opacity:0;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;  
	
}


/* styles maquette */

/**
* SLIDER
**/

#n2-ss-2 {
    position: relative; /* essentiel pour les portes */
    max-width: calc(100% - 184px); /* 92px de chaque côté */
    height: calc(100vh - 93px);      /* viewport - header */
    margin: 0 auto;
    overflow: visible !important;
}

/* On fixe la hauteur à tous les niveaux où SmartSlider applique des styles inline */
#n2-ss-2,
#n2-ss-2 .n2-ss-slider,
#n2-ss-2 .n2-ss-slider-1,
#n2-ss-2 .n2-ss-slider-2,
#n2-ss-2 .n2-ss-slider-3,
#n2-ss-2 .n2-ss-slider-4,
#n2-ss-2 .n2-ss-slide-limiter,
#n2-ss-2 .n2-ss-slide {
    height: calc(100vh - 93px) !important;
    max-height: calc(100vh - 93px) !important;
}


#n2-ss-2 .ss-door-overlay {
    height: 100% !important;
}


/* Position verticale */
#n2-ss-2 .n2-ss-arrow {
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
}

/* Flèche gauche */
#n2-ss-2 .n2-ss-slider-controls-absolute-left-center {
    left: -62px;
}

/* Flèche droite */
#n2-ss-2 .n2-ss-slider-controls-absolute-right-center {
    right: -62px;
}


.n2-ss-slider .n2-ss-slider-controls-absolute-left-center>div,
.n2-ss-slider .n2-ss-slider-controls-absolute-right-center>div  {
    margin: 0 !important;

}

/**
* btn scroll bas
**/

/* Ajuste la taille si nécessaire (GenerateBlocks gère souvent la taille de l'icône déjà) */
.gb-scroll-svg { display: block; width: 1px; height: 100px; overflow: visible; }

/* Utilise la couleur de l'icône via currentColor */
.gb-scroll-svg .gb-scroll-line { stroke: currentColor; }

/* Animation : trait qui se dessine du haut vers le bas puis se réinitialise */
@keyframes gb-draw {
  0%   { stroke-dashoffset: 100; }
  50%  { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: 100; }
}

.gb-scroll-svg .gb-scroll-line {
  animation: gb-draw 1.2s linear infinite;
}

/* Animation globale du bouton scroll */
@keyframes gb-scroll-bounce {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(8px); }
  100% { transform: translateY(0); }
}

/* Appliquer l’animation sur ton bloc GenerateBlocks */
.btn-descendre {
  animation: gb-scroll-bounce 1.8s ease-in-out infinite;
}


/** --- Fin slider --- */

/**
* Titres H1 à H6
**/


.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 1.5em;
}

.h1,
.h1 a{
       font-size: 42px;
        line-height: 1.2em;
    font-weight: 400;
    text-transform: none;
}
				
		

.h2,
.h2 a{
       font-size: 35px;
        line-height: 1.2em;
    font-weight: 400;
    text-transform: none;
}
																			
																			

.h3,
.h3 a{
       font-size: 29px;
        line-height: 1.2em;
    font-weight: 400;
    text-transform: none;
}
												
												

.h4,
.h4 a{
    font-size: 24px;
    line-height: 1.4em;
    font-weight: 400;
    text-transform: none;
}
														
														

.h5,
.h5 a{
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 400;
    text-transform: none;
}
																			
																			

.h6,
.h6 a {
	font-size: 18px;
    
    line-height: 1.2em;
    font-weight: 400;
    text-transform: none;
}




/**
* Boutons panel coté droit
**/

/* Conteneur du bouton */
.btn-anim-scroll {
    background-size: 100% auto;           /* importante : permet le défilement vertical */
    background-repeat: repeat-y;          /* répète verticalement */
    background-position: center top;   /* point de départ en bas */
    transition: background-position 0.3s ease-out;
}

/* Animation au survol */
.btn-anim-scroll:hover {
    animation: scroll-svg-up 8s linear infinite;
    cursor: pointer;
}

/* Déplacement du motif vers le haut */
@keyframes scroll-svg-up {
    0% {
        background-position: center top;
    }
    100% {
        background-position: center bottom;
    }
}
/* bouton fermer le panel */
.close-panel svg {
  transition: transform 0.3s ease;
}

.close-panel:hover svg {
  transform: rotate(90deg);
}



/*--- Fin panel ---*/



/**
* MENU PRINCIPAL
**/ 

.menu-principal ul li a {
    font-family: 'comfortaa', sans-serif;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: color .3s ease-in-out;
}

.menu-principal ul li a:hover, .menu-principal>div>ul>li.current-menu-item>a {
    color: var(--base);
}

.menu-principal, .menu-principal>div, .menu-principal>div>ul, .menu-principal>div>ul>li, .menu-principal>div>ul>li>a {
    height:100%;
}

.menu-principal>div>ul>li.current-menu-item:before, .menu-principal>div>ul>li:hover:before {
    height: 25px;
}

.menu-principal ul li:before{
    content: '';
    position: absolute;
    -webkit-transition: width .2s ease-out,height .2s ease-out;
    transition: width .2s ease-out,height .2s ease-out;
    background-color: var(--base);
    bottom: 0;
    left: 50%;
    height: 0;
    width: 1px;
    z-index: 10;
}

/*--- fin menu principal ---*/

/**
* Lignes verticales
**/