/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    MOLÉCULE : PAGINATION
    Style de la pagination
*/



.molecule_pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.woocommerce nav.woocommerce-pagination ul {
    border: 0;
}

.woocommerce nav.woocommerce-pagination ul li,
.molecule_pagination li {
    border: 0;
	padding: 0;
	margin: 2px;
}

    .molecule_pagination li::before {
        display: none;
    }

/* Woocommerce */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current,
.molecule_pagination li a,
.molecule_pagination li span,
.molecule_pagination li .dots,
.molecule_pagination li .page-number {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--white);
	color: var(--c-primary);
    border-radius: 6px;
    font-size: 2rem;
	min-width: 30px;
	height: 30px;
    padding: 0;
}

    /* Woocommerce */
    /* Hover */
    .woocommerce nav.woocommerce-pagination ul li a:hover,
    .molecule_pagination li > span:hover,
    /* Current */
    .woocommerce nav.woocommerce-pagination ul li span.current,

    /* Hover */
    .molecule_pagination li > a:hover,
    .molecule_pagination li > span:hover,
    /* Current */
    .molecule_pagination li .page-number.current {
        background-color: var(--c-primary);
        color: var(--white);
    }

/* Prev */
.molecule_pagination li .prev {
    transform: scaleX(-1);
}