/***************************************************************************/
/* Vars                                                                    */
/***************************************************************************/

/* Ecrans moyens */
@media (min-width: 992px) and (max-width: 1600px) {
    /*
    :root {
    }
    */
}

/* Tablettes et Smartphones */
@media (max-width: 991px) {
    
    :root {
        --slider-height: 50vh;
    }
    

    #container-header-mobile {
        padding: 0 .4rem;
    }

    body.single #main-container .entry-content :where( .wp-block-heading, p, .wp-block-gallery, .wp-block-quote, ) {
        padding-left: 0;
    }

    article.post-extrait .wp-block-button {
        position: static;
        margin: auto;
        margin-top: 2rem;
    }

    footer#colophon {
        height: fit-content;
        align-items: center;
        justify-content: center;
    }

    #colophon .block-logo {
        width: 100%;
        margin-top: 0;
    }

    .footer-container {
        align-items: center;
        justify-content: center;
    }

    .block-footer-menu ul.menu > li > a {
        font-size: var(--font-size-large);
    }

    .block-footer-menu ul.menu > li {
        margin-right: 0;
    }

    .block-reseaux-sociaux > ul {
        justify-content: center;
    }

    .block-reseaux-sociaux>ul>li>a {
        width: 6rem;
        height: 6rem;
        margin: 3rem 0;
    }

    #menu-menu-footer {
        max-height: none;
        align-items: center;
        justify-content: center;
    } 

    .block-footer-menu {
        margin-left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    figure.wp-block-gallery{
        min-width: var(--wideSize);
    }

    figure.wp-block-image{
        min-width: 100%;
        margin: 0 auto;
    }

    #main-container .adn-gallery-container figure {
        width: 100%;
        height: 60vh;
        border-radius: calc(2 * var(--arrondi-large)) 0 0 0;
        transition: all var(--transition-basic-duration);
        transform: none;
    }

    .adn-gallery-container {
        gap: 4rem;
    }

    .wp-block-spacer{
        max-height: 4rem;
    }

    body.single #main-container .entry-content :where( .wp-block-heading, p, .wp-block-gallery, .wp-block-quote, ) {
        padding-left: 1rem;
    }

    .is-layout-grid h3{
        padding: 1rem;
        font-size: var(--font-size-large);
    }

    .is-layout-grid .wp-block-group{
        padding: 2rem;
    }

    #main-container .is-layout-grid{
        display: flex;
        flex-direction: column;
    }

    body.single-amenagement #main-container figure.wp-block-gallery figure.wp-block-image{
        border-radius: 0;
    }

    body.single-amenagement #main-container figure.wp-block-gallery figure.wp-block-image:nth-child(1) {
        border-radius: var(--arrondi-large) var(--arrondi-large) 0 0;
    }

    body.single-amenagement #main-container figure.wp-block-gallery figure.wp-block-image:last-child{
        border-radius: 0 0 var(--arrondi-large) var(--arrondi-large);
    }

    footer#colophon .footer-container{
        gap: 3rem;
        text-align: center;
    }

    footer#colophon .block-reseaux-sociaux{
        flex-direction: column;
    }

    footer#colophon .block-reseaux-sociaux *{
        padding: 0;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .home-banner-container {
        height: 60vh;
    }

    .wp-block-column .wp-block-spacer:first-child + figure.wp-block-image {
        margin-top: 0rem;
    }

    .home-banner__menu {
        font-size: calc(.8 * var(--font-size-small));
    }

    #main-container .wp-block-button__link{
        flex-direction: row;
    }

    body.home .tem-container {
        width: 100%;
    }

    #main-container .tunnel{
        overflow-x: scroll;
    }

    #main-container .adn-slider__wagon{
        opacity: 1 !important;
    }

    .adn-slider-container::before {
        z-index: 0;
    }

    body.home .wp-block-gallery .wp-block-image {
        max-height: 50vw;
    }

    .cartouche-lo__element {
        width: 100%;
    }

    .general-banner-container {
        height: 50vh;
    }

    .tem-container {
        width: 100%;
    }

    footer#colophon .footer-sub-container {
        height: auto;
    }

    .container-menu:has(#menu-menu-principal){
        display: none;
    }

    .general-banner-container.small .cartouche-container {
        height: fit-content;
    }

    body.page-template-page-contact .general-banner-container {
        height: fit-content;
        margin-top: 2rem;
    }

    #main-container a.coordonnees--telephone, #main-container a.coordonnees--adresse {
        font-size: var(--font-size-large);
    }

    .general-banner-container.small .cartouche-container h1 {
        max-width: 90%;
    }

}

