Weelz, mais en lisible by chrl_

/* ==UserStyle==
@name         Weelz, mais en lisible
@version      20221102.16.16
@namespace    userstyles.world/user/chrl_
@description  Le contenu de Wheelz, sans les pubs, les blocks « réseaux sociaux » et tout ce qui pollue la lecture !
@author       chrl_
@license      No License
==/UserStyle== */
@-moz-document domain("weelz.ouest-france.fr") {
    :root {
        --wrapper-hGap: 0.5rem;
    }

    .of-wrapper,
    .back-to-top,
    .cmplz-cookiebanner,
    .the-banner,
    .banner,
    .social,
    .slogan,
    .block-header .menu,
    .main-picture,
    .the-aside,
    .sharing,
    .current-post-title,
    .the-true-content > div[style^="clear:both;"],
    .wp-block-embed:last-child,
    .the-author-box,
    .below-the-content,
    .the-footer,
    .block-footer,
    .menu-item a::before,
    .card::before,
    .card::after,
    .card-title-wrapper::after,
    .mostviewed,
    .videos,
    .todiscover,
    .special-section,
    .section.authors,
    .home .category,
    .stickypost,
    .rpi-progress-bar,
    .whatsapp-channel,
    .weelz_ads_clp,
    .of-mentions-images,
    .lejobvelo,
    .newsletterbox {
        display: none !important;
    }

    body {
        padding-top: 0 !important;
        background: #fff !important;
        font-family: serif !important;
        line-height: 1.5 !important;
    }

    .block-header > .inner {
        justify-content: center;
        padding: 1em !important;
    }

    .logo {
        max-width: 8rem !important;
    }

    .menu-item a {
        text-transform: initial !important;
        font-size: 1rem !important;
        font-weight: normal !important;
        font-family: sans-serif !important;
    }

    .searchform {
        font-size: 1rem;
        font-family: sans-serif;
    }

    .main-container {
        max-width: 50rem;
        margin: 0 auto;
        padding: 2em var(--wrapper-hGap);
    }

    .content-wrapper {
        display: block !important;
        padding: 0 !important;
    }

    .main-title {
        font-family: sans-serif !important;
        font-size: xx-large !important;
        font-weight: bold !important;
        line-height: 1.2;
        padding: 0 !important;
        margin: 1em 0 0 0 !important;
        text-align: left !important;
        background: transparent !important;
    }

    .sticky-header .block-header {
        position: static;
    }

    .home-section-loop {
        padding: 0 !important;
        display: flex;
        flex-direction: column;
        gap: 1em;
    }

    .card-container {
        display: flex;
        gap: 1em;
        flex-direction: column;
    }

    .card-wrapper {
        position: relative;
        display: grid !important;
        grid-gap: 0.5em;
        left: 50%;
        margin-top: -0.5em;
        margin-bottom: -0.5em;
        width: calc(100% + 2 * var(--wrapper-hGap));
        transform: translateX(-50%);
    }

    .card {
        border-radius: 4px;
        padding: 0.5em !important;
        border: 0 none !important;
    }

    .card:hover {
        box-shadow: 0 0 0 1px #e4eaf0;
    }

    .card-inner {
        display: grid !important;
        grid-template-columns: 1fr 2fr;
        grid-gap: 1em;
    }

    .card-title-wrapper {
        position: static !important;
        padding: 0.5em !important;
        display: grid !important;
        align-items: start !important;
        justify-content: start !important;
        grid-template-rows: auto 1fr;
        grid-gap: 0.5em;
    }

    .card-title {
        font-size: 1em !important;
        font-family: sans-serif !important;
        line-height: 1.2;
    }

    .card-title a::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .card-thumbnail {
        aspect-ratio: 16/9;
    }

    .card-thumbnail img {
        transform: none !important;
        max-height: none !important;
    }

    .last-posts {
        text-shadow: 1px 1px #273848;
    }

    .last-posts .thumbnail > a {
        height: auto !important;
    }

    .last-posts .thumbnail img {
        animation: none !important;
    }

    .last-posts .title {
        font-family: sans-serif !important;
        line-height: 1.2 !important;
        font-size: 2em !important;
    }

    .single {
        background: transparent !important;
    }

    .inner-single {
        padding: 0 !important;
    }

    .the-true-content h2,
    .the-true-content h3,
    .the-true-content h4,
    .the-true-content h5,
    .the-true-content h6 {
        font-family: sans-serif !important;
    }

    .the-true-content h2 {
        font-size: x-large !important;
    }

    .the-true-content h3 {
        font-size: large !important;
    }

    .the-true-content h4,
    .the-true-content h5,
    .the-true-content h6 {
        font-size: initial !important;
    }

    .archives-list .inner {
        display: flex;
        flex-direction: column;
        gap: 1em;
    }

    .archives-list .inner > * {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .archives-list .header {
        background: transparent
    }

    .archives-list .header-inner {
        padding: 0 !important;
        flex-direction: column;
        gap: 1em;
    }

    .archives-list .header-title {
        font-family: sans-serif;
        padding: 0 !important;
    }

    .archives-list .header-description {
        padding-left: 0;
        font-family: serif !important;
        font-style: normal !important;
        line-height: inherit !important;
        margin-bottom: 1em;
    }

    .pagination,
    .posts-pagination {
        margin: 0 !important;
    }

    img.lazy-hidden {
        opacity: 1;
    }
}