/* .editor-styles-wrapper .block-editor-block-list__layout.is-root-container> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
} */

.editor-visual-editor__post-title-wrapper {
    margin: 2rem 0 !important;
}

section:first-of-type {
    padding-top: var(--nav-height);
}

/* links */
html {
    scroll-behavior: smooth;
}

a,
a * {
    text-decoration: none;
}

a:focus {
    outline: none !important;
}

a.underline:hover,
p a:hover {
    text-decoration: none;
}

p a {
    text-decoration: underline;
}

/* icons */
[class^="ri-"] {
    font-weight: 500;
}

/* facets */
.wpgb-facet {
    flex-grow: 1;
}

/* img */
figure.wp-block-post-featured-image img {
    object-fit: cover !important;
    object-position: 50% 100%;
}

/* comparaison */
.blockstudio-element-image-comparison__container--before {
    filter: grayscale(80%);
}

/* text */
.wp-block-heading>div,
p>div,
em>div,
.scroll-content>*>div {
    overflow-y: clip;
}

section:not(.bg-light):not(.bg-surface) .wp-block-heading.text-body {
    color: var(--light);
}

/* images */
.wp-block-image,
.wp-block-post-featured-image {
    overflow: hidden;
}

/* fluentforms */
.fluentform,
.fluentform::placeholder,
option {
    font-family: "Hanken Grotesk", sans-serif;
}

body .fluentform :is(input, input:focus, select, select:focus, textarea, textarea:focus) {
    background: transparent !important;
}

.fluentform option {
    color: var(--dark);
}

/* lists */
.custom-ol>*::before {
    content: counter(item, decimal-leading-zero);
    counter-increment: item;
    font-weight: bold;
    display: block;
    font-size: 1.5rem;
    margin-bottom: .5rem;
}

.custom-ol {
    counter-reset: item;
}

/* details into tabs */
.details-tabs summary {
    flex: 1;
}

/* popover */
[popover].fixed::backdrop {
    background: rgba(255, 255, 255, 0.5);
}

body:has(.fixed:popover-open) header {
    transform: translateY(-100%);
}

@media (min-width: 992px) {
    .show--on-l {
        display: none !important;
    }
}

@media (min-width: 787px) {
    .show--on-m {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .hide--on-l {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hide--on-m {
        display: none !important;
    }
}