/* Tablettes */
@media (min-width: 768px) and (max-width: 991px) {
    /*
    :root {
    }
    */
}

/* Smartphones */
@media (max-width: 767px) {
    
    :root {
        --font-size-base: 10px;
        --spacingBlockGroup: 2rem;
    }
    

    .fond-chargement .logo-site {
        width: 60vw;
        max-height: none;
    }
    
    #menu-menu-footer {
        flex-direction: column;
        margin-top: 4rem;
    }
    
    .home-banner__menu {
        gap: 1rem;
        flex-wrap: wrap;
        padding: 3rem 0;
        height: auto;;
    }

    .home--banner__trigger{
        font-size: calc(.75 * var(--font-size-small));
        text-align: center;
    }

    body.home h1 {
        margin: 2rem 0;
        max-width: 80%;
        margin: 0 auto;
    }    

    body.home h1 span{
        display: none;
    }

    .wp-block-buttons{
        max-width: 50vw;
        margin: 0 auto;
    }

    .wp-block-buttons > .wp-block-button {
        height: calc(var(--button-width) + 4rem);
    }

    .wp-block-group.has-couleur-4-background-color {
        padding: 4rem 10vw;
    }

    .cartouche-container {
        background-color: var(--couleur-fond);
        width: fit-content;
        min-width: 90vw;
        height: auto;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 80%);
        padding: 5.3vw 7.7vw;
        border-radius: 0 var(--arrondi-large) var(--arrondi-large) var(--arrondi-large);
    }

    .general-banner-container {
        margin-bottom: 10rem;
    }

    .cartouche-container h1 span {
        font-size: var(--font-size-medium);
    }

    #main-container .cartouche-lo-container {
        padding: 2rem 4rem;
        margin-top: 2rem;
    }

    .adn-slider-container::before {
        display: none;
    }

    figure.wp-block-image figcaption {
        display: none;
    }

}

/* Petit Smartphones */
@media (max-width: 540px) {
    /*
    :root {
    }
    */
}

/***************************************************************************/
/* Layout                                                                  */
/***************************************************************************/

/* Ecrans moyens */
@media (min-width: 992px) and (max-width: 1600px) {}

/* Tablettes et Smartphones */
@media (max-width: 991px) {}

/* Tablettes */
@media (min-width: 768px) and (max-width: 991px) {}

/* Smartphones */
@media (max-width: 767px) {}

/* Petit Smartphones */
@media (max-width: 540px) {}


/***************************************************************************/
/* Boutons                                                                 */
/***************************************************************************/

/* Ecrans moyens */
@media (min-width: 992px) and (max-width: 1600px) {}

/* Tablettes et Smartphones */
@media (max-width: 991px) {}

/* Tablettes */
@media (min-width: 768px) and (max-width: 991px) {}

/* Smartphones */
@media (max-width: 767px) {}

/* Petit Smartphones */
@media (max-width: 540px) {}


/***************************************************************************/
/* Forms                                                                 */
/***************************************************************************/

/* Ecrans moyens */
@media (min-width: 992px) and (max-width: 1600px) {}

/* Tablettes et Smartphones */
@media (max-width: 991px) {}

/* Tablettes */
@media (min-width: 768px) and (max-width: 991px) {}

/* Smartphones */
@media (max-width: 767px) {}

/* Petit Smartphones */
@media (max-width: 540px) {}