/* FTB Kadence Child 6.4.0
 * Correctifs ciblés : mobile topbar, contact 2 colonnes, médiathèque compacte.
 */

/* ---------------------------------------------------------
 * CONTACT : 2 colonnes desktop
 * Gauche = coordonnées + carte, Droite = formulaire.
 * --------------------------------------------------------- */
.ftb-contact-panel>.ftb-container{
    max-width:1220px;
}
.ftb-contact-panel__grid{
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    grid-template-areas:
        "info form"
        "map  form";
    gap:18px 24px;
    align-items:stretch;
}
.ftb-contact-panel__info{
    grid-area:info;
    min-height:0;
    padding:6px 4px 4px 0;
}
.ftb-contact-panel__map{
    grid-area:map;
    min-height:220px;
    overflow:hidden;
    background:#eef1f4;
}
.ftb-contact-panel__map iframe{
    display:block;
    width:100%;
    height:220px;
    min-height:220px;
    border:0;
}
.ftb-contact-panel__form{
    grid-area:form;
    min-height:0;
    padding:0;
    align-self:stretch;
}
.ftb-contact-panel__form .ftb-contact-form-grid{
    gap:13px;
}
.ftb-contact-panel__form .ftb-contact-row--2{
    gap:14px;
}
.ftb-contact-panel__form .ftb-contact-form-grid label{
    font-size:11px;
    line-height:1.35;
}
.ftb-contact-panel__form .ftb-contact-form-grid input[type=text],
.ftb-contact-panel__form .ftb-contact-form-grid input[type=email],
.ftb-contact-panel__form .ftb-contact-form-grid input[type=tel],
.ftb-contact-panel__form .ftb-contact-form-grid textarea{
    min-height:40px;
    margin-top:6px;
    padding:9px 11px;
    font-size:10px;
}
.ftb-contact-panel__form .ftb-contact-form-grid textarea{
    min-height:122px;
}
.ftb-contact-submit input[type=submit],
.ftb-contact-panel__form input[type=submit]{
    min-width:180px;
    min-height:40px;
    padding:0 20px;
    font-size:9px;
}

/* Quand la carte est masquée : coordonnées à gauche, formulaire à droite. */
.ftb-contact-panel__grid--two{
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
    grid-template-areas:"info form";
}
/* Quand carte + formulaire sont masqués. */
.ftb-contact-panel__grid--one{
    grid-template-columns:1fr;
    grid-template-areas:"info";
}

/* ---------------------------------------------------------
 * MEDIATHEQUE : grille régulière et compacte.
 * --------------------------------------------------------- */
.ftb-v6-media-section{
    padding-top:58px;
    padding-bottom:58px;
}
.ftb-v6-media-section .ftb-v6-heading{
    margin-bottom:24px;
    align-items:flex-end;
}
.ftb-v6-media-section .ftb-section-title h1,
.ftb-v6-media-section .ftb-section-title h2,
.ftb-v6-media-section .ftb-section-title h3{
    font-size:28px;
    line-height:1.1;
}
.ftb-v6-gallery{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
}
.ftb-v6-gallery>a,
.ftb-v6-gallery>span,
.ftb-v6-gallery>a:first-child,
.ftb-v6-gallery>span:first-child{
    grid-column:auto;
    aspect-ratio:4/3;
    min-width:0;
    overflow:hidden;
    position:relative;
    background:#eceef2;
}
.ftb-v6-gallery img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.ftb-v6-gallery a>span{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:26px 10px 9px;
    color:#fff;
    font-size:10px;
    line-height:1.25;
    font-weight:700;
    background:linear-gradient(transparent,rgba(0,0,0,.78));
}

/* ---------------------------------------------------------
 * TABLETTE
 * --------------------------------------------------------- */
@media(max-width:900px){
    .ftb-contact-panel__grid{
        grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
        gap:18px;
    }
    .ftb-v6-gallery{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

/* ---------------------------------------------------------
 * SMARTPHONE
 * Topbar supprimée pour gagner de la hauteur et éviter les textes serrés.
 * --------------------------------------------------------- */
@media(max-width:760px){
    .ftb-topbar{
        display:none!important;
    }
    .ftb-header{
        height:82px;
    }
    .ftb-header__inner{
        min-height:82px;
    }
    .ftb-brand__name{
        display:none!important;
    }

    .ftb-contact-panel{
        padding:28px 0 40px;
    }
    .ftb-contact-panel>.ftb-container{
        width:calc(100% - 28px);
        padding:24px 18px;
    }
    .ftb-contact-panel__grid,
    .ftb-contact-panel__grid--two,
    .ftb-contact-panel__grid--one{
        grid-template-columns:1fr;
        grid-template-areas:
            "info"
            "map"
            "form";
        gap:22px;
    }
    .ftb-contact-panel__map iframe{
        height:250px;
        min-height:250px;
    }
    .ftb-contact-panel__form .ftb-contact-row--2{
        grid-template-columns:1fr;
        gap:13px;
    }
    .ftb-contact-submit input[type=submit],
    .ftb-contact-panel__form input[type=submit]{
        width:100%;
    }

    .ftb-v6-media-section{
        padding-top:44px;
        padding-bottom:44px;
    }
    .ftb-v6-media-section .ftb-v6-heading{
        align-items:flex-start;
        gap:12px;
        margin-bottom:18px;
    }
    .ftb-v6-media-section .ftb-section-title h1,
    .ftb-v6-media-section .ftb-section-title h2,
    .ftb-v6-media-section .ftb-section-title h3{
        font-size:24px;
    }
    .ftb-v6-gallery{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }
    .ftb-v6-gallery>a,
    .ftb-v6-gallery>span,
    .ftb-v6-gallery>a:first-child,
    .ftb-v6-gallery>span:first-child{
        aspect-ratio:4/3;
    }
}

@media(max-width:420px){
    .ftb-v6-gallery{
        grid-template-columns:1fr;
    }
    .ftb-v6-gallery>a,
    .ftb-v6-gallery>span{
        aspect-ratio:16/10;
    }
}