/* #region GLOBAL */
/* ===== GLOBAL ===== */

body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
}

/* #endregion */


/* #region HEADER */
/* ========================================
   HEADER
   ======================================== */

.site-header {
    width: 100%;
    position: relative;
    z-index: 1000;
}

.site-header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 25px;
}

.site-header {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}


/* LOGO */

.logo img {
    height: 70px;
    width: auto;
}

.logo {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
}

.site-title {
    font-family: 'Poppins', sans-serif;
    color: #F5A623;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.35;
}


/* ===== NAVIGATION ===== */

.main-navigation {
    flex: 1;
    display: flex;
    justify-content: center;
    transform: translateY(15px);
}

.main-navigation ul {
    display: flex;
    gap: 35px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-navigation a {
    font-family: 'Poppins', sans-serif;
    position: relative;
    color: #c34324;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
}


/* Ligne du dessus et du dessous */

.main-navigation a::before,
.main-navigation a::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 0;
    height: 1.5px;
    background-color: #E85D04;
    transform: translateX(-50%);
    transition: width 350ms ease;
}


/* Position des lignes */

.main-navigation a::before {
    top: -4px;
}

.main-navigation a::after {
    bottom: -4px;
}


/* Animation au survol */

.main-navigation a:hover::before,
.main-navigation a:hover::after {
    width: 100%;
}

/* #endregion */


/* #region HERO */
/* ========================================
   HERO
   ======================================== */

.hero {
    position: relative;
    overflow: hidden;
}

.hero .container {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-height: 395px;
    gap: 0;
}

.hero {
    position: relative;
    overflow: hidden;
}

.hero .container {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-height: 395px;
    gap: 0;
}

.hero-content {
    flex: 0 0 42%;
    box-sizing: border-box;
    padding-left: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2;
}


/* Boutons */

.hero-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    flex-wrap: nowrap;
}

.hero .button {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 999px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.5s ease;
}


/* Animation premier bouton */

.hero .button-primary {
    background-color: #F5A623;
    border: 4px solid #F5A623;
    color: white;
    transition: all 0.5s ease;
}

.hero .button-primary:hover {
    box-shadow: inset 0 0 0 2em white;
    color: #F5A623;
}


/* Animation second bouton */

.hero .button-secondary {
    background-color: white;
    border: 4px solid #F5A623;
    color: #F5A623;
    transition: all 0.5s ease;
}

.hero .button-secondary:hover {
    box-shadow: inset 0 0 0 2em #F5A623;
    color: white;
}


/* Titre */

.hero h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 42px;
    line-height: 1.1;
    font-weight: 600;
    color: #F5A623;
    margin: 0 0 20px;
}

.hero h1 span {
    font-family: 'Poppins', sans-serif;
    color: #c34324;
}


/* Image du hero */

.hero-image {
    flex: 0 0 58%;
    height: 395px;
    position: relative;
    z-index: 1;
}

.hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 180px 0 0 180px;
}


/* Décoration du Hero */

.hero::before,
.hero::after {
    content: "";
    position: absolute;
    left: -45px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: 0;
}

.hero::before {
    top: 0;
    background-color: rgba(245, 166, 35, 0.25);
}

.hero::after {
    top: 80px;
    background-color: rgba(236, 87, 123, 0.20);
}

/* #endregion */


/* #region SECTION CHIFFRES CLÉS */

/* Structure */

