/**
 * MrDev MSN Feed - Styles
 * Légende de l'image à la une sur les pages d'articles.
 *
 * @package MrDev_MSN_Feed
 */

.single-thumbnail-caption {
    position: relative;
    display: block;
    font-size: 1em;
}

.single-thumbnail-caption img {
    display: block;
}

.single-thumbnail-caption > figcaption {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    font-size: .9rem;
    font-weight: 400;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4) 1rem);
    line-height: 1.1;
    padding: 1.75em 1em .75em 2.5em;
    transition: .3s;
}

/* Icône décorative (crochet bas-gauche) avant la légende */
.single-thumbnail-caption > figcaption:before {
    content: "";
    display: block;
    position: absolute;
    top: 1.5em;
    left: 1em;
    width: 1em;
    height: 1em;
    border-left: 2px solid var(--primary-color, #fff);
    border-bottom: 2px solid var(--primary-color, #fff);
}

.single-thumbnail-caption:hover > figcaption {
    opacity: 1;
}