/* =====================================
   Customer's pages
   ===================================== */
.page-my-account #content .links {
    max-width: 60rem;
    margin: 0 auto;
}
.page-my-account #content .links a span.link-item {
    max-width: 14rem;
    height: 7rem;
    margin: 0 auto;
    padding: .75rem 1.5rem;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;

    background: var(--color-white);
    border-radius: 0.5rem;
    background: var(--Gris-clair, #FBFAFA);
    box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.25);

    color: var(--Noir, #000);
    fill: var(--Noir, #000);
    stroke: var(--Noir, #000);
    text-align: center;
    font-family: var(--font-family);
    font-size: 1rem;
    font-weight: 500;
}
.page-my-account #content .links a span.link-item i {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0;
    padding: 0;

    font-size: 1.5rem;
}
.page-my-account #content .links a:hover span.link-item,
.page-my-account #content .links a:hover span.link-item i {
    color: var(--color-blue-ecc) !important;
    fill:  var(--color-blue-ecc) !important;
    stroke:  var(--color-blue-ecc) !important;
}



a, a:hover, a:focus, a:active {
    color: var(--color-blue-ecc, #3A8DDE);
    text-decoration: none;
}