/* Menu principal - Extra small screens (Mobile) */
:root {
    --mediachimie-extra-small-margin-bottom: 20px;
}

.grid-3-2 > :nth-child(n),
.grid-3-1 > :nth-child(n) {
    width: 100%;
}

.grid-3-2 > :nth-child(n) {
    text-align: center;
}

.site-nav {
    text-align:center;
}

.site-header__logo {
    margin-bottom: var(--mediachimie-extra-small-margin-bottom);
}

.site-header__logo img {
    width: 260px;
}
.header_social {
    display: none;
}
.footer .header_social {
    display: inherit;
}
.site-header__search {
    margin-top: 0;
}

.carrousel-home {
    margin-top: 0;
}

/* Menu caché par défaut - RESTE DANS LE FLOW */
.skip-level-menu {
    max-height: 0;
    overflow: hidden;
}

.carrousel-home h2 {
    font-size: 2rem;
}

.carrousel-home .caroussel-footer {
    grid-template-columns: repeat(1, 1fr);
    text-align: left;
}

.region-sidebar-home {
    display: block;
}

.region-sidebar-home div {
    margin-bottom: var(--mediachimie-extra-small-margin-bottom);
}

.body-content {
    padding-right: 0;
}

.page-content .views-row.clearfix {
    display: block;
}

.views-row .views-col {
    float: none;
    margin-bottom: var(--mediachimie-extra-small-margin-bottom);
    border-bottom: 1px solid var(--mediachimie-color-grey);
    padding-bottom: 10px;
}
.views-row:last-child .views-col:last-child {
    border-bottom: none;
}

.menu-footer-navigation ul, .menu-footer-partenaires {
    display: block;
    width: 100%;
    margin-bottom: var(--mediachimie-extra-small-margin-bottom);
}
.menu-footer-navigation ul li,
.menu-footer-navigation ul li:first-child {
    list-style: square;
}

/* Menu footer partenaires - Mobile */
.menu-footer-partenaires {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
    padding: 10px 0;
}

.menu-footer-partenaires a {
    display: block;
    width: auto;
}

.menu-footer-partenaires img {
    height: auto;
}

iframe {
    max-width: 100%;
}

.ressource-visuel,
.actualite-image,
.term-picto img,
.page-content .ressource-media-info img,
.taxonomie-metiers-block .term-icon,
.taxonomie-metiers-block .term-icon img,
.page-content .rubrique-section > .rubrique-section__links .content img,
.search-result-image,
.search-result-image img,
.home-section > .home-section__links .content img {
    float: none !important;
    margin: 0 auto !important;
    width: max-content !important;
    max-width: 100% !important;
    border-radius: 0 !important;
    height: auto !important;
}
.page-content .ressource-media-info {
    height: auto !important;
}
.taxonomie-metiers-block .term-container {
    border-radius: 0;
}
.taxonomie-metiers-block .term-item {
    padding-right: 0;
}
.taxonomie-metiers-block .terms-list {
    display: block;
}

.ressource-video {
    padding: 0;
}

.page-content .space-headline,
.home-section .home-section__subtitle {
    display: none !important;
}

.home-jeunes .home-section__title {
    position: relative;
}

.page-content h1 {
    clear: both;
}

.page-content .line {
    margin-top: 6px;
}
.page-series .term-picto {
    float: none;
    margin-right: 0;
}

form input[type="text"],
form input[type="password"],
form input[type="email"],
form textarea {
    width: calc(100% - 25px);
}

.serie-titre {
    text-align: center;
}

.page-content .rubrique-section > .rubrique-section__links,
.home-section > .home-section__links {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 0 !important;
    margin-right: 0 !important;
}
.page-content .rubrique-section > .rubrique-section__links:nth-child(n),
.home-section > .home-section__links:nth-child(n) {
    margin-top: 0;
}
.swiper-coverflow .slide-content a {
    margin-top: 0 !important;
}

.swiper-coverflow .slide-content {
    font-size: 1.2rem;
    line-height: 1.5rem;
    height: 80px !important;
}

.page-content .rubrique-section > .rubrique-section__links a.link,
.home-section > .home-section__links a {
    margin-top: 10px;
}

.home-section > .home-section__links .content,
.page-content .rubrique-section > .rubrique-section__links .content {
    border-radius: 0;
    overflow: inherit;
}

.search-result-content {
    display: block;
    gap: 0 !important;
}

.carrousel-home .views-field-title {
    float: none;
    width: 100%;
}
.carrousel-home .views-field-published-at, .carrousel-home .views-field-title {
    padding-left: 0;
}
.carrousel-home .views-field-field-visuel-caroussel {
    float: none;
    width: 100%;
    margin: 0;
}

.home-section__title, .home-jeunes .home-section__title {
    padding: 0;
}

.home-section > .home-section__links .content .text {
    min-height: 0
}
