/*
* FooGallery Custom CSS
* This file is created by adding custom CSS on FooGallery Settings page in wp-admin
* Created : 21 Aug 2026, 2:47 pm
*/

/* --- 1. En-tête « retour à l'album » + titre ----------------------------- */
 
.foogallery-album-header{
    margin     : 0 0 46px;
    padding    : 40px 0 0;
    text-align : center;
}
 
.foogallery-album-header p{
    margin : 0 !important;
}
 
.foogallery-album-header a{
    display         : inline-block;
    margin-bottom   : 22px;
    font-size       : 12px;
    letter-spacing  : .16em;
    text-transform  : uppercase;
    color           : #8a9192 !important;
    text-decoration : none !important;
    transition      : color .3s ease;
}
 
.foogallery-album-header a:hover{
    color : #2e3334 !important;
}
 
.foogallery-album-header h2{
    margin         : 0 !important;
    font-size      : clamp(28px, 4vw, 42px) !important;
    font-weight    : 400 !important;
    letter-spacing : .06em;
    color          : #2e3334;
}
 
 
/* --- 2. La grille de photos ---------------------------------------------- */
 
.foogallery{
    padding : 24px 0 40px !important;
}
 
.foogallery .fg-item-inner,
.foogallery .fg-thumb{
    border        : 0 !important;
    box-shadow    : none !important;
    border-radius : 0 !important;
    background    : none !important;
    padding       : 0 !important;
}
 
.foogallery .fg-image{
    border-radius : 0 !important;
}
 
 
/* --- 3. Le voile au survol ----------------------------------------------- */
 
.foogallery .fg-image-overlay{
    background : rgba(10,10,8,.45) !important;
}
 
 
/* --- 4. Les légendes par-dessus la photo --------------------------------- */
 
.foogallery .fg-caption{
    background : none !important;
    text-align : center !important;
    padding    : 16px !important;
}
 
.foogallery .fg-caption-inner{
    padding : 0 !important;
}
 
.foogallery .fg-caption-title{
    font-size      : 13px !important;
    font-weight    : 400 !important;
    line-height    : 1.35 !important;
    letter-spacing : .12em;
    text-transform : uppercase;
    color          : #ffffff !important;
    text-shadow    : 0 1px 10px rgba(0,0,0,.85);
}
 
.foogallery .fg-caption-desc{
    margin-top     : 6px !important;
    font-size      : 12px !important;
    font-weight    : 400 !important;
    line-height    : 1.5 !important;
    letter-spacing : .01em;
    text-transform : none;
    color          : rgba(255,255,255,.88) !important;
    text-shadow    : 0 1px 10px rgba(0,0,0,.85);
}
 
 
/* --- 5. Accessibilité ---------------------------------------------------- */
 
@media (prefers-reduced-motion: reduce){
    .foogallery .fg-image,
    .foogallery .fg-image-overlay{
        transition : none !important;
    }
}