/*
* FooGallery Custom CSS
* This file is created by adding custom CSS on FooGallery Settings page in wp-admin
* Created : 6 Sep 2025, 10:22 am
*/

/* ===== FooGallery PRO Lightbox (fglightbox) ===== */

/* Fond de la barre de miniatures (optionnel) */
.fglightbox .fglightbox-thumbnails,
.fg-lightbox .fg-thumbnails {
background-color: rgba(220, 207, 167, 0.10) !important;
}

/* Vignette active : bordure/halo */
.fglightbox .fglightbox-thumbnails .fglightbox-thumb.is-active,
.fg-lightbox .fg-thumbnails .fg-thumb.is-active {
box-shadow: 0 0 0 3px #DCCFA7 !important;
border-color: #DCCFA7 !important;
}

/* Ajout d’un petit filet sous la vignette active */
.fglightbox .fglightbox-thumbnails .fglightbox-thumb,
.fg-lightbox .fg-thumbnails .fg-thumb {
position: relative;
}
.fglightbox .fglightbox-thumbnails .fglightbox-thumb.is-active::after,
.fg-lightbox .fg-thumbnails .fg-thumb.is-active::after {
content: "";
position: absolute;
left: 8px;
right: 8px;
bottom: 4px;
height: 3px;
background: #DCCFA7;
border-radius: 2px;
}

/* Accessibilité : focus clavier sur une vignette */
.fglightbox .fglightbox-thumbnails .fglightbox-thumb:focus,
.fg-lightbox .fg-thumbnails .fg-thumb:focus {
outline: 2px solid #DCCFA7 !important;
outline-offset: 2px !important;
}

/* ===== FooBox Lightbox (foobox) ===== */

/* Fond de la barre de miniatures (optionnel) */
.foobox .fbx-thumbs {
background-color: rgba(220, 207, 167, 0.10) !important;
}

/* Vignette active : bordure/halo */
.foobox .fbx-thumbs .fbx-thumb.selected,
.foobox .fbx-thumbs .fbx-thumb[aria-current="true"] {
box-shadow: 0 0 0 3px #DCCFA7 !important;
border-color: #DCCFA7 !important;
}

/* Filet sous la vignette active */
.foobox .fbx-thumbs .fbx-thumb {
position: relative;
}
.foobox .fbx-thumbs .fbx-thumb.selected::after,
.foobox .fbx-thumbs .fbx-thumb[aria-current="true"]::after {
content: "";
position: absolute;
left: 8px;
right: 8px;
bottom: 4px;
height: 3px;
background: #DCCFA7;
border-radius: 2px;
}

/* Focus clavier */
.foobox .fbx-thumbs .fbx-thumb:focus {
outline: 2px solid #DCCFA7 !important;
outline-offset: 2px !important;
}

/* ===== Divers (facultatif) : points/puces d’indicateur ===== */
.fglightbox .fglightbox-dots .dot.is-active,
.fg-lightbox .fg-dots .dot.is-active,
.foobox .fbx-dots .fbx-dot.active {
background-color: #DCCFA7 !important;
border-color: #DCCFA7 !important;
}