/* Surcharge Fancybox : fond blanc, textes et pictos gris foncé */

.fancybox-bg {
    background: #fff;
}
.fancybox-is-open .fancybox-bg {
    opacity: .95;
}

.fancybox-infobar {
    color: #333;
    mix-blend-mode: normal;
}

.fancybox-button {
    background: rgba(255, 255, 255, .8);
    color: #333;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #333;
}
.fancybox-button:hover {
    color: #111;
    background: rgba(255, 255, 255, .95);
}
/* Flèches de navigation : fond transparent sur le bouton (évite le bloc blanc 70×100px), fond carré sur l’icône uniquement */
.fancybox-navigation .fancybox-button,
.fancybox-navigation .fancybox-button:hover {
    background: transparent;
}
.fancybox-navigation .fancybox-button div {
    background: rgba(255, 255, 255, .8);
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #999;
}
.fancybox-button svg path {
    fill: currentColor;
}

.fancybox-close-small {
    color: #333;
    background: transparent;
}
.fancybox-close-small:hover {
    color: #111;
}
.fancybox-slide--html .fancybox-close-small {
    color: #333;
}

.fancybox-caption {
    background: linear-gradient(to top,
        rgba(255, 255, 255, .95) 0%,
        rgba(255, 255, 255, .6) 50%,
        rgba(255, 255, 255, .3) 65%,
        rgba(255, 255, 255, .15) 75.5%,
        rgba(255, 255, 255, .08) 82.85%,
        rgba(255, 255, 255, .04) 88%,
        rgba(255, 255, 255, 0) 100%);
    color: #333;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #333;
}
.fancybox-caption a:hover {
    color: #111;
}

.fancybox-loading {
    border-color: #ccc;
    border-bottom-color: #333;
}

@media all and (max-height: 576px) {
    .fancybox-slide--image .fancybox-close-small {
        background: rgba(255, 255, 255, .9);
        color: #333;
    }
    .fancybox-slide--image .fancybox-close-small:hover {
        color: #111;
    }
}