/*
 Theme Name: GeneratePress Child
 Theme URI: https://example.com
 Description: Thème enfant pour GeneratePress
 Author: Ton nom
 Template: generatepress
 Version: 1.0
*/

/* Tes styles custom ici */


/* galerie */
/* Le conteneur Gutenberg sert juste de fenêtre */
.slider-gp {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.slider-track {
  display: flex;
  flex-wrap: nowrap;
  transition: transform 0.6s ease;
}

.slider-track > figure.wp-block-image {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  margin: 0;
  padding: 0;
}

.slider-track img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.slider-controls {
  position: relative;
  margin-top: 10px;
  text-align: center;
}

.slider-controls button {
  background: rgba(0,0,0,0.5);
  color: #fff;
  border: none;
  padding: 8px 14px;
  margin: 0 5px;
  cursor: pointer;
  font-size: 22px;
  border-radius: 4px;
}

/* 3. Style des boutons de navigation (Flèches) */
.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); /* Centrage vertical parfait */
    background: rgba(255, 255, 255, 0.7); /* Fond blanc semi-transparent */
    color: #333333;
    border: none;
    width: 45px;
    height: 45px;
    border-radius: 50%; /* Bouton rond */
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99; /* Passe au-dessus des images et du track */
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}

/* Effet au survol */
.slider-btn:hover {
    background: #3A5432; /* Votre Vert Creusois historique ! */
    color: #ffffff;
    transform: translateY(-50%) scale(1.1);
}

/* 4. Positionnement des flèches */
.slider-prev {
    left: 15px;
}

.slider-next {
    right: 15px;
}

.entry-header{
	display: none;
	
}



/* 1. Force le bloc de la galerie à prendre 100% de la largeur de la fenêtre (Viewport) */
.galerie-plein-ecran {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw !important;
    overflow: hidden !important;
}


/* ==========================================================================
   ALIGNEMENT DE LA GALERIE PLEIN ÉCRAN PAR LE HAUT
   ========================================================================== */

/* 1. On applique l'alignement sur le conteneur de l'image */
.galerie-plein-ecran .slider-track .wp-block-image {
    height: 700px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center top !important; /* Force l'alignement sur le haut de l'image */
}

/* 2. On l'applique également directement sur la balise <img> elle-même */
.galerie-plein-ecran img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important; /* Ancre le haut de l'image tout en haut de l'écran */
}

.site-main{
  margin-top: 0px !important;
}

.site-main .inside-article{
  padding-top: 0px !important;
}

.site-main .entry-content{
  margin-top: 0px !important;
}



/* ==========================================================================
   HEADER TRANSPARENT, FLOTTANT & DEPOLI (Global - Toutes les pages)
   ========================================================================== */
.site-header {
    /* 1. Force le header à flotter en haut de l'écran */
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important; /* Reste toujours au-dessus du contenu au scroll */
    
    /* 2. L'effet de halo "nuageux" flouté (Effet verre dépoli) */
    background-color: rgba(255, 255, 255, 0.25) !important; 
    backdrop-filter: blur(15px) !important; /* Floute ce qui passe derrière */
    -webkit-backdrop-filter: blur(15px) !important; /* Compatibilité Safari */
    
    /* 3. Esthétique fine */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important; /* Fine lisière brillante */
    transition: all 0.3s ease;
}

/* Ajoute une lueur blanche subtile autour du logo */
.site-logo img, 
.custom-logo {
    filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.85));
    transition: filter 0.3s ease;
}

.inside-header{
    padding: 0px;
}

/* Ajustement de l'espace autour du logo */
.header-image, 
.site-logo {
    padding: 5px 0;
}

/* ==========================================================================
   AJUSTEMENT DES BOUTONS DU MENU
   ========================================================================== */
.main-navigation .main-nav ul li > a:hover {
    color: white;
}

/* ==========================================================================
   REMONTER TOUT LE CONTENU DU SITE TOUT EN HAUT (Sous le header)
   ========================================================================== */
/* On supprime les marges de l'enveloppe globale de GeneratePress */
.site-content, 
#page,
.main-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* On supprime les marges internes du container principal */
.site-main,
.inside-article,
.entry-content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}

/* On force la galerie plein écran à coller au pixel 0 */
.galerie-plein-ecran {
    margin-top: 0 !important;
    top: 0 !important;
}

.site-content, 
#page,
.main-container {
    /* Fond de base gris roche très clair */
    background-color: #cbd0d8 !important;
    
    /* Une vraie texture de bruit de roche (générée via un SVG texturé invisible) */
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.035'/%3E%3C/svg%3E") !important;
    
    /* On ajoute un dégradé très léger pour simuler du relief sur la page */
    background-attachment: fixed !important;
}


/* ==========================================================================
   LE FOOTER :
   ========================================================================== */
.site-footer {
    background-color: #266A24 !important; 

    border-top: 4px solid rgba(255, 255, 255, 0.4) !important;
}