/* Hook sur le menu widget qui liste les categories d'articles (sur le bog) */
#dropdown_articles_categories > div.widget_nav_menu {
    width: 100%;
    margin: 0;
}

#dropdown_articles_categories ul.menu {
    display: flex;
    justify-content: center;
    gap: 30px;
} 

#dropdown_articles_categories ul.menu li {
    display: flex;
    background-color: #231F20;
    margin: 0;
    transition: all 300ms ease 0ms;
}
#dropdown_articles_categories ul.menu li:hover {
    background-color: #000;
}
#dropdown_articles_categories ul.menu li a {
    padding: 5px 10px;
    color: #FFF!important;
} 

/* Hook pour la pagination WP-PageNavi */
.wp-pagenavi {

    text-align:center;
    border-top: 0px !important;

}

.wp-pagenavi span, .wp-pagenavi a, .wp-pagenavi :last-child { 
    border: 1px solid #000000 !important; 
    padding: 6px 12px; 
    margin: 0;  
}

.wp-pagenavi span.pages { 
    border: 0px solid #000000 !important;  
}

.wp-pagenavi span, .wp-pagenavi a { border-right: none !important; }

.wp-pagenavi span, .wp-pagenavi a { 
    font-weight: bold !important; 
    color: #000000 !important
}

.wp-pagenavi span.current,
.wp-pagenavi a:hover,
.wp-pagenavi .nextpostslink:hover:before,
.wp-pagenavi .previouspostslink:hover:after { 
    color: #FFFFFF !important; 
    background-color: #000000 !important; 
}

.wp-pagenavi :first-child { color: #000000 !important; }

.wp-pagenavi .nextpostslink,
.wp-pagenavi .nextpostslink:before {
    content: 'SUIVANT';
    color: #000000 !important;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .previouspostslink:after {
    content: ' PRÉCÉDENT';
    color: #000000 !important;
}

@media (max-width: 980px) AND (min-width: 100px) {

    .wp-pagenavi span.pages,
    .wp-pagenavi .first,
    .wp-pagenavi .last,
    .wp-pagenavi .nextpostslink,
    .wp-pagenavi .previouspostslink,
    .wp-pagenavi .extend {

      display: none !important;

    }

    .wp-pagenavi a.page.larger:last-child {

        border-right: inherit !important;
    
    }

}

/* Affichage des logo de la home */
.oaka-listing-logo-displayed {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.oaka-listing-logo-displayed img {
    min-width: 145px;
    max-width: 200px;
}

/* Affichage des produits dans les articles détaillés */
.wp-singular .wc-block-grid__products {
    padding-left: 0px!important;
}
.wp-singular .wc-block-grid__products .wc-block-grid__product-image img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}