.stats .container {
    width: 95%;
    box-sizing: border-box;
    margin: 0 auto;

    display: flex;
    justify-content: space-around;
    align-items: center;

    background-color: #FFF8EC;
    border-radius: 25px;
    padding: 30px 40px;

    border: 2px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.stat {
    padding: 35px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.stat strong {
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    font-weight: 600;
    color: #F5A623;
    line-height: 1;
    margin-bottom: 8px;
}

.stat span {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #555;
}

.stat-icon {
    width: 42px;
    height: 42px;
    color: #F5A623;
    margin-bottom: 12px;
}

.stat-red {
    padding: 35px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.stat-red strong {
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    font-weight: 600;
    color: #C34324;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-red span {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #555;
}

.stat-red-icon {
    width: 42px;
    height: 42px;
    color: #C34324;
    margin-bottom: 12px;
}

/* #endregion */


/* #region DOMAINES D'ACTION */
/* ========================================
   DOMAINES D'ACTION
   ======================================== */

.domains {
    padding-top: 60px;
}

.domains .container {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.section-heading {
    text-align: center;
    margin-top: 45px;
    margin-bottom: 30px;
}

.section-heading h2 {
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 600;
    color: #F5A623;
    margin: 0;
    position: relative;
}


/* Ligne sous le titre */

.section-heading h2::after {
    content: "";
    display: block;
    width: 75%;
    height: 3px;
    background-color: #C34324;
    margin: 5px auto 0;
}

.section-heading p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #555;
    margin: 12px auto 0;
    max-width: 650px;
}


/* Cartes jaunes */

.domain-card {
    min-height: 280px;
    box-sizing: border-box;

    background-color: #FFFFFF;
    border-radius: 30px;

    padding: 30px 20px;

    text-align: center;

    box-shadow:
        10px 10px 20px rgba(0, 0, 0, 0.12),
        -5px -5px 15px rgba(255, 255, 255, 0.8);
}

.domain-grid {
    width: 90%;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.domain-card h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #F5A623;

    margin: 20px 0 10px;
}

.domain-card p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #555;

    margin: 0;
}

.domain-icon {
    width: 70px;
    height: 70px;

    margin: 0 auto;

    border-radius: 50%;

    background-color: #F5A623;

    display: flex;
    align-items: center;
    justify-content: center;
}

.domain-icon svg {
    width: 50px;
    height: 50px;
    color: white;
}


/* Cartes rouges */

.domain-card-red {
    min-height: 280px;
    box-sizing: border-box;

    background-color: #FFFFFF;
    border-radius: 30px;

    padding: 30px 20px;

    text-align: center;

    box-shadow:
        10px 10px 20px rgba(0, 0, 0, 0.12),
        -5px -5px 15px rgba(255, 255, 255, 0.8);
}

.domain-card-red h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #C34324;

    margin: 20px 0 10px;
}

.domain-card-red p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #555;

    margin: 0;
}

.domain-icon-red {
    width: 70px;
    height: 70px;

    margin: 0 auto;

    border-radius: 50%;

    background-color: #C34324;

    display: flex;
    align-items: center;
    justify-content: center;
}

.domain-icon-red svg {
    width: 50px;
    height: 50px;
    color: white;
}

/* #endregion */

/* #region APAM EN ACTION + ACTUALITÉS */
/* ============================================================
   APAM EN ACTION + ACTUALITÉS
============================================================ */

.home-highlights {
    width: 100%;
    padding: 55px 0 75px;
}

.highlights-grid {
    width: calc(100% - 30px);
    max-width: none;
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );

    gap: 20px;
}


/* ============================================================
   PANNEAUX
============================================================ */

.highlight-card {

    position: relative;

    min-height: 360px;

    box-sizing: border-box;

    padding: 30px 30px 25px;

    background: #FFFFFF;

    border-radius: 30px;

    overflow: hidden;

    box-shadow:
        10px 10px 20px
        rgba(
            0,
            0,
            0,
            0.12
        ),

        -5px -5px 15px
        rgba(
            255,
            255,
            255,
            0.8
        );

    display: flex;

    flex-direction: column;

    align-items: stretch;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}





/* ============================================================
   EN-TÊTE DU PANNEAU
============================================================ */

.highlight-content {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: none;

    text-align: center;

    flex-shrink: 0;
}


.highlight-eyebrow {

    margin:
        0 0 5px;

    font-family:
        'Poppins',
        sans-serif;

    font-size:
        13px;

    font-weight:
        700;

    letter-spacing:
        1.4px;

    text-transform:
        uppercase;

    color:
        #C34324;
}


.highlight-card h2 {

    display:
        inline-block;

    position:
        relative;

    margin:
        0;

    font-family:
        'Poppins',
        sans-serif;

    font-size:
        28px;

    font-weight:
        600;

    line-height:
        1.2;

    color:
        #F5A623;
}


.highlight-card h2::after {

    content:
        "";

    display:
        block;

    width:
        72%;

    height:
        3px;

    margin:
        6px auto 0;

    background:
        #C34324;
}


/* ============================================================
   ZONE DE PRÉVISUALISATION
============================================================ */

.home-actions-preview,
.home-news-preview {

    position:
        relative;

    width:
        100%;

    margin-top:
        20px;

    flex:
        1;
}


/* ============================================================
   CARROUSEL ACTIONS
============================================================ */

.home-actions-preview {

    min-height:
        215px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;
}


.home-actions-item img,
.home-actions-item video {
    display: block;
    width: 100%;
    height: 215px;
    object-fit: cover;
    border-radius: 20px;
}
.home-actions-item img,
.home-actions-item video {
    cursor: pointer;

    transition:
        transform 0.3s ease,
        filter 0.3s ease;
}

.home-actions-item:hover img,
.home-actions-item:hover video {
    transform: scale(1.03);
    filter: brightness(0.85);
}
.home-actions-viewport {
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
}

