/*
Theme Name: JPAC 2025
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jpac-2025
Tags: 
*/



/* --- STYLE GENERAL --- */

/* --- HEADER --- */
/* --- nav langues --- */
.langues-container ul {
    background: transparent !important;
    min-width: 0 !important;
}

.langues {
    color: white
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border: 0px solid transparent;
}

/* --- sticky header transition scroll --- */
.header {
    transition: all 0.3s ease-in-out;
}

.header-background {
    background-color: var(--wp--preset--color--custom-mineral-green);
}

.header-logo-background {
    background-color: var(--wp--preset--color--custom-mineral-green);
}

.header-hr {
    opacity: 0;
}

.header-hr-sticky {
    opacity: 1;
}

/* --- menu mobile --- */

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--custom-mineral-green);

}

.wp-block-navigation__responsive-container-close {
    position: relative;
    padding: 20px;
}

.nav-btn {
    flex-direction: column;
    gap: 20px;
}

/* --- SECTION HERO --- */

.hero-title {
    transform: translate(-50%, -50%);
    width: 100%;
}


/* --- SECTION NOS SERVICES --- */

.service-img-title {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}


/* --- SECTION EQUIPE --- */


.profil-long-container {
    height: 250px;
    overflow: hidden;
}

.profil-short-container {
    height: 150px;
    overflow: hidden;
}

.profil-short {
    position: relative;
}

.profil-long {
    position: relative;
}

.profil-img {
    filter: grayscale(80%);
}

.profil-txt {
    position: absolute;
    bottom: 0px;
    left: 0px;
    opacity: 0;
}

.profil-txt .stk-block-heading__text {
    color: white;
}

.profil-short:hover .profil-txt {
    opacity: 1;
}

.profil-short:hover .profil-img {
    filter: grayscale(0%);
}

.profil-long:hover .profil-txt {
    opacity: 1;
}

.profil-long:hover .profil-img {
    filter: grayscale(0%);
}



/* --- SECTION ENGAGEMENTS --- */

.engagement-card-container:hover .engagement-title,
.engagement-card-container:hover .engagement-img {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* 

.stk-468272e .engagement-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */



/* --- SECTION ACTUALITES --- */

.actus-position {
    position: relative;
}

.actus-txt-position {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.articles-position {
    position: relative;
    overflow: hidden;
}

.articles-txt-position {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

/* --- SECTION RECRUTEMENT --- */
.recrutement-position {
    position: relative;
}

.recrutement-txt-position {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.home .video-mobile-container {
    width: 100%;
    overflow: hidden;
}


.home .video-mobile-container .wp-block-video video {
    width: unset;
    height: 100vh;
}

/* --- STYLE DESKTOP --- */


@media screen and (min-width:1024px) {

    /* --- header --- */
    .header-logo {
        position: absolute;
        top: 0;
        left: 5%;
        padding: 20px 30px 30px 30px;
        border-radius: 0px 0px 99px 99px;
    }

    .header-logo-blog {
        position: absolute;
        top: 0;
        left: 5%;
        padding: 20px 30px 30px 30px;
        border-radius: 0px 0px 99px 99px;
        background-color: var(--wp--preset--color--custom-mineral-green);
    }

    .nav-btn {
        flex-direction: row;
    }

    /* --- SECTION EQUIPE --- */

    .profil-long-container {
        height: 350px;
    }

    .profil-short-container {
        height: 300px;
    }

    /* --- SECTION ENGAGEMENTS --- */

/* 
    .stk-0aea3f4 .engagement-img {
        position: absolute;
        top: -68%;
        left: 0px;
    } */

/* 
    .stk-c95856f .engagement-img {
        position: absolute;
        top: -40%;
        left: 0px;
    }

    .stk-d8583d1 .engagement-img {
        position: absolute;
        top: -40%;
        left: 0px;
    }

    .stk-e370a0e .engagement-img {
        position: absolute;
        top: -58%;
        left: 0px;
    }

    .stk-475cb46 .engagement-img {
        position: absolute;
        top: -8%;
        left: 0px;
    } */


    /* --- SECTION RECRUTEMENT --- */


    .home .video-container {
        width: 100%;
        overflow: hidden;
    }


    .home .wp-block-video video {
        width: unset;
        height: 110vh;
    }

}

/* --- STYLE DESKTOP LARGE --- */

@media (min-width: 1441px) {
    :root {
        --wp--style--global--content-size: 1350px;
        /* Nouvelle largeur */
    }

    .hero-txt {
        padding: 2% 15% !important;
    }

    .ultp-block-content-inner {
        padding: 1% 15% 2% 15%!important;
    }

    .recrutement-txt-position {
        padding: 0% 10%;
    }

   
}