/* Le rose, le titre et la loupe gardent leur présentation native. */
/* Le titre reste blanc dans tous les états ; seul le bouton loupe change au survol. */
.eg-portfolio-wrapper a.eg-portfolio-element-3,
.eg-portfolio-wrapper a.eg-portfolio-element-3:hover,
.eg-portfolio-wrapper a.eg-portfolio-element-3:focus,
.eg-portfolio-wrapper a.eg-portfolio-element-3:active,
.eg-portfolio-wrapper a.eg-portfolio-element-3:visited { color:#fff !important; text-decoration:none; }
.eg-portfolio-wrapper .eg-portfolio-element-3-a { font-size:0; line-height:0; }
.eg-portfolio-wrapper .eg-portfolio-element-18 { min-width:44px; min-height:44px; box-sizing:border-box; }
.eg-portfolio-wrapper .eg-invisiblebutton:focus-visible { outline:3px solid #fff !important; outline-offset:-5px; }
.eg-portfolio-wrapper:focus-within .esg-overlay { opacity:1 !important; visibility:visible !important; transform:none !important; }
.eg-portfolio-wrapper:focus-within .eg-portfolio-element-3,
.eg-portfolio-wrapper:focus-within .eg-portfolio-element-3-a,
.eg-portfolio-wrapper:focus-within .eg-portfolio-element-18-a { opacity:1 !important; visibility:visible !important; transform:none !important; }
/* Les colonnes utilisent le même skin ; le titre reste lisible sans réduction forcée. */
:is([id^="esg-grid-5-"], [id^="esg-grid-7-"]) .eg-portfolio-wrapper .esg-media-cover-wrapper { container-type:inline-size; }
:is([id^="esg-grid-5-"], [id^="esg-grid-7-"]) .eg-portfolio-wrapper .esg-cc { top:50% !important; transform:translateY(-50%); }
@container (max-width:199px) {
    :is([id^="esg-grid-5-"], [id^="esg-grid-7-"]) .eg-portfolio-element-3-a,
    :is([id^="esg-grid-5-"], [id^="esg-grid-7-"]) .eg-portfolio-element-7 { display:none !important; }
}
/* Couleurs, police, fond, arrondi et survol proviennent uniquement du bouton natif. */
.kevin-retour-projets { margin:0 0 24px; line-height:0; }
.kevin-retour-projets.kevin-retour-sans-colonne { text-align:right; }
#content a.kevin-retour-galerie { position:relative; max-width:100%; box-sizing:border-box; padding-left:45px; margin-bottom:0; }
.kevin-retour-projets[data-emplacement="colonne-droite"] a.kevin-retour-galerie { width:100%; }
#content a.kevin-retour-galerie:focus-visible { outline:auto; outline-offset:3px; }
.kevin-retour-galerie svg { position:absolute; left:17px; top:50%; width:18px; height:18px; transform:translateY(-50%); }
/* Éviter le cumul des marges du titre, de la section et de la première ligne WPBakery. */
#content article.kevin-projet-avec-retour > header { margin-bottom:32px; }
#content article.kevin-projet-avec-retour > .post-content { margin-top:0; }
#content article.kevin-projet-avec-retour > .post-content > .wpb_row:first-child { padding-top:0; }
/* Ces paragraphes sont des images de secours, invisibles quand JavaScript fonctionne. */
#content article.kevin-projet-avec-retour .post-content p:has(> noscript:only-child) { display:none; }
#content article.kevin-projet-avec-retour .post-content p:has(> noscript:only-child) + p { margin-top:0; }
@media(max-width:740px) {
    #content article.kevin-projet-avec-retour > header { margin-bottom:24px; }
    .kevin-retour-projets { margin-bottom:20px; text-align:left; }
    .kevin-retour-projets.kevin-retour-sans-colonne { text-align:left; }
}
@media(max-width:400px) {
    .eg-portfolio-wrapper .eg-portfolio-element-3 { font-size:12px !important; line-height:15px !important; padding:1px 4px !important; }
    .eg-portfolio-wrapper .eg-portfolio-element-7 { height:0 !important; }
}
@media(max-width:350px) {
    .eg-portfolio-wrapper .eg-portfolio-element-3 { font-size:11px !important; line-height:14px !important; padding:1px 2px !important; }
}