.home-actions-track {
    display: flex;
    width: 100%;
    transition: transform 0.7s ease;
}

.home-actions-item {
    flex: 0 0 calc(100% / 3);
    min-width: 0;
    box-sizing: border-box;
    padding: 0 6px;
}

.home-actions-file {
    width: 100%;
    height: 215px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: #F5F5F5;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}


/* ============================================================
   FLÈCHES DU CARROUSEL
============================================================ */

.home-actions-prev,
.home-actions-next {

    position:
        absolute;

    top:
        50%;

    transform:
        translateY(-50%);

    z-index:
        5;

    width:
        42px;

    height:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        none;

    border-radius:
        50%;

    background:
        rgba(
            255,
            255,
            255,
            0.94
        );

    color:
        #C34324;

    font-size:
        23px;

    cursor:
        pointer;

    box-shadow:
        0 5px 15px
        rgba(
            0,
            0,
            0,
            0.16
        );

    transition:
        transform
        0.25s ease,

        background
        0.25s ease;
}


.home-actions-prev {
    left:
        12px;
}


.home-actions-next {
    right:
        12px;
}


.home-actions-prev:hover,
.home-actions-next:hover {

    transform:
        translateY(-50%)
        scale(1.08);

    background:
        #FFFFFF;
}


/* ============================================================
   INDICATEURS CARROUSEL
============================================================ */

.home-actions-dots {

    display:
        flex;

    justify-content:
        center;

    align-items:
        center;

    gap:
        7px;

    margin-top:
        12px;
}


.home-actions-dot {

    width:
        7px;

    height:
        7px;

    padding:
        0;

    border:
        none;

    border-radius:
        50%;

    background:
        rgba(
            195,
            67,
            36,
            0.28
        );

    cursor:
        pointer;

    transition:
        transform
        0.25s ease,

        background
        0.25s ease;
}


.home-actions-dot.active {

    background:
        #C34324;

    transform:
        scale(1.35);
}


/* ============================================================
   LISTE DES ACTUALITÉS
============================================================ */

.home-news-preview {

    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );

    column-gap:
        22px;

    row-gap:
        16px;
}


/* ============================================================
   PETITE CARTE ACTUALITÉ
============================================================ */

.home-news-item {

    display:
        grid;

    grid-template-columns:
        92px minmax(
            0,
            1fr
        );

    gap:
        12px;

    align-items:
        start;

    min-width:
        0;

    text-decoration:
        none;

    color:
        inherit;
}


.home-news-item-image {

    width:
        92px;

    height:
        82px;

    overflow:
        hidden;

    border-radius:
        16px;

    background:
        #F5F5F5;
}


.home-news-item-image img {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

    transition:
        transform
        0.35s ease;
}


.home-news-item:hover
.home-news-item-image img {

    transform:
        scale(1.06);
}


.home-news-item-content {

    min-width:
        0;
}


.home-news-item-date {

    margin:
        0 0 4px;

    font-family:
        'Poppins',
        sans-serif;

    font-size:
        11px;

    font-weight:
        600;

    color:
        #C34324;
}


.home-news-item-title {

    margin:
        0 0 5px;

    font-family:
        'Poppins',
        sans-serif;

    font-size:
        14px;

    font-weight:
        600;

    line-height:
        1.35;

    color:
        #C34324;
}


.home-news-item-excerpt {

    margin:
        0;

    font-family:
        'Poppins',
        sans-serif;

    font-size:
        12px;

    line-height:
        1.45;

    color:
        #555;

    display:
        -webkit-box;

    -webkit-line-clamp:
        3;

    -webkit-box-orient:
        vertical;

    overflow:
        hidden;
}




/* ============================================================
   BOUTONS DES PANNEAUX — BORDER REVEAL
============================================================ */

.highlight-button {

    position: relative;

    align-self: center;

    margin-top: 20px;

    flex-shrink: 0;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    padding: 9px 17px;

    border: 2px solid #F5A623;

    border-radius: 999px;

    background-color: transparent;

    color: #F5A623;

    font-family: 'Poppins', sans-serif;

    font-size: 12px;

    font-weight: 600;

    text-decoration: none;

    overflow: hidden;

    isolation: isolate;

    transition:
        color 0.3s ease,
        gap 0.3s ease;
}


/* Remplissage animé */

.highlight-button::after {

    content: "";

    position: absolute;

    width: 0;
    height: 100%;

    top: 0;
    left: 0;

    background-color: #F5A623;

    transition:
        width 0.3s ease;

    z-index: -1;
}


/* Apparition du remplissage */

