/*
Theme Name: casseaux
Author: Emmanuel Regaudie - Sarah Ber-Kersuzan - Addem Zbalah
Description: Casseaux is a WordPress theme designed for the Four des Casseaux Museum, in Limoges(87), France.
Version: 1.0
*/


.partenaire{ background-color: white; border-radius:4px; display: flex;justify-content: center;align-items: center;width: 171px;height: 120px;}
.icone{background-color: var(--wp--preset--color--accent);border-radius: 100%;display: flex;justify-content: center;align-items: center; width: 53px;height: 53px;}
.message{border:solid 2px var(--wp--preset--color--accent-light);border-radius:4px;height: 600px;}
.horaires{border-left: solid 0.5rem var(--wp--preset--color--accent);padding: 1rem;}
.horaire-content{border: solid 2px var(--wp--preset--color--accent-light);border-radius:4px;}
.histoire{max-width: 1300px;}
.img-about{margin: 0;}
.article{border: solid 2px var(--wp--preset--color--accent-light);border-radius:4px; max-width: 1300px; padding: 2rem;}
.haviland{border: solid 2px var(--wp--preset--color--accent-light);border-radius:4px;margin-left: 2rem;margin-right: 2rem;}
.haviland-desc{max-width: 600px;} 
.wp-image-1576{max-width: 200px;border-radius: 4px;}

.wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--dark-blue) !important;
    padding: 80px 40px !important; /* Espace interne pour respirer */
    display: flex;
    flex-direction: column;
    align-items: center;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    width: 100%;
    text-align: center;
    list-style: none;
    /* Création du séparateur */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); 
    margin: 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child {
    border-bottom: none;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a {
    display: block;
    padding: 20px 0;
    font-size: 1.3rem;
    font-weight: 400;
    text-decoration: none;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}
.wp-block-navigation__responsive-container-close {
    top: 25px !important;
    right: 25px !important;
    transform: scale(1.4);
    transition: opacity 0.2s;
}
.wp-block-navigation__responsive-container-close:hover {
    opacity: 0.7;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    animation: slideInUp 0.5s ease forwards;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(1) { animation-delay: 0.1s; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(2) { animation-delay: 0.2s; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(3) { animation-delay: 0.3s; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(4) { animation-delay: 0.4s; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(5) { animation-delay: 0.5s; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(6) { animation-delay: 0.6s; }
@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.current-menu-item > a,
.wp-block-navigation a[aria-current="page"] {
    color: var(--wp--preset--color--accent) !important;
    font-weight: 600;
}