@charset "utf-8";
/* ===================================================== */
/* STYLE-PORTEFOLIO-CHAUD.CSS — pages des galeries        */
/* (israel, egypte, nubie, ethiopie, chine, mexique,      */
/* irlande…). Même fond lumineux et chaud que l'accueil   */
/* et les pages Carnets (#fffdf1) et même menu (celui de  */
/* l'accueil : <site-header-divise theme="home">).        */
/* Chargé APRÈS style-portefolio-caption.css.             */
/* Pour revenir au gris clair : retirer le lien vers ce   */
/* fichier et le theme="home" du menu dans la page.       */
/* ===================================================== */

/* Fond (le !important passe devant le style écrit
   directement sur <html> et <body> dans la page) */
html,
body {
    background: #fffdf1 !important;
}

/* Voile posé derrière la vignette survolée : ton chaud
   au lieu du gris */
body::before {
    background: rgba(226, 219, 199, 0.65);
}

/* Visionneuse (image agrandie) et plein écran */
#lightbox,
body.fullscreen-on #lightbox {
    background: #fffdf1 !important;
}
/* règles séparées : un navigateur qui ignore l'une
   des deux écritures ignorerait sinon tout le bloc */
:fullscreen {
    background: #fffdf1 !important;
}
:-webkit-full-screen {
    background: #fffdf1 !important;
}

/* Boutons Retour / Précédent / Suivant / Plein écran et
   légende de la visionneuse : blanc chaud */
.retour-nav,
.lightbox-nav,
#lightbox-fullscreen {
    background: rgba(255, 253, 241, 0.95);
}
.retour-nav:hover,
.lightbox-nav:hover,
#lightbox-fullscreen:hover {
    background: #fffdf1;
}
/* =============================== */
/* TITRE DE L'IMAGE (visionneuse,  */
/* hors plein écran) : plus de     */
/* cadre ni d'ombre. Simple texte, */
/* précédé d'un petit filet vert,  */
/* calé à droite sur le bord du    */
/* bouton « Suivant », le bas      */
/* aligné sur le bas de l'image.   */
/* Le fond, de la couleur de la    */
/* page, est invisible ; il ne     */
/* sert qu'à garder le titre       */
/* lisible s'il passe sur une      */
/* image très large.               */
/* =============================== */

#lightbox-caption {
    right: 85px;                 /* même bord droit que #lightbox-next */
    padding: 10px 0 0 14px;      /* ni à droite ni en bas : texte calé sur le bouton
                                    et sur le bas de l'image (scripts/lightbox-legende.js) */
    text-align: right;
    color: #555;
    background: rgba(255, 253, 241, 0.85);
    border-radius: 0;
    box-shadow: none;
}
#lightbox-caption::before {
    content: "";
    display: block;
    width: 28px;
    height: 1px;
    margin: 0 0 10px auto;       /* filet aligné à droite */
    background: rgba(51, 113, 71, 0.55);
}

/* =============================== */
/* MENU : celui de l'accueil, avec */
/* un voile de la couleur du fond  */
/* (la page défile sous le menu).  */
/* =============================== */

html body #header-desktop.theme-home::before,
html body #header-mobile-v2.theme-home::before {
    background: rgba(255, 253, 241, 0.88);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}