.highlight-button:hover::after {

    width: 100%;
}


/* Texte */

.highlight-button:hover {

    color: #FFFFFF;

    gap: 12px;
}


/* Flèche */

.highlight-button span {

    font-size: 17px;

    line-height: 1;

    position: relative;

    z-index: 1;
}


/* ============================================================
   ON SUPPRIME L'ANCIENNE DÉCORATION
============================================================ */

.highlight-decoration {

    display:
        none;
}


/* ============================================================
   RESPONSIVE — PANNEAUX
============================================================ */

@media (
    max-width: 950px
) {

    .highlights-grid {

        grid-template-columns:
            1fr;

        width:
            88%;
    }


    .highlight-card {

        min-height:
            340px;
    }

}


@media (
    max-width: 650px
) {

    .home-highlights {

        padding:
            45px 0
            60px;
    }


    .highlights-grid {

        width:
            92%;

        gap:
            20px;
    }


    .highlight-card {

        padding:
            25px 20px 28px;

        border-radius:
            24px;
    }


    .highlight-card h2 {

        font-size:
            25px;
    }


    .home-actions-preview {

        min-height:
            185px;
    }


    .home-actions-item img,
.home-actions-item video,
.home-actions-file {
    height: 185px;
    border-radius: 17px;
}


    .home-news-preview {

        grid-template-columns:
            1fr;

        row-gap:
            14px;
    }


    .home-news-item {

        grid-template-columns:
            82px minmax(
                0,
                1fr
            );
    }


    .home-news-item-image {

        width:
            82px;

        height:
            76px;
    }

}


/* #endregion */

/* #region CONTACT */
/* ============================================================
   CONTACT / REJOINDRE L'APAM
============================================================ */

.home-contact {
    width: 100%;

    padding: 0 0 75px;
}


.home-contact-panel {

    width: 90%;

    margin: 0 auto;

    box-sizing: border-box;

    padding: 40px 40px 45px;

    background: #FFFFFF;

    border-radius: 30px;

    box-shadow:
        10px 10px 20px
        rgba(0, 0, 0, 0.12),

        -5px -5px 15px
        rgba(255, 255, 255, 0.8);

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;
}


/* ============================================================
   TEXTE
============================================================ */

.home-contact-panel .highlight-content {

    width: 100%;

    max-width: none;
}


.home-contact-panel h2 {

    display: inline-block;

    position: relative;

    margin: 0;

    font-family:
        'Poppins',
        sans-serif;

    font-size: 28px;

    font-weight: 600;

    line-height: 1.2;

    color: #F5A623;
}


.home-contact-panel h2::after {

    content: "";

    display: block;

    width: 72%;

    height: 3px;

    margin: 6px auto 0;

    background: #C34324;
}


.home-contact-text {

    max-width: 700px;

    margin: 18px auto 0;

    font-family:
        'Poppins',
        sans-serif;

    font-size: 14px;

    line-height: 1.55;

    color: #555;
}


/* ============================================================
   BOUTON
============================================================ */

.home-contact-buttons {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 22px;
}
/* #endregion */

/* #region ACTIONS PAGE */

/* ============================================================
   ACTIONS PAGE
============================================================ */

.actions-page {
    width: 100%;
    padding: 50px 0 70px;
}


.actions-gallery-panel {
    width: 90%;
    margin: 0 auto;

    box-sizing: border-box;

    background-color: #FFFFFF;

    border-radius: 30px;

    padding: 45px 40px 50px;

    box-shadow:
        10px 10px 20px rgba(0, 0, 0, 0.12),
        -5px -5px 15px rgba(255, 255, 255, 0.8);
}


.actions-gallery-panel .section-heading {
    text-align: center;
    margin-bottom: 35px;
}


.actions-gallery-panel .section-heading h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    font-weight: 600;
    color: #F5A623;

    margin: 0 0 10px;
}


.actions-gallery-panel .section-heading p {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #555;

    margin: 0 auto;
    max-width: 650px;
}


.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}


.gallery-item {
    width: 100%;
    aspect-ratio: 1 / 1;

    overflow: hidden;

    border-radius: 15px;
    background-color: #FFFFFF;

    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-item img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center;

    transition: transform 0.3s ease;
}


.gallery-item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    cursor: pointer;

    transition:
        transform 0.4s ease,
        filter 0.4s ease;
}


/* Assombrissement au survol */

.gallery-item::after {
    content: "";
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0);

    transition:
        background 0.4s ease;

    pointer-events: none;
}


/* Effet au survol */

.gallery-item:hover::after {
    background: rgba(0, 0, 0, 0.08);
}


