/*
Theme Name: Guinguette
Theme URI: 
Author: GroNougat
Author URI: 
Description: Le thème du site Guinguette Electro
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: guinguette
Tags: 
*/

.body-container {
    margin: 0;
    max-width: 100%;
    padding: 0;
    overflow: hidden;
}

/*Navbar et corrections ancres*/
.navbar {
    position: fixed; 
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.bouton-container {
    min-width: 175px;
}

.navlink:hover {
    color: #47FFF6;
}


#slider {
    padding-top: 80px;
}

.slide-title {
    transform: rotate(-10deg);
}

#next {
    padding-top: 100px;
}

#partenaires {
    padding-top: 80px;
}

#contact {
    padding-top: 80px;
}

#presse {
    padding-top: 150px;
}

/* Titres */
.section-title {
    transform: rotate(-5deg);
}

/* Vidéo hero */


.desktop-hero-video-container {
    width: 100vw;
    max-height: 100vh;
     align-items: center;
    overflow: hidden;
}

.desktop-hero-video{
    width: 100%;
}

.mobile-hero-video-container {
    width: 100vw;
    max-height: 100vh;
    overflow: hidden;
}

.mobile-hero-video{
    width: 100%;
}



/*Bandeaux défilants*/
  /* Conteneur du bandeau */
  .bandeau-container {
    width: 100%; /* Prend toute la largeur disponible */
    max-width: 1920px; /* Largeur maximale de 1920px */
    min-height: 100px;  
    line-height: 100px;
    background-color: white; /* Fond blanc */
    overflow: hidden; /* Masque le texte qui dépasse */
    position: relative; /* Pour positionner l'animation */
    margin: 0 auto; /* Centre le bandeau horizontalement */
}

.bandeau-texte {
    position: absolute; /* Position absolue pour l'animation */
    white-space: nowrap; /* Empêche le retour à la ligne */
    font-size: 40px; /* Taille de la police */
    font-weight: 500; /* Medium weight (correspond à 500) */
    color: black; /* Couleur du texte (noir) */
    padding-left: 00%; /* Commence hors de l'écran à droite */
    animation: defilement 20s linear infinite; /* Animation */
}

@keyframes defilement {
    0% { transform: translateX(0); } /* Position initiale */
    100% { transform: translateX(-100%); } /* Déplacement vers la gauche */
}

/* Responsive Design (exemple pour les écrans plus petits) */
@media (max-width: 768px) {
    .bandeau-texte {
        font-size: 30px; /* Taille de police réduite sur petit écran */
        animation-duration: 15s; /* Animation plus rapide sur petit écran */
    }
    .bandeau-container {
        height: 80px; /* Hauteur réduite sur petit écran */
    }
}

/*Slider*/

.slide0 {
    display: flex;
}

.slide1 {
    display: none;
}

.slide2 {
    display: none;
}

.slidemobile {
    height: 100vh;
}

.left-arrow {
    cursor: pointer;
}

.right-arrow {
    cursor: pointer;
}

/*Partenaires*/

.spacer {
    height: 50px; /* Espace entre le bandeau et le texte */
}
.partenaires-container {
    overflow: hidden;
}
.partenaires-bandeaux{
    overflow: hidden;
    height: 500px;
}

.partenaires-logos-gauche {
    animation: partenaires-defilement-bas 20s linear infinite; /* Animation */
}

@keyframes partenaires-defilement-bas {
    0% { transform: translateY(-50%); } /* Position initiale */
    100% { transform: translateY(0%); } /* Déplacement vers le bas */
}
.partenaires-logos-droite {
    animation: partenaires-defilement-haut 20s linear infinite; /* Animation */
}

@keyframes partenaires-defilement-haut {
    0% { transform: translateY(0%); } /* Position initiale */
    100% { transform: translateY(-50%); } /* Déplacement vers le haut */
}


/*Teamscards*/

.cards-container{
    max-width: 1000px;
}

.teamcard {
    max-height: 320px;
    min-width: 200px;
    cursor: pointer;
}
 
 .teamcard-text-container {
    position: relative;
    transform: translate(0, 85%);
    transition: ease-in-out 0.2s;
 }

.teamcard-paragraph {
    transition: ease-in-out 0.2s;
}

@media (max-width: 768px) {
    .teamcard-text-container {
        position: relative;
        transform: translate(0, 88%);
        transition: ease-in-out 0.2s;
     }
}
    


/*Cursor*/
.group-text {
    cursor: pointer;
}


#Interval0, #Interval1, #Interval2, #Interval3, #Interval4 {
    cursor: pointer;
}

.galery-text-event0 {
    display : flex;
}

.galery-text-event1, .galery-text-event2, .galery-text-event3, .galery-text-event4 {
    display : none;
}

/*Contact*/
a {
    text-decoration: none;
  }
a:hover {
    color: #ACFF47;
  }
.icon:hover {
    scale: 1.1;
  }

/*FAQ*/
.touchefaq {
    cursor: pointer;
    border-left-style: none;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    filter: brightness(0.8);   
}

.touchefaq:hover {
    cursor: pointer;
    filter: brightness(1.3);   
}

.questionfaq {
    transform: rotate(-5deg);
}
.reponsefaq {
    display: none;
}

.active {
    cursor: pointer;
    border-left-style: solid;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    filter: brightness(1.0); 
}
.active .questionfaq {
    display: none;
}
.active .reponsefaq {
    display: block;
}

.presslogo {
    width: 60px;
}