/*html, body { height: 100%; }
body { display: flex; flex-direction: column; }*/

/*.site-footer { margin-top: 200px; }*/

.site-title a { text-decoration:none !important; }

.site-line1 a { text-decoration:none !important; }

.site-footer {
    position: fixed !important;
    bottom: 0 !important;
    left: 0;
    right: 0;
    z-index: 999;
    margin: 0;
    width: 100%;
    color: #777777;

}

.content-limit {
    max-width: 900px;   /* limite du contenu */
    margin: 0 auto;      /* centre sur la page */
    padding: 0 20px;     /* petits bords sur mobile */
}


body {
  margin:0;
  background:
 /* url("../girl.png") no-repeat center 120px / 17% auto,*/
  url("../bground4.jpg") repeat;
  font-family:Arial, sans-serif;
}



body::before {
  content:"";
  background: url("../girl.png") no-repeat center 120px / contain;
  position:absolute;
  top:1; left:0; right:0; bottom:0;
  height:93vh;
  background-size: auto 93vh;
  margin:auto;
  pointer-events:none;
  z-index: -1;
}

/* CSS additionnel - Remplace ton bloc .foogallery */
.foogallery {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 999 !important;
    box-sizing: border-box;
}


/* Force à coller au bas, même sur mobile */
html, body {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Masque la scrollbar dans toutes les galeries FooGallery */
.foogallery {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;     /* Firefox */
}

/* Chrome, Safari, Edge */
.foogallery::-webkit-scrollbar {
    display: none;
}

/* Optionnel : Masque aussi dans les conteneurs internes (ex: masonry, carousel) */
.foogallery-container,
.foogallery-masonry,
.foogallery-thumbnail-grid,
.foogallery-carousel {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.foogallery-container::-webkit-scrollbar,
.foogallery-masonry::-webkit-scrollbar,
.foogallery-thumbnail-grid::-webkit-scrollbar,
.foogallery-carousel::-webkit-scrollbar {
    display: none;
}




.site-wrapper {
  width:100%;
  max-width:1300px;   /* limite sur desktop */
  margin:40px auto;
}


.site-frame {
    FONT-VARIANT: JIS78;
    FONT-WEIGHT: 600;
    background: #0c0c0c;
/*    border: 4px solid rgb(160 160 160 / 95%);*/
    /*box-shadow: 0 0 40px rgba(0,0,0,0.2);*/
    padding-bottom: 40px;
}


.container{width:92%; margin:0 auto;}

.site-header{text-align:center;padding:25px 0;}

.logo-line1{color:#fff;font-size:48px;font-weight:bold;text-decoration:none;}

.primary-nav ul{
  list-style:none;
  display:flex;
  justify-content: center;
  gap:30px;
  padding:0; margin:20px 0 0;
}
.primary-nav a{
  color:white;
  text-decoration:none;
  font-weight:bold;
}


.hero-block{
  height:420px;
  width:92%;
  margin:25px auto;
  background:url('../hero.jpg') center/cover no-repeat;
  position:relative;
}
.hero-block::after{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.85), transparent 60%);
}
.hero-content{
  position:absolute; top:50%; left:40px;
  transform:translateY(-50%);
  color:white;
}
.hero-content h1{font-size:48px; margin:0;}
.btn{
  display:inline-block;
  padding:10px 20px;
  border:2px solid white;
  color:white; 
  text-decoration:none;
  margin-top:20px;
}

.grid{
  margin-top:40px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:25px;
}

.card{
  background:#111;
  padding-bottom:20px;
  text-align:center;
  color:white;
}

.thumb.placeholder{
  height:180px;
  background:#222;
}


/* Conteneur des éléments de menu (positionnement relatif) */
.primary-nav li {
  position: relative; /* Établit le contexte de positionnement pour les enfants absolus */
  margin: 0;          /* Évite les écarts hérités du flex */
}

/* Liste des sous-menus */
.primary-nav ul ul {
  display: none;                    /* Masqué par défaut */
  position: absolute;               /* Retiré du flux normal */
  top: 100%;                        /* Positionné juste en dessous de l'élément parent <li> */
  left: 0;                          /* Aligné sur le bord gauche de l'élément parent */
  min-width: 200px;                 /* Ajustez selon le contenu */
  background: #0c0c0c;              /* Correspond à l'arrière-plan de .site-frame */
  border: 2px solid rgb(160 160 160 / 95%);
  list-style: none;
  padding: 10px 0;
  margin: 0;
  z-index: 1000;                    /* Assure la visibilité au-dessus des autres éléments */
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

/* Éléments des sous-menus */
.primary-nav ul ul li {
  width: 100%;
  text-align: left;
}

/* Liens des sous-menus */
.primary-nav ul ul a {
  display: block;
  padding: 10px 20px;
  color: white;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s ease;
}

.primary-nav ul ul a:hover {
  background: rgba(255,255,255,0.1);
}

/* Affichage au survol ou au focus (accessibilité) */
.primary-nav li:hover > ul,
.primary-nav li:focus-within > ul {
  display: block;
}

/* CSS additionnel */
.foogallery {
    max-height: 85vh !important;
    overflow-y: auto !important;
    padding: 10px !important;
    box-sizing: border-box;
    margin-top: 10px !important;
}
.foogallery .fg-item {
    margin-bottom: 20px !important;
}
.foogallery img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 8px;
}



/* CSS additionnel - Force FooGallery à coller au bas dans Chrome */
.foogallery {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 999 !important;
    box-sizing: border-box;
    max-height: 70vh !important;   /* ← Ta hauteur */
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch; /* Smooth scroll iOS/Safari */
}

/* Force recalcul Chrome */
html, body {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
}

/* Reset Chrome quirks */
@supports (-webkit-touch-callout: none) {
    .foogallery {
        bottom: env(safe-area-inset-bottom, 0) !important;
    }
}