.gallery-item:hover img {
    transform: scale(1.2);
}


.gallery-item:hover video {
    transform: scale(1.2);
}


.gallery-empty,
.gallery-error {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #555;
}

/* #endregion */


/* #region LIGHTBOX */

/* ============================================================
   LIGHTBOX
============================================================ */

.lightbox {
    position: fixed !important;
    inset: 0 !important;

    display: none;

    align-items: center;
    justify-content: center;

    width: 100vw;
    height: 100vh;

    padding: 30px;

    background: rgba(0, 0, 0, 0.85);

    z-index: 2000;
}


.lightbox.active {
    display: flex;
}


/* ============================================================
   LIGHTBOX MEDIA
============================================================ */

.lightbox-media {
    width: min(92vw, 1000px);
    max-height: 90vh;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 12px;

    margin: 0 auto;
}


.lightbox-media-content {
    width: 100%;
    max-height: 68vh;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;
}


.lightbox-media-content img,
.lightbox-media-content video {
    display: block;

    max-width: 85vw;
    max-height: 68vh;

    width: auto;
    height: auto;

    object-fit: contain;

    border-radius: 15px;

    box-shadow:
        0 10px 40px rgba(0, 0, 0, 0.35);
}


.lightbox-video {
    background-color: #000;
}


.lightbox-info {
    width: min(90vw, 800px);
    max-height: 18vh;

    margin: 0;

    overflow-y: auto;

    text-align: center;

    color: white;

    flex-shrink: 0;
}


.lightbox-title {
    margin: 0;

    font-family: "Poppins", sans-serif;

    font-size: 22px;
    font-weight: 600;

    line-height: 1.3;
}


.lightbox-date {
    margin: 4px 0 0;

    font-size: 14px;

    opacity: 0.75;
}


.lightbox-description {
    margin: 8px auto 0;

    max-width: 700px;

    font-size: 15px;
    line-height: 1.5;

    opacity: 0.9;
}


.lightbox-audio {
    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 15px;

    padding: 30px;

    border-radius: 20px;

    background-color: rgba(255, 255, 255, 0.08);

    color: white;
}


.lightbox-media-title {
    margin: 0;

    font-family: "Poppins", sans-serif;

    font-size: 16px;
    font-weight: 600;
}


.lightbox-file-link {
    display: inline-block;

    padding: 12px 20px;

    border-radius: 999px;

    background-color: #F5A623;
    color: white;

    font-family: "Poppins", sans-serif;
    font-weight: 600;

    text-decoration: none;
}


.lightbox-file-link:hover {
    opacity: 0.9;
}


/* ============================================================
   LIGHTBOX BUTTONS
============================================================ */


/* Bouton fermer */

.lightbox-close {
    position: fixed !important;

    top: 20px;
    right: 25px;

    z-index: 2100;

    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: none;
    border-radius: 50%;

    background: rgba(0, 0, 0, 0.45);
    color: white;

    font-size: 32px;
    line-height: 1;

    cursor: pointer;

    transition:
        background 0.25s ease,
        transform 0.25s ease;
}


.lightbox-close:hover {
    background: rgba(0, 0, 0, 0.75);
    transform: scale(1.08);
}


/* Bouton précédent */

.lightbox-prev {
    position: fixed !important;

    left: 25px;
    top: 50%;

    transform: translateY(-50%);

    z-index: 2100;

    width: 55px;
    height: 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: none;
    border-radius: 50%;

    background: rgba(0, 0, 0, 0.45);
    color: white;

    font-size: 34px;
    line-height: 1;

    cursor: pointer;

    transition:
        background 0.25s ease,
        transform 0.25s ease;
}


.lightbox-prev:hover {
    background: rgba(0, 0, 0, 0.75);

    transform:
        translateY(-50%)
        scale(1.08);
}


/* Bouton suivant */

.lightbox-next {
    position: fixed !important;

    right: 25px;
    top: 50%;

    transform: translateY(-50%);

    z-index: 2100;

    width: 55px;
    height: 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: none;
    border-radius: 50%;

    background: rgba(0, 0, 0, 0.45);
    color: white;

    font-size: 34px;
    line-height: 1;

    cursor: pointer;

    transition:
        background 0.25s ease,
        transform 0.25s ease;
}


.lightbox-next:hover {
    background: rgba(0, 0, 0, 0.75);

    transform:
        translateY(-50%)
        scale(1.08);
}

/* #endregion */


/* #region FOOTER */

/* ========================================
   FOOTER
   ======================================== */

.site-footer {
    width: 100%;
}


.site-footer .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.footer-brand img {
    height: 50px;
    width: auto;
}

/* #endregion */