/* Minecraft-France — socle de production 0.9.20. */
:root{
    --mcf-bg: #090d0e;
    --mcf-surface: #141d1f;
    --mcf-surface-2: #192527;
    --mcf-border: #334044;
    --mcf-text: #f7f4ea;
    --mcf-muted: #aeb5b2;
    --mcf-green: #8bda4b;
    --mcf-green-dark: #4d982f;
    --mcf-shell: 1320px;
    --mcf-reading: 820px;
    --mcf-block-panel: var(--mcf-surface);
    --mcf-block-panel-soft: var(--mcf-surface-2);
    --mcf-block-edge: var(--mcf-border);
    --mcf-block-edge-strong: #456884;
    --mcf-title: var(--mcf-text);
    --mcf-night-surface: var(--mcf-surface);
    --mcf-night-surface-2: var(--mcf-surface-2);
    --mcf-night-border: var(--mcf-border);
    --mcf-night-text: var(--mcf-text);
    --mcf-night-title: var(--mcf-text);
    --mcf-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --mcf-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --mcf-type-micro: 11px;
    --mcf-type-meta: 13px;
    --mcf-type-ui: 14px;
    --mcf-type-body: 16px;
    --mcf-type-lead: 18px;
    --mcf-leading-tight: 1.2;
    --mcf-leading-ui: 1.4;
    --mcf-leading-body: 1.72;
    --mcf-weight-regular: 400;
    --mcf-weight-medium: 600;
    --mcf-weight-bold: 700;
    --mcf-weight-heavy: 800;
}
/*
 * Les extensions Minecraft-France utilisent parfois les mêmes variables
 * historiques. Leur redéfinition sur le body isole désormais la palette du
 * thème et évite qu'une feuille chargée après celle-ci ne réintroduise le
 * bleu de l'ancien site.
 */
body.mcf-child-theme{
    --mcf-bg: #090d0e;
    --mcf-surface: #141d1f;
    --mcf-surface-2: #192527;
    --mcf-border: #334044;
    --mcf-text: #f7f4ea;
    --mcf-muted: #aeb5b2;
    --mcf-green: #8bda4b;
    --mcf-green-dark: #4d982f;
    color-scheme: dark;
    font-family: var(--mcf-font-sans);
    font-size: var(--mcf-type-body);
    font-weight: var(--mcf-weight-regular);
    line-height: var(--mcf-leading-body);
}
body.mcf-child-theme :is(button, input, select, textarea){ font: inherit; }
html.s-light,
html.site-s-light{
    --mcf-bg: #eef3f0;
    --mcf-surface: #fff;
    --mcf-surface-2: #f4f7f5;
    --mcf-border: #d1ddd7;
    --mcf-text: #14202d;
    --mcf-muted: #617181;
}
html.s-light body.mcf-child-theme,
html.site-s-light body.mcf-child-theme{
    --mcf-bg: #eef3f0;
    --mcf-surface: #fff;
    --mcf-surface-2: #f4f7f5;
    --mcf-border: #d1ddd7;
    --mcf-text: #14202d;
    --mcf-muted: #617181;
}
html,
body.mcf-child-theme,
.mcf-child-theme .mcf-site-wrap,
.mcf-child-theme .main-wrap{
    min-height: 100vh;
    background: var(--mcf-bg) !important;
    background-image: none !important;
    color: var(--mcf-text);
}
html body.mcf-child-theme,
html body.mcf-child-theme.s-dark,
html body.mcf-child-theme.site-s-dark,
html body.mcf-child-theme.s-light,
html body.mcf-child-theme.site-s-light{
    background-color: var(--mcf-bg) !important;
    background-image: none !important;
    background-attachment: scroll !important;
}
html body.mcf-child-theme::before,
html body.mcf-child-theme::after,
html body.mcf-child-theme .main-wrap::before,
html body.mcf-child-theme .main-wrap::after{ display: none !important; background: none !important; }
.mcf-child-theme .mcf-site-wrap *,
.mcf-child-theme .mcf-site-wrap *::before,
.mcf-child-theme .mcf-site-wrap *::after{ box-sizing: border-box; }
.mcf-child-theme .main-wrap::before,
.mcf-child-theme .main-wrap::after,
.mcf-child-theme .mcf-site-wrap::before,
.mcf-child-theme .mcf-site-wrap::after{ background-image: none !important; }
.mcf-child-theme .mcf-home,
.mcf-child-theme .mcf-archive-page,
.mcf-child-theme .mcf-single-layout,
.mcf-child-theme .mcf-page-layout{ background-color: var(--mcf-bg) !important; background-image: none !important; }
.mcf-child-theme .mcf-shell{ width: min(calc(100% - 40px), var(--mcf-shell)); margin-inline: auto; }
.mcf-child-theme a{ text-decoration: none; }
.mcf-skip-link{ position: fixed; z-index: 9999; top: 10px; left: -9999px; padding: 10px 14px; background: #fff; color: #111; }
.mcf-skip-link:focus{ left: 10px; }
/* Header média : identité en haut,
rubriques sur une ligne dédiée. */
.mcf-site-header{ position: sticky; z-index: 100; top: 0; border-bottom: 1px solid var(--mcf-border); background: rgb(7 10 11 / 96%); backdrop-filter: blur(12px); }
html.s-light .mcf-site-header,
html.site-s-light .mcf-site-header{ background: rgb(255 255 255 / 96%); }
.mcf-header-top{ display: flex; min-height: 78px; align-items: center; gap: 22px; }
.mcf-brand{ display: flex; flex: 0 0 auto; align-items: center; color: var(--mcf-text); }
.mcf-brand-image{ display: block; width: auto; max-width: 250px; max-height: 58px; }
.mcf-header-signature{ margin: 0; color: var(--mcf-muted); font-size: 12px; }
.mcf-header-actions{ display: flex; margin-left: auto; align-items: center; gap: 8px; }
.mcf-search-form{ display: flex; min-width: 280px; height: 40px; overflow: hidden; align-items: stretch; border: 1px solid #3a4649; border-radius: 5px; background: #101719; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.mcf-search-form:focus-within{ border-color: var(--mcf-green); background: #141d1f; box-shadow: 0 0 0 3px rgb(139 218 75 / 12%); }
.mcf-search-form label{ display: flex; min-width: 0; flex: 1; margin: 0; }
.mcf-search-form input{ width: 100%; min-width: 0; padding: 9px 13px; border: 0; outline: 0; background: transparent; color: var(--mcf-text); font-size: 13px; }
.mcf-search-form input::placeholder{ color: #8e9996; opacity: 1; }
.mcf-search-form button,
.mcf-menu-toggle{ border: 0; background: transparent; color: var(--mcf-text); cursor: pointer; }
.mcf-search-form button{ display: grid; width: 42px; flex: 0 0 42px; place-items: center; border-left: 1px solid #303b3e; color: var(--mcf-green); transition: background .18s ease, color .18s ease; }
.mcf-search-form button:hover,
.mcf-search-form button:focus-visible{ outline: 0; background: var(--mcf-green); color: #10160f; }
.mcf-search-form svg{ width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 1.8; }
.mcf-mobile-search{ display: none; }
.mcf-header-nav-row{ border-top: 1px solid rgb(255 255 255 / 6%); background: #11191a; }
.mcf-primary-navigation{ position: relative; min-width: 0; }
.mcf-menu,
.mcf-menu ul{ margin: 0; padding: 0; list-style: none; }
.mcf-menu{ display: flex; min-height: 48px; align-items: stretch; gap: 0; }
.mcf-menu li{ position: relative; }
.mcf-menu > li > a{ position: relative; display: flex; height: 48px; align-items: center; padding: 0 15px; border: 0; color: #dfe5e2; font-size: 14px; font-weight: 760; letter-spacing: .005em; }
.mcf-menu > li:first-child > a{ padding-left: 0; }
.mcf-menu > li > a::after{ position: absolute; right: 17px; bottom: -1px; left: 17px; height: 3px; background: var(--mcf-green); content: ''; opacity: 0; transform: scaleX(.25); transition: .18s ease; }
.mcf-menu > li:first-child > a::after{ left: 0; }
.mcf-menu a:hover,
.mcf-menu a:focus-visible,
.mcf-menu .current-menu-item > a,
.mcf-menu .current-menu-ancestor > a{ color: var(--mcf-green); }
.mcf-menu > li > a:hover::after,
.mcf-menu > li > a:focus-visible::after,
.mcf-menu > .current-menu-item > a::after,
.mcf-menu > .current-menu-ancestor > a::after{ opacity: 1; transform: scaleX(1); }
.mcf-menu > li > a[href*="discord"]{ color: #aeb8ff; }
.mcf-menu > .menu-item-has-children > a{ padding-right: 36px; }
.mcf-submenu-toggle{ position: absolute; z-index: 3; top: 0; right: 2px; display: grid; width: 28px; height: 48px; padding: 0; place-items: center; border: 0; background: transparent; color: currentColor; cursor: pointer; }
.mcf-submenu-toggle span{ width: 7px; height: 7px; border: solid currentColor; border-width: 0 1px 1px 0; transform: translateY(-2px) rotate(45deg); transition: transform .18s ease; }
.mcf-submenu-toggle:focus-visible{ outline: 1px solid var(--mcf-green); outline-offset: -6px; color: var(--mcf-green); }
.mcf-menu .is-submenu-open > .mcf-submenu-toggle span{ transform: translateY(2px) rotate(225deg); }
.mcf-menu > li > .sub-menu{ position: absolute; z-index: 20; top: calc(100% + 1px); left: 0; display: none; width: min(680px, calc(100vw - 40px)); padding: 14px 18px 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 22px; row-gap: 0; border: 1px solid #2b3638; border-top: 2px solid var(--mcf-green); background: #0d1415; box-shadow: 0 22px 48px rgb(0 0 0 / 46%); }
.mcf-menu > .mcf-menu-panel--compact > .sub-menu{ width: min(440px, calc(100vw - 40px)); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mcf-menu > .mcf-menu-panel--medium > .sub-menu{ width: min(620px, calc(100vw - 40px)); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mcf-menu > .mcf-menu-panel--wide > .sub-menu{ width: min(820px, calc(100vw - 40px)); }
.mcf-menu > li:nth-last-child(-n + 2) > .sub-menu{ right: 0; left: auto; }
.mcf-menu > li:hover > .sub-menu,
.mcf-menu > li:focus-within > .sub-menu,
.mcf-menu > li.is-submenu-open > .sub-menu{ display: grid; }
.mcf-menu > li > .sub-menu > li{ min-width: 0; }
.mcf-menu > li > .sub-menu > li{ border-bottom: 1px solid #273234; }
.mcf-menu > li > .sub-menu > li > a{ position: relative; display: flex; min-height: 48px; align-items: center; padding: 10px 25px 10px 14px; border: 0; background: transparent; color: var(--mcf-text); font-size: 14px; font-weight: 760; line-height: 1.3; transition: background .16s ease, color .16s ease, padding-left .16s ease; }
.mcf-menu > li > .sub-menu > li > a::before{ position: absolute; top: 50%; left: 0; width: 4px; height: 4px; background: var(--mcf-green); content: ''; transform: translateY(-50%); }
.mcf-menu > li > .sub-menu > li:not(.menu-item-has-children){ display: flex; }
.mcf-menu > li > .sub-menu > li:not(.menu-item-has-children) > a{ width: 100%; flex: 1; justify-content: space-between; }
.mcf-menu > li > .sub-menu > li:not(.menu-item-has-children) > a::after{ position: absolute; right: 5px; color: #80908b; content: '›'; font-size: 17px; font-weight: 400; }
.mcf-menu > li > .sub-menu > li > a:hover,
.mcf-menu > li > .sub-menu > li > a:focus-visible{ padding-left: 18px; background: #141e20; color: var(--mcf-green); outline: 0; }
.mcf-menu .sub-menu .mcf-submenu-toggle{ display: none; }
.mcf-menu > li > .sub-menu .sub-menu{ position: static; display: flex; width: auto; flex-wrap: wrap; gap: 2px 11px; padding: 0 14px 10px; border: 0; background: transparent; box-shadow: none; }
.mcf-menu > li > .sub-menu .sub-menu li{ position: relative; }
.mcf-menu > li > .sub-menu .sub-menu a{ display: inline-block; padding: 4px 0; color: var(--mcf-muted); font-size: 12px; line-height: 1.4; }
.mcf-menu > li > .sub-menu .sub-menu a:hover,
.mcf-menu > li > .sub-menu .sub-menu a:focus-visible{ color: var(--mcf-green); outline: 0; }
/* Ressources utilise le même langage visuel que les autres panneaux. Seule sa
 * largeur change afin de conserver six accès directs sur deux lignes. */
.mcf-menu > .mcf-menu-panel--wide{ position: relative; }
.mcf-menu > .mcf-menu-panel--wide > .sub-menu{ right: auto; left: 0; align-items: stretch; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section{ min-width: 0; padding: 0; }
.mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a{ font-weight: 800; }
.mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > .sub-menu{ display: none; }
.mcf-menu-toggle{ display: none; width: 38px; padding: 6px; }
.mcf-menu-toggle > span:not(.screen-reader-text){ display: block; height: 2px; margin: 5px 0; background: currentColor; }
/* Éléments communs. */
.mcf-kicker{ color: var(--mcf-green); font-size: 10px; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.mcf-button{ display: inline-flex; align-items: center; justify-content: center; padding: 9px 15px; border: 1px solid var(--mcf-green); background: transparent; color: #fff; font-size: 13px; font-weight: 760; }
.mcf-button:hover{ background: var(--mcf-green); color: #10200d; }
.mcf-section-heading{ display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid var(--mcf-border); }
.mcf-section-heading h2{ margin: 4px 0 0; color: var(--mcf-text); font-size: 26px; }
.mcf-section-heading > a{ color: var(--mcf-green); font-size: 13px; }
.mcf-section-heading--editorial{ align-items: start; }
.mcf-section-heading--editorial > div{ max-width: 860px; }
.mcf-section-heading--editorial p{ margin: 7px 0 0; color: var(--mcf-muted); font-size: 14px; line-height: 1.65; }
/* Accueil. */
.mcf-home{ padding-block: 0 68px; }
.mcf-home-intro{ position: relative; max-width: 1180px; margin: 34px 0 30px; padding: 17px 24px 18px; border-left: 3px solid var(--mcf-green); background: linear-gradient(90deg, #141d1f 0%, rgb(20 29 31 / 42%) 68%, transparent 100%); }
.mcf-home-intro .mcf-kicker{ display: block; margin: 0 0 7px; font-size: 17px; font-weight: 900; letter-spacing: .025em; }
.mcf-home-intro p{ max-width: 1100px; margin: 0; color: #c7cfcc; font-size: 15px; line-height: 1.68; }
.mcf-home-section{ margin-top: 46px; }
.mcf-home-hero{ display: grid; grid-template-columns: minmax(0, 768px) minmax(0, 1fr); align-items: start; gap: 18px; }
.mcf-lead-card{ width: 100%; max-width: 768px; min-height: 0 !important; align-self: center; margin: 0 !important; padding: 0 !important; overflow: hidden; border: 1px solid var(--mcf-border); background: var(--mcf-surface); }
.mcf-lead-media{ display: block; width: 100%; max-width: 768px; aspect-ratio: 2 / 1; overflow: hidden; background: var(--mcf-bg); }
.mcf-lead-media img{ display: block; width: 100%; max-width: 768px; height: 100%; object-fit: contain; }
.mcf-lead-content{ padding: 14px 20px 16px; color: var(--mcf-text); }
.mcf-lead-content h2{ max-width: 700px; margin: 5px 0 8px; color: var(--mcf-text); font-size: clamp(27px, 2.45vw, 36px); line-height: 1.08; }
.mcf-lead-content h2 a{ color: inherit; }
.mcf-lead-meta{ color: var(--mcf-muted); font-size: 11px; }
.mcf-secondary-posts{ display: grid; min-height: 0; align-self: center; align-content: start; grid-template-rows: repeat(4, auto); gap: 10px; }
.mcf-secondary-posts .mcf-editorial-card{ display: grid; min-height: 0; align-items: stretch; grid-template-columns: minmax(190px, 48%) minmax(0, 1fr); }
.mcf-secondary-posts .mcf-card-media{ width: 100%; min-width: 0; height: auto; margin: 0 !important; padding: 0 !important; border: 0; border-right: 1px solid var(--mcf-border); aspect-ratio: 2 / 1; background: var(--mcf-bg); }
.mcf-secondary-posts .mcf-card-media img{ width: 100%; height: 100%; margin: 0 !important; object-fit: contain; }
.mcf-secondary-posts .mcf-card-content{ width: auto; min-width: 0; overflow: hidden; justify-content: center; margin: 0 !important; padding: 10px 13px; }
.mcf-secondary-posts .mcf-card-content h3{ display: -webkit-box; overflow: hidden; width: 100%; margin: 4px 0 6px !important; font-size: 14px; line-height: 1.22; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mcf-secondary-posts .mcf-card-content p{ display: none; }
.mcf-secondary-posts .mcf-kicker,
.mcf-secondary-posts time{ width: 100%; min-width: 0; margin-left: 0 !important; }
.mcf-home-content-layout{ display: grid; grid-template-columns: minmax(0, 1fr) 292px; align-items: start; gap: 38px; }
.mcf-home-feed{ min-width: 0; }
.mcf-home-feed .mcf-guides-section{ margin-top: 52px; }
.mcf-home-sidebar-wrap{ min-width: 0; margin-top: 46px; padding-left: 24px; border-left: 1px solid var(--mcf-border); }
.mcf-home-sidebar-wrap .mcf-content-sidebar{ top: 132px; display: block; }
.mcf-home-sidebar-wrap .mcf-content-sidebar > *{ margin: 0 0 24px !important; padding: 0 0 24px !important; overflow: visible !important; border: 0 !important; border-bottom: 1px solid var(--mcf-border) !important; background: transparent !important; }
.mcf-home-sidebar-wrap .mcf-content-sidebar > *:last-child{ margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important; }
.mcf-home-sidebar-wrap .widget-title,
.mcf-home-sidebar-wrap .mcf-widget__title,
.mcf-home-sidebar-wrap .block-head,
.mcf-home-sidebar-wrap .mcf-sidebar-panel > h2{ position: relative; margin: 0 0 14px !important; padding: 0 0 10px 13px !important; border: 0 !important; border-bottom: 1px solid var(--mcf-border) !important; color: var(--mcf-text) !important; font-size: 13px !important; }
.mcf-home-sidebar-wrap .widget-title::before,
.mcf-home-sidebar-wrap .mcf-widget__title::before,
.mcf-home-sidebar-wrap .block-head::before,
.mcf-home-sidebar-wrap .mcf-sidebar-panel > h2::before{ position: absolute; top: 1px; bottom: 10px; left: 0; width: 4px; background: var(--mcf-green); content: ''; }
.mcf-category-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.mcf-latest-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 18px; }
.mcf-guides-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.mcf-category-card{ position: relative; display: flex; min-height: 190px; overflow: hidden; flex-direction: column; justify-content: flex-end; padding: 18px; border: 1px solid var(--mcf-border); background-color: var(--mcf-surface); background-image: linear-gradient(180deg, rgb(5 9 10 / 4%) 12%, rgb(5 9 10 / 95%) 100%), var(--mcf-category-image); background-position: center; background-size: cover; color: #fff; }
.mcf-category-card::after{ position: absolute; inset: 0; border-bottom: 3px solid transparent; content: ''; transition: border-color .18s ease; }
.mcf-category-card:hover::after,
.mcf-category-card:focus-visible::after{ border-color: var(--mcf-green); }
.mcf-category-card strong,
.mcf-category-card span,
.mcf-category-card i{ position: relative; z-index: 1; }
.mcf-category-card i{ display: block; width: 34px; height: 4px; margin-bottom: 10px; background: var(--mcf-green); font-style: normal; }
.mcf-category-card strong{ color: #fff; font-size: 18px; }
.mcf-category-card span{ margin-top: 4px; color: #d7e2ee; font-size: 12px; }
.mcf-editorial-card{ display: flex; min-width: 0; overflow: hidden; flex-direction: column; border: 1px solid var(--mcf-border); background: var(--mcf-surface); }
.mcf-card-media{ display: block; overflow: hidden; flex: 0 0 auto; aspect-ratio: 2 / 1; border-bottom: 1px solid var(--mcf-border); background: var(--mcf-surface-2); }
.mcf-card-media img{ display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .3s ease; }
.mcf-editorial-card:hover .mcf-card-media img{ transform: scale(1.025); }
.mcf-card-content{ display: flex; min-width: 0; flex: 1; flex-direction: column; padding: 14px 15px 15px; }
.mcf-card-content h3{ margin: 6px 0 8px; color: var(--mcf-text); font-size: 16px; line-height: 1.3; }
.mcf-card-content h3 a{ color: inherit; }
.mcf-card-content h3 a:hover{ color: var(--mcf-green); }
.mcf-card-content p{ display: -webkit-box; overflow: hidden; margin: 0 0 12px; color: var(--mcf-muted); font-size: 12px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mcf-card-content time{ margin-top: auto; color: var(--mcf-muted); font-size: 11px; }
.mcf-minecraft-intro{ position: relative; display: grid; min-height: 300px; overflow: hidden; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); align-items: center; gap: 52px; margin-top: 58px; padding: 46px 34px; border: solid var(--mcf-border); border-width: 1px 0; isolation: isolate; }
.mcf-minecraft-intro--illustrated::before{ position: absolute; z-index: -2; inset: 0; background-image: url('../images/minecraft-explore.webp'); background-position: center 44%; background-size: cover; content: ''; opacity: .32; -webkit-mask-image: linear-gradient(90deg, #000 0%, rgb(0 0 0 / 92%) 48%, transparent 100%); mask-image: linear-gradient(90deg, #000 0%, rgb(0 0 0 / 92%) 48%, transparent 100%); }
.mcf-minecraft-intro--illustrated::after{ position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgb(9 13 14 / 50%) 0%, rgb(9 13 14 / 76%) 42%, rgb(9 13 14 / 98%) 82%); content: ''; }
.mcf-minecraft-intro header{ position: relative; padding: 2px 22px 2px 0; }
.mcf-minecraft-intro h2{ max-width: 470px; margin: 7px 0 0; color: var(--mcf-text); font-size: clamp(25px, 3vw, 36px); line-height: 1.16; }
.mcf-minecraft-intro-content{ position: relative; display: grid; max-width: 760px; grid-template-columns: minmax(0, 1fr); gap: 0; }
.mcf-minecraft-intro-content p{ margin: 0; color: var(--mcf-muted); font-size: 14px; line-height: 1.75; }
.mcf-minecraft-intro-content p + p{ margin-top: 13px; }
.mcf-text-link{ color: var(--mcf-green) !important; font-size: 13px; font-weight: 760; }
/* Archives,
catégories et recherche. */
.mcf-archive-page{ padding-block: 40px 70px; }
.mcf-page-hero{ max-width: 1180px; margin: 0 0 26px; padding: 20px 24px 21px; border: 0; border-left: 3px solid var(--mcf-green); background: linear-gradient(90deg, #141d1f 0%, rgb(20 29 31 / 42%) 68%, transparent 100%); }
.mcf-page-hero h1{ margin: 5px 0 0; color: var(--mcf-text); font-size: clamp(28px, 3.2vw, 38px); line-height: 1.1; }
.mcf-page-description,
.mcf-page-hero .archive-description.base-text{ width: 100% !important; max-width: 1100px !important; margin-top: 12px; color: #c7cfcc; font-size: 14px; line-height: 1.68; }
.mcf-page-description > *{ max-width: none; margin-block: 7px; padding: 0; border: 0; background: transparent; }
.mcf-page-description :is(div, section, article){ margin: 0; padding: 0; border: 0; background: transparent; }
.mcf-page-description :is(figure, picture, img){ display: none !important; }
.mcf-page-description a{ color: var(--mcf-green); }
.mcf-page-description p:last-child{ margin-bottom: 0; }
.mcf-filter-anchor{ display: none !important; }
.mcf-archive-page > .mcf-rf-inline{ margin: 0 0 32px; padding: 0; border: 0; background: transparent; }
.mcf-archive-page > .mcf-rf-inline .mcf-rf-inline-heading{ color: var(--mcf-text); }
.mcf-archive-page > .mcf-rf-inline .mcf-rf-results-info{ background: rgb(72 212 119 / 7%); }
.mcf-archive-content-layout{ display: grid; grid-template-columns: minmax(0, 1fr) 300px; align-items: start; gap: 24px; }
.mcf-archive-results{ min-width: 0; }
.mcf-archive-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.mcf-child-theme .navigation.pagination{ margin-top: 34px; }
.mcf-child-theme .nav-links{ display: flex; flex-wrap: wrap; gap: 7px; }
.mcf-child-theme :is(a, span).page-numbers{ display: inline-flex; min-width: 40px; min-height: 40px; align-items: center; justify-content: center; padding: 8px 12px; border: 1px solid var(--mcf-border); background: var(--mcf-surface); color: var(--mcf-text); }
.mcf-child-theme :is(a, span).page-numbers.current{ border-color: var(--mcf-green); background: var(--mcf-green); color: #10200d; }
.mcf-child-theme a.page-numbers:hover,
.mcf-child-theme a.page-numbers:focus-visible{ border-color: var(--mcf-green); background: var(--mcf-surface-2); color: var(--mcf-green); outline: 0; }
.mcf-empty-state{ padding: 55px 30px; border: 1px solid var(--mcf-border); background: var(--mcf-surface); text-align: center; }
/* Catalogue Shaders natif : remplace exclusivement l'ancienne page Elementor. */
.mcf-shader-catalog{ padding-block: 40px 76px; }
.mcf-shader-catalog > .mcf-breadcrumbs{ margin-bottom: 24px; }
.mcf-shader-header{ margin-bottom: 26px; }
.mcf-shader-header h1{ letter-spacing: -.025em; }
.mcf-shader-introduction{ display: block; max-width: 1100px !important; color: #c7cfcc; font-size: 14px; line-height: 1.68; }
.mcf-shader-introduction > *{ min-width: 0; margin: 0; }
.mcf-shader-introduction > * + *{ margin-top: 7px; }
.mcf-shader-introduction strong{ color: var(--mcf-text); }
.mcf-shader-filters{ display: grid; align-items: end; margin-bottom: 32px; padding: 0; grid-template-columns: minmax(220px, 1.35fr) minmax(180px, .8fr) minmax(180px, .8fr) auto; gap: 12px; border: 0; background: transparent; }
.mcf-shader-filter-title{ grid-column: 1 / -1; margin: 0 0 4px; padding: 0 0 11px; border-bottom: 1px solid var(--mcf-border); color: var(--mcf-text); font-size: 18px; line-height: 1.3; }
.mcf-shader-filter-field{ display: grid; min-width: 0; gap: 7px; }
.mcf-shader-filter-field label{ color: var(--mcf-text); font-size: 11px; font-weight: 800; }
.mcf-shader-filter-field :is(input, select){ width: 100%; height: 42px; padding: 8px 11px; border: 1px solid var(--mcf-border); border-radius: 0; outline: 0; background: var(--mcf-surface-2); color: var(--mcf-text); font-size: 12px; }
.mcf-shader-filter-field :is(input, select):focus{ border-color: var(--mcf-green); box-shadow: 0 0 0 2px rgb(139 218 75 / 10%); }
.mcf-shader-filter-actions{ display: flex; align-items: center; gap: 10px; }
.mcf-shader-filter-actions button{ height: 42px; padding: 0 17px; border: 1px solid var(--mcf-green); border-radius: 0; background: var(--mcf-green); color: #10200d; font-size: 11px; font-weight: 850; }
.mcf-shader-filter-actions button:hover{ border-color: var(--mcf-text); background: var(--mcf-text); color: var(--mcf-bg); }
.mcf-shader-filter-actions a{ color: var(--mcf-muted); font-size: 11px; font-weight: 750; }
.mcf-shader-filter-actions a:hover{ color: var(--mcf-green); }
.mcf-shader-layout{ display: grid; grid-template-columns: minmax(0, 1fr) 300px; align-items: start; gap: 30px; }
.mcf-shader-results{ min-width: 0; }
.mcf-shader-results-heading{ display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 17px; padding-bottom: 13px; border-bottom: 1px solid var(--mcf-border); }
.mcf-shader-results-heading h2{ margin: 4px 0 0; color: var(--mcf-text); font-size: 25px; }
.mcf-shader-results-heading > p{ margin: 0; color: var(--mcf-muted); font-size: 11px; }
.mcf-shader-grid .mcf-editorial-card{ min-height: 100%; }
.mcf-shader-grid .mcf-card-content h3{ font-size: 17px; }
.mcf-shader-catalog .navigation.pagination,
.mcf-shader-catalog .navigation.pagination:hover{ display: block; width: auto; padding: 0; border: 0; background: transparent; box-shadow: none; }
.mcf-shader-catalog .navigation.pagination ul,
.mcf-shader-catalog .navigation.pagination .page-numbers{ flex: 0 0 auto; }
.mcf-shader-catalog .navigation.pagination ul{ display: flex; width: fit-content; max-width: 100%; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; background: transparent; list-style: none; }
.mcf-shader-catalog .navigation.pagination li,
.mcf-shader-catalog .navigation.pagination li:hover{ display: block; flex: 0 0 auto; margin: 0; padding: 0; background: transparent; }
/* Articles et pages. */
.mcf-single-layout{ display: grid; max-width: 1160px; grid-template-columns: minmax(0, 820px) 300px; align-items: start; justify-content: center; gap: 40px; padding-block: 34px 76px; }
.mcf-single-article{ min-width: 0; }
.mcf-breadcrumbs{ display: flex; overflow: hidden; align-items: center; gap: 8px; margin-bottom: 30px; color: var(--mcf-muted); font-size: 11px; white-space: nowrap; }
.mcf-breadcrumbs a{ color: var(--mcf-muted); }
.mcf-breadcrumbs a:hover{ color: var(--mcf-green); }
.mcf-breadcrumb-current{ overflow: hidden; text-overflow: ellipsis; }
.mcf-article-header{ max-width: 820px; margin-bottom: 28px; }
.mcf-article-header h1{ max-width: 820px; margin: 9px 0 18px; color: var(--mcf-text); font-size: clamp(34px, 4vw, 50px); letter-spacing: -.025em; line-height: 1.06; }
.mcf-article-meta{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 0; color: var(--mcf-muted); font-size: 12px; }
.mcf-article-meta > *{ display: inline-flex; align-items: center; }
.mcf-article-meta > * + *::before{ width: 1px; height: 12px; margin-inline: 12px; background: var(--mcf-border); content: ''; }
.mcf-article-meta a{ color: var(--mcf-muted); }
.mcf-article-meta a:hover,
.mcf-article-author a{ color: var(--mcf-text); }
.mcf-article-author{ gap: 4px; }
.mcf-article-featured{ width: fit-content; max-width: 768px; margin: 0 0 36px; border: 1px solid var(--mcf-border); background: var(--mcf-surface); }
.mcf-article-featured img{ display: block; width: auto; max-width: 100%; height: auto; }
.mcf-article-featured figcaption{ max-width: 768px; padding: 8px 11px; border-top: 1px solid var(--mcf-border); color: var(--mcf-muted); font-size: 11px; text-align: left; }
.mcf-article-content{ max-width: var(--mcf-reading); color: var(--mcf-text); font-size: 16px; line-height: 1.8; }
.mcf-article-content > :first-child{ margin-top: 0; }
.mcf-article-content > p:first-child{ color: #e9ede8; font-size: 18px; line-height: 1.7; }
.mcf-article-content p{ margin: 0 0 19px; }
.mcf-article-content h2,
.mcf-article-content h3,
.mcf-article-content h4{ color: var(--mcf-text); line-height: 1.2; }
.mcf-article-content h2{ margin: 48px 0 17px; font-size: 29px; letter-spacing: -.015em; }
.mcf-article-content h3{ margin: 33px 0 13px; font-size: 22px; }
.mcf-article-content p,
.mcf-article-content li{ color: var(--mcf-text); }
.mcf-article-content a{ color: var(--mcf-green); text-decoration: underline; text-decoration-color: rgb(72 212 119 / 45%); text-underline-offset: 3px; }
.mcf-article-content img{ max-width: 100%; height: auto; }
.mcf-article-content figcaption{ color: var(--mcf-muted); font-size: 12px; text-align: center; }
.mcf-article-content blockquote{ margin: 26px 0; padding: 18px 22px; border-left: 3px solid var(--mcf-green); background: var(--mcf-surface); }
.mcf-article-content ul,
.mcf-article-content ol{ margin: 20px 0; padding-left: 24px; }
.mcf-article-content li + li{ margin-top: 7px; }
.mcf-article-content dl{ display: grid; margin: 24px 0; grid-template-columns: minmax(120px, .34fr) minmax(0, 1fr); border: solid var(--mcf-border); border-width: 1px 1px 0; }
.mcf-article-content dt,
.mcf-article-content dd{ margin: 0; padding: 10px 13px; border-bottom: 1px solid var(--mcf-border); }
.mcf-article-content dt{ background: var(--mcf-surface-2); color: var(--mcf-muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.mcf-article-content dd{ background: var(--mcf-surface); }
.mcf-article-content hr{ margin: 34px 0; border: 0; border-top: 1px solid var(--mcf-border); }
.mcf-article-content table{ width: 100%; margin: 25px 0; border-collapse: collapse; background: var(--mcf-surface); font-size: 14px; }
.mcf-article-content th,
.mcf-article-content td{ padding: 11px 13px; border: 1px solid var(--mcf-border); text-align: left; vertical-align: top; }
.mcf-article-content th{ background: var(--mcf-surface-2); color: var(--mcf-text); }
.mcf-article-content pre{ overflow-x: auto; padding: 17px; border: 1px solid var(--mcf-border); background: #050c16; color: #dce7f4; }
.mcf-article-content code{ font-size: .9em; }
.mcf-article-content details{ margin: 18px 0; border: 1px solid var(--mcf-border); background: var(--mcf-surface); }
.mcf-article-content details > summary{ padding: 13px 16px; color: var(--mcf-text); font-weight: 750; cursor: pointer; }
.mcf-article-content details[open] > summary{ border-bottom: 1px solid var(--mcf-border); }
.mcf-article-content details > :not(summary){ margin-right: 16px; margin-left: 16px; }
.mcf-article-content .wp-block-image,
.mcf-article-content .wp-block-gallery,
.mcf-article-content .wp-block-embed{ margin-top: 26px; margin-bottom: 26px; }
.mcf-article-content .wp-block-gallery{ gap: 10px; }
.mcf-article-content :is(.wp-block-video, .wp-block-audio, .wp-block-cover, .wp-block-columns, .wp-block-pullquote){ margin-top: 28px; margin-bottom: 28px; }
.mcf-article-content :is(iframe, video){ max-width: 100%; }
.mcf-article-content .wp-block-cover{ min-height: 340px; }
.mcf-article-content .wp-block-pullquote{ padding: 24px 0; border: solid var(--mcf-border); border-width: 1px 0; }
.mcf-article-content .wp-block-pullquote blockquote{ margin: 0; border: 0; background: transparent; }
.mcf-article-content .wp-block-file{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 24px 0; padding: 14px; border: 1px solid var(--mcf-border); background: var(--mcf-surface); }
.mcf-article-content .wp-block-file__button{ border-radius: 0; background: var(--mcf-green); color: #10200d; text-decoration: none; }
.mcf-article-content .wp-block-button__link{ border: 1px solid var(--mcf-green); border-radius: 0; background: var(--mcf-green); color: #10200d; text-decoration: none; }
.mcf-article-content .wp-block-group.has-background{ padding: 20px; }
.mcf-article-content :is(select, input[type='text'], input[type='email'], input[type='url'], input[type='search']){ min-height: 40px; padding: 8px 12px; border: 1px solid var(--mcf-border); border-radius: 0; background: var(--mcf-surface-2); color: var(--mcf-text); }
.mcf-article-content :is(button, input[type='submit'], .button){ min-height: 40px; padding: 9px 15px; border: 1px solid var(--mcf-green); border-radius: 0; background: transparent; color: var(--mcf-text); font-weight: 780; }
.mcf-article-content :is(button, input[type='submit'], .button):hover{ background: var(--mcf-green); color: #10200d; }
.mcf-article-content :is(.mcf-resource-article, .mcf-guide-article, .mcf-update-article, .mcf-news-article){ width: 100%; max-width: 100%; }
.mcf-article-content :is(.mcf-resource-article, .mcf-guide-article, .mcf-update-article, .mcf-news-article) > :first-child{ margin-top: 0; }
.mcf-article-content :is(.mcf-resource-article, .mcf-guide-article, .mcf-update-article, .mcf-news-article) > :last-child{ margin-bottom: 0; }
.mcf-article-content .wp-block-separator{ border-color: var(--mcf-border); }
.mcf-article-content .alignwide{ width: min(100%, 980px); max-width: 980px; }
.mcf-article-content .alignfull{ width: 100%; max-width: 100%; }
.mcf-article-content :is(.wp-block-group, .wp-block-columns, .wp-block-column){ min-width: 0; }
.mcf-article-content :is(.wp-block-group__inner-container, .wp-block-column) > :first-child{ margin-top: 0; }
.mcf-article-content :is(.wp-block-group__inner-container, .wp-block-column) > :last-child{ margin-bottom: 0; }
.mcf-article-content .wp-block-buttons{ display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0; }
.mcf-article-content .wp-block-button{ margin: 0; }
.mcf-post-pages{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: 28px; }
.mcf-post-pages > *{ display: inline-grid; min-width: 36px; min-height: 36px; place-items: center; border: 1px solid var(--mcf-border); background: var(--mcf-surface); color: var(--mcf-text); }
.mcf-article-footer{ max-width: var(--mcf-reading); margin-top: 38px; padding-top: 19px; border-top: 1px solid var(--mcf-border); }
.mcf-tag-list{ display: flex; flex-wrap: wrap; align-items: center; gap: 7px; color: var(--mcf-muted); font-size: 11px; }
.mcf-tag-list > span{ margin-right: 3px; color: var(--mcf-text); font-weight: 800; text-transform: uppercase; }
.mcf-tag-list a{ display: inline-block; padding: 6px 9px; border: 1px solid var(--mcf-border); background: var(--mcf-surface); color: var(--mcf-text); }
.mcf-tag-list a:hover{ border-color: var(--mcf-green); color: var(--mcf-green); }
.mcf-post-navigation{ display: grid; max-width: var(--mcf-reading); margin-top: 42px; grid-template-columns: repeat(2, minmax(0, 1fr)); border: solid var(--mcf-border); border-width: 1px 0; }
.mcf-post-navigation-link{ min-width: 0; padding: 20px 22px 22px 0; color: var(--mcf-text); }
.mcf-post-navigation-link + .mcf-post-navigation-link{ padding-right: 0; padding-left: 22px; border-left: 1px solid var(--mcf-border); text-align: right; }
.mcf-post-navigation-link span{ display: block; margin-bottom: 6px; color: var(--mcf-green); font-size: 10px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.mcf-post-navigation-link strong{ display: -webkit-box; overflow: hidden; color: var(--mcf-text); font-size: 14px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mcf-post-navigation-link:hover strong{ color: var(--mcf-green); }
.mcf-author-area{ max-width: var(--mcf-reading); margin-top: 42px; }
.mcf-section-label{ margin: 0 0 5px; color: var(--mcf-green); font-size: 10px; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.mcf-author-area > h2,
.mcf-related-posts > h2{ margin: 0 0 16px; color: var(--mcf-text); font-size: 23px; letter-spacing: -.01em; }
.mcf-single-article .author-box{ max-width: var(--mcf-reading); margin: 0; padding: 20px; border: 1px solid var(--mcf-border); background: var(--mcf-surface); color: var(--mcf-text); }
.mcf-single-article .author-info{ display: grid; grid-template-columns: 76px minmax(0, 1fr); align-items: start; gap: 18px; }
.mcf-single-article .author-info > img{ width: 76px; height: 76px; border-radius: 0; }
.mcf-single-article .author-info .description > a{ color: var(--mcf-text); font-size: 16px; font-weight: 850; }
.mcf-single-article .author-info .bio{ margin: 7px 0 0; color: var(--mcf-muted); font-size: 13px; line-height: 1.65; }
.mcf-single-article .author-info .social-icons{ margin: 7px 0 0; padding: 0; }
.mcf-related-posts{ max-width: var(--mcf-reading); margin-top: 46px; padding-top: 38px; border-top: 1px solid var(--mcf-border); }
.mcf-related-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.mcf-related-grid .mcf-card-content p{ display: none; }
.mcf-related-grid .mcf-card-content h3{ font-size: 14px; }
.mcf-single-article .comments,
.mcf-single-article .comments-area{ max-width: var(--mcf-reading); margin-top: 46px; padding-top: 38px; border-top: 1px solid var(--mcf-border); color: var(--mcf-text); }
.mcf-single-article :is(.comments-title, .comment-reply-title){ color: var(--mcf-text); font-size: 23px; }
.mcf-single-article .comment-list{ margin: 0; padding: 0; list-style: none; }
.mcf-single-article .comment{ border-color: var(--mcf-border); }
.mcf-single-article .comment-content{ color: var(--mcf-text); }
.mcf-single-article .comment-form :is(input[type='text'], input[type='email'], input[type='url'], textarea){ width: 100%; border: 1px solid var(--mcf-border); border-radius: 0; background: var(--mcf-surface); color: var(--mcf-text); }
.mcf-single-article .comment-form .submit{ border: 1px solid var(--mcf-green); border-radius: 0; background: transparent; color: var(--mcf-text); }
.mcf-single-article .comment-form .submit:hover{ background: var(--mcf-green); color: #10200d; }
.mcf-single-sidebar{ min-width: 0; }
.mcf-share-panel{ margin-bottom: 20px; padding: 16px; border: 1px solid var(--mcf-border); background: var(--mcf-surface); }
.mcf-share-panel > p{ margin: 0 0 11px; color: var(--mcf-text); font-size: 12px; font-weight: 850; text-transform: uppercase; }
.mcf-share-links{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.mcf-share-links :is(a, button){ display: grid; min-width: 0; min-height: 38px; place-items: center; padding: 7px; border: 1px solid var(--mcf-border); border-radius: 0; background: var(--mcf-surface-2); color: var(--mcf-text); font: inherit; font-size: 10px; font-weight: 750; cursor: pointer; }
.mcf-share-links :is(a, button):hover,
.mcf-share-links :is(a, button):focus-visible{ border-color: var(--mcf-green); color: var(--mcf-green); }
.mcf-content-sidebar{ position: sticky; top: 135px; display: grid; gap: 18px; min-width: 0; }
.mcf-single-sidebar .mcf-content-sidebar{ margin-top: 0; }
.mcf-content-sidebar > *{ min-width: 0; margin: 0 !important; }
.mcf-content-sidebar .widget,
.mcf-content-sidebar .mcf-widget,
.mcf-content-sidebar > section{ overflow: hidden; padding: 15px; border: 1px solid var(--mcf-border); background: var(--mcf-surface); color: var(--mcf-text); }
.mcf-content-sidebar .widget-title,
.mcf-content-sidebar .mcf-widget__title,
.mcf-content-sidebar .block-head{ margin: 0 0 12px; padding-bottom: 9px; border-bottom: 1px solid var(--mcf-border); color: var(--mcf-text); font-size: 14px; line-height: 1.3; text-transform: uppercase; }
.mcf-content-sidebar img{ max-width: 100%; height: auto; }
.mcf-content-sidebar ul{ margin: 0; padding: 0; list-style: none; }
.mcf-content-sidebar li + li{ margin-top: 7px; padding-top: 7px; border-top: 1px solid var(--mcf-border); }
.mcf-content-sidebar a{ color: var(--mcf-text); }
.mcf-content-sidebar a:hover{ color: var(--mcf-green); }
.mcf-sidebar-panel{ overflow: hidden; padding: 17px; border: 1px solid var(--mcf-border); background: var(--mcf-surface); }
.mcf-sidebar-panel h2{ margin: 0 0 12px; padding-bottom: 10px; border-bottom: 1px solid var(--mcf-border); color: var(--mcf-text); font-size: 13px; text-transform: uppercase; }
.mcf-sidebar-panel p{ margin: 0 0 13px; color: var(--mcf-muted); font-size: 12px; line-height: 1.6; }
.mcf-sidebar-links{ display: grid; gap: 7px; }
.mcf-sidebar-links a{ padding: 9px 10px; border-left: 2px solid var(--mcf-green); background: var(--mcf-surface-2); font-size: 12px; font-weight: 750; }
.mcf-sidebar-trending ol{ margin: 0; padding: 0; list-style: none; counter-reset: mcf-trending; }
.mcf-sidebar-trending li{ display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: start; gap: 8px; padding: 10px 0; border-top: 1px solid var(--mcf-border); counter-increment: mcf-trending; }
.mcf-sidebar-trending li:first-child{ padding-top: 0; border-top: 0; }
.mcf-sidebar-trending li::before{ color: var(--mcf-green); content: counter(mcf-trending, decimal-leading-zero); font-size: 11px; font-weight: 850; }
.mcf-sidebar-trending a{ font-size: 12px; font-weight: 720; line-height: 1.4; }
.mcf-page-layout{ padding-block: 35px 70px; }
.mcf-page-article{ max-width: 1080px; margin-inline: auto; }
.mcf-page-layout--with-sidebar{
    display: grid;
    max-width: 1160px;
    grid-template-columns: minmax(0, 820px) 300px;
    align-items: start;
    justify-content: center;
    gap: 40px;
}
.mcf-page-layout--with-sidebar .mcf-page-primary,
.mcf-page-layout--with-sidebar .mcf-page-article{ min-width: 0; max-width: 820px; }
.mcf-page-layout--with-sidebar .mcf-page-featured{ max-width: 768px; }
.mcf-page-sidebar{ min-width: 0; }
.mcf-guide-layout{ width: min(calc(100% - 40px), 1160px); }
.mcf-guide-layout .mcf-page-article{ max-width: none; }
.mcf-guide-layout .mcf-article-content.mcf-guide-page{ width: 100%; max-width: 1120px; }
.mcf-page-featured{ max-width: 1080px; margin: 0 0 28px; }
.mcf-page-featured img{ display: block; max-width: 100%; height: auto; }
.mcf-page-article .mcf-article-content{ max-width: 100%; }
.mcf-error-page{ padding-block: 90px; text-align: center; }
.mcf-error-code{ display: block; color: var(--mcf-green); font-size: 72px; font-weight: 900; line-height: 1; }
.mcf-error-page h1{ margin: 12px 0; color: var(--mcf-text); }
.mcf-error-page p{ color: var(--mcf-muted); }
.mcf-error-search{ display: flex; max-width: 550px; margin: 25px auto; }
.mcf-error-search input{ min-width: 0; flex: 1; padding: 12px; border: 1px solid var(--mcf-border); background: var(--mcf-surface); color: var(--mcf-text); }
/* Footer. */
.mcf-site-footer{ position: relative; border-top: 1px solid var(--mcf-border); background: #050708; color: #aeb5b2; }
.mcf-site-footer::before{ position: absolute; inset: 0 0 auto; height: 3px; background: var(--mcf-green); content: ''; }
.mcf-footer-main{ display: grid; grid-template-columns: minmax(260px, 1.35fr) minmax(160px, .65fr) minmax(220px, 1fr); gap: 42px; padding: 48px 0 40px; }
.mcf-footer-brand img{ display: block; width: auto; max-width: 220px; max-height: 48px; }
.mcf-footer-brand strong{ color: #fff; font-size: 18px; }
.mcf-footer-brand p{ max-width: 310px; margin: 14px 0 0; color: #929b98; font-size: 13px; line-height: 1.65; }
.mcf-footer-column{ display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 9px; }
.mcf-footer-column h2{ margin: 0 0 7px; color: #fff; font-size: 12px; letter-spacing: .045em; text-transform: uppercase; }
.mcf-footer-column a{ color: #aeb5b2; font-size: 13px; }
.mcf-footer-column a:hover{ color: var(--mcf-green); }
.mcf-footer-community p{ margin: 0 0 5px; color: #929b98; font-size: 12px; line-height: 1.65; }
.mcf-footer-community .mcf-footer-discord-button{
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    padding: 9px 14px;
    border: 1px solid #5865f2;
    border-radius: 2px;
    background: #5865f2;
    color: #fff !important;
    font-weight: 700;
    line-height: 1.25;
    transition: border-color .15s ease, background-color .15s ease;
}
.mcf-footer-community .mcf-footer-discord-button:hover,
.mcf-footer-community .mcf-footer-discord-button:focus-visible{
    border-color: #4752c4;
    background: #4752c4;
    color: #fff !important;
}
.mcf-footer-community .mcf-footer-discord-button:focus-visible{ outline: 2px solid #5865f2; outline-offset: 3px; }
.mcf-footer-bottom{ display: flex; min-height: 66px; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid #202729; font-size: 12px; }
.mcf-footer-bottom p{ margin: 0; }



@media (max-width: 1100px) {.mcf-header-signature{ display: none; }
.mcf-single-layout{ grid-template-columns: minmax(0, 1fr) 280px; gap: 30px; }
.mcf-page-layout--with-sidebar{ grid-template-columns: minmax(0, 1fr) 280px; gap: 30px; }
.mcf-shader-filters{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mcf-shader-filter-search{ grid-column: 1 / -1; }
.mcf-category-grid,
.mcf-archive-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mcf-footer-main{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mcf-footer-brand{ grid-column: 1 / -1; }


}



@media (max-width: 900px) {.mcf-menu-toggle{ display: block; }
.mcf-page-layout--with-sidebar{ grid-template-columns: minmax(0, 1fr); }
.mcf-page-layout--with-sidebar .mcf-page-primary,
.mcf-page-layout--with-sidebar .mcf-page-article{ max-width: none; }
.mcf-header-nav-row{ border-top: 0; }
.mcf-primary-navigation{ position: absolute; top: 78px; right: 0; left: 0; display: none; max-height: calc(100vh - 78px); overflow-y: auto; padding: 12px 20px 20px; border-bottom: 1px solid var(--mcf-border); background: var(--mcf-bg); }
.mcf-primary-navigation.is-open{ display: block; }
.mcf-menu{ display: block; }
.mcf-menu > .mcf-menu-panel--wide{ position: relative; }
.mcf-menu > li > a{ height: auto; min-height: 46px; padding: 12px 44px 12px 4px; border-right: 0; border-bottom: 1px solid var(--mcf-border); }
.mcf-menu > li > a::after{ display: none; }
.mcf-menu > li > .mcf-submenu-toggle{ top: 1px; right: 0; display: grid; width: 42px; height: 44px; }
.mcf-menu > li > .sub-menu,
.mcf-menu > li:hover > .sub-menu,
.mcf-menu > li:focus-within > .sub-menu{ position: static; display: none; width: auto; margin: 0; padding: 8px 0 14px 14px; grid-template-columns: 1fr; gap: 4px; border: 0; border-bottom: 1px solid var(--mcf-border); background: transparent; box-shadow: none; }
.mcf-menu > .mcf-menu-panel--wide > .sub-menu{ grid-template-columns: 1fr; }
.mcf-menu > li.is-submenu-open > .sub-menu{ display: grid; }
.mcf-menu > li > .sub-menu > li{ border-bottom: 1px solid var(--mcf-border); }
.mcf-menu > li > .sub-menu > li > a{ min-height: 42px; padding: 9px 24px 9px 14px; }
.mcf-menu > li > .sub-menu .sub-menu{ display: flex; padding: 4px 10px 8px; }
.mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section{ padding: 0; }
.mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > .sub-menu{ display: none; }
.mcf-home-hero,
.mcf-home-content-layout,
.mcf-single-layout,
.mcf-archive-content-layout,
.mcf-shader-layout{ height: auto; grid-template-columns: 1fr; }
.mcf-lead-card{ height: auto !important; margin-inline: auto !important; aspect-ratio: auto; }
.mcf-secondary-posts{ height: auto; min-height: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; }
.mcf-secondary-posts .mcf-editorial-card{ min-height: 100px; }
.mcf-content-sidebar{ position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mcf-single-sidebar{ max-width: var(--mcf-reading); }
.mcf-share-panel{ margin-top: 10px; }
.mcf-shader-layout > .mcf-content-sidebar{ margin-top: 20px; }
.mcf-home-sidebar-wrap{ margin-top: 28px; padding-left: 0; border-left: 0; }
.mcf-home-sidebar-wrap .mcf-content-sidebar{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.mcf-home-sidebar-wrap .mcf-content-sidebar > *{ margin-bottom: 0 !important; }
.mcf-guides-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mcf-minecraft-intro{ min-height: 0; grid-template-columns: 1fr; gap: 25px; padding: 36px 28px; }
.mcf-footer-main{ grid-template-columns: 1fr; gap: 30px; }
.mcf-footer-brand{ grid-column: auto; }


}



@media (max-width: 560px) {.mcf-header-actions > .mcf-search-form{ display: none; }
.mcf-mobile-search{ display: flex; width: 100%; min-width: 0; margin: 2px 0 12px; }


}



@media (max-width: 620px) {.mcf-child-theme .mcf-shell{ width: min(calc(100% - 24px), var(--mcf-shell)); }
.mcf-header-top{ min-height: 70px; }
.mcf-primary-navigation{ top: 70px; max-height: calc(100vh - 70px); }
.mcf-brand-image{ max-width: 170px; max-height: 38px; }
.mcf-home{ padding-top: 0; }
.mcf-home-intro{ margin: 24px 0; padding: 15px 16px; }
.mcf-home-intro .mcf-kicker{ font-size: 15px; }
.mcf-home-intro p{ font-size: 13px; line-height: 1.62; }
.mcf-lead-content{ padding: 16px; }
.mcf-lead-content h2{ font-size: 23px; }
.mcf-secondary-posts,
.mcf-category-grid,
.mcf-latest-grid,
.mcf-guides-grid,
.mcf-archive-grid,
.mcf-home-sidebar-wrap .mcf-content-sidebar,
.mcf-content-sidebar,
.mcf-related-grid{ grid-template-columns: 1fr; }
.mcf-section-heading{ align-items: start; flex-direction: column; }
.mcf-minecraft-intro{ margin-top: 42px; padding: 30px 18px; }
.mcf-minecraft-intro--illustrated::before{ opacity: .22; background-position: 38% center; -webkit-mask-image: linear-gradient(180deg, #000 0%, rgb(0 0 0 / 65%) 42%, transparent 90%); mask-image: linear-gradient(180deg, #000 0%, rgb(0 0 0 / 65%) 42%, transparent 90%); }
.mcf-minecraft-intro--illustrated::after{ background: linear-gradient(180deg, rgb(9 13 14 / 52%) 0%, rgb(9 13 14 / 90%) 52%, rgb(9 13 14 / 99%) 100%); }
.mcf-minecraft-intro header{ padding-right: 0; }
.mcf-minecraft-intro-content{ grid-template-columns: 1fr; gap: 24px; }
.mcf-category-card{ min-height: 150px; }
.mcf-page-hero{ padding: 22px 20px; }
.mcf-shader-header{ padding-left: 16px; }
.mcf-shader-header h1{ font-size: 32px; }
.mcf-shader-introduction{ grid-template-columns: 1fr; gap: 12px; }
.mcf-shader-filters{ grid-template-columns: 1fr; padding: 0; }
.mcf-shader-filter-search{ grid-column: auto; }
.mcf-shader-filter-actions{ justify-content: space-between; }
.mcf-shader-results-heading{ align-items: start; flex-direction: column; gap: 7px; }
.mcf-article-header h1{ font-size: 32px; }
.mcf-article-content{ font-size: 15px; }
.mcf-article-content > p:first-child{ font-size: 16px; }
.mcf-article-meta > * + *::before{ margin-inline: 8px; }
.mcf-post-navigation{ grid-template-columns: 1fr; }
.mcf-post-navigation-link,
.mcf-post-navigation-link + .mcf-post-navigation-link{ padding: 16px 0; border-left: 0; text-align: left; }
.mcf-post-navigation-link + .mcf-post-navigation-link{ border-top: 1px solid var(--mcf-border); }
.mcf-single-article .author-info{ grid-template-columns: 58px minmax(0, 1fr); gap: 13px; }
.mcf-single-article .author-info > img{ width: 58px; height: 58px; }
.mcf-footer-bottom{ align-items: flex-start; flex-direction: column; padding-block: 20px; }
.mcf-error-search{ flex-direction: column; gap: 8px; }


}
/* 0.8.12 — navigation plus éditoriale et moins proche d'un annuaire brut. */
@media (min-width: 901px){
    .mcf-menu > .mcf-menu-panel--compact > .sub-menu {
        width: min(540px, calc(100vw - 40px));
        padding: 10px;
        gap: 8px;
        border-top-width: 2px;
        background: #0b1112;
    }

    .mcf-menu > .mcf-menu-panel--compact > .sub-menu > li {
        border: 1px solid #2c393b;
        background: linear-gradient(135deg, rgb(139 218 75 / 6%), transparent 55%), #11191b;
    }

    .mcf-menu > .mcf-menu-panel--compact > .sub-menu > li > a {
        min-height: 56px;
        padding: 11px 32px 11px 16px;
        font-size: 13px;
        line-height: 1.2;
    }

    .mcf-menu > .mcf-menu-panel--compact > .sub-menu > li > a::before {
        left: 0;
        width: 3px;
        height: 18px;
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu {
        width: min(960px, calc(100vw - 40px));
        padding: 12px;
        grid-template-columns: 1fr .82fr 1fr;
        gap: 10px;
        align-items: start;
        background: #0a1011;
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section {
        overflow: hidden;
        border: 1px solid #2b393b;
        background: linear-gradient(155deg, rgb(139 218 75 / 4%), transparent 46%), #11191b;
        transition: border-color .16s ease, transform .16s ease;
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section:hover {
        border-color: #42534f;
        transform: translateY(-1px);
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a {
        min-height: 43px;
        padding: 10px 30px 10px 15px;
        border-bottom: 1px solid #2b393b;
        background: rgb(255 255 255 / 1.5%);
        font-size: 13px;
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a::before {
        left: 0;
        width: 3px;
        height: 16px;
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > .sub-menu {
        display: grid;
        padding: 10px 13px 13px;
        grid-template-columns: 1fr;
        gap: 8px;
        border: 0;
    }

    .mcf-menu-resource-group { min-width: 0; }
    .mcf-menu-resource-group.menu-item-has-children > a {
        display: block;
        padding: 0 0 5px;
        border-bottom: 1px solid #2a3638;
        color: #899692;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: .075em;
        text-transform: uppercase;
    }

    .mcf-menu-resource-group.menu-item-has-children > a::before { display: none; }
    .mcf-menu-resource-group > .sub-menu {
        display: flex !important;
        flex-wrap: wrap;
        gap: 5px;
        padding: 6px 0 0 !important;
        border: 0 !important;
    }

    .mcf-menu-resource-group > .sub-menu li { display: block; }
    .mcf-menu-resource-group > .sub-menu a {
        display: inline-flex !important;
        min-height: 0;
        align-items: center;
        padding: 5px 7px !important;
        border: 1px solid #344144;
        background: #151f21;
        color: #b8c1be !important;
        font-size: 10.5px !important;
        line-height: 1 !important;
    }

    .mcf-menu-resource-group > .sub-menu a::before { display: none !important; }
    .mcf-menu-resource-group > .sub-menu a:hover,
    .mcf-menu-resource-group > .sub-menu a:focus-visible {
        border-color: var(--mcf-green);
        background: rgb(139 218 75 / 9%);
        color: var(--mcf-green) !important;
    }

    .mcf-menu-resource-group:not(.menu-item-has-children) > a {
        display: inline-flex;
        min-height: 0;
        padding: 5px 0;
        color: #b5bfbc;
        font-size: 11px;
    }

    .mcf-menu-resource-group:not(.menu-item-has-children) > a::before {
        margin-right: 7px;
        color: #667570;
        content: '›';
    }

    .mcf-menu-resource-shaders::after,
    .mcf-menu-resource-modpacks::after {
        display: block;
        padding: 11px 14px 13px;
        color: #87928f;
        font-size: 10.5px;
        line-height: 1.45;
    }

    .mcf-menu-resource-shaders::after { content: 'Lumière, ambiance et performances'; }
    .mcf-menu-resource-modpacks::after { content: 'Des aventures complètes prêtes à jouer'; }
}
/* Un départ d'article identifiable, sans ajouter une nouvelle grosse carte. */
.mcf-single-article .mcf-article-header{
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin-bottom: 26px;
    padding: 22px 28px 23px;
    border-left: 3px solid var(--mcf-green);
    background:
        linear-gradient(110deg, rgb(139 218 75 / 8%), transparent 32%),
        linear-gradient(90deg, #121b1d 0%, rgb(18 27 29 / 72%) 68%, transparent 100%);
}
.mcf-single-article .mcf-article-header::after{
    position: absolute;
    z-index: -1;
    top: 17px;
    right: 24px;
    width: 6px;
    height: 6px;
    background: rgb(139 218 75 / 42%);
    box-shadow:
        12px 0 rgb(139 218 75 / 17%),
        24px 0 rgb(139 218 75 / 7%),
        0 12px rgb(139 218 75 / 13%),
        12px 12px rgb(139 218 75 / 8%);
    content: '';
}
.mcf-single-article .mcf-article-header .mcf-kicker{
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
.mcf-single-article .mcf-article-header .mcf-kicker::before{
    width: 6px;
    height: 6px;
    background: var(--mcf-green);
    content: '';
    transform: rotate(45deg);
}
.mcf-single-article .mcf-article-header h1{ margin-top: 10px; }



@media (max-width: 620px) {.mcf-single-article .mcf-article-header{
        padding: 17px 17px 19px;
        background: linear-gradient(120deg, rgb(139 218 75 / 8%), transparent 48%), #11191b;
    }
.mcf-single-article .mcf-article-header::after{ top: 13px; right: 15px; }


}
/* 0.8.13 — retour à une navigation Ressources classique à panneaux latéraux. */
@media (min-width: 901px){
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu {
        width: 286px;
        padding: 7px;
        grid-template-columns: 1fr;
        gap: 0;
        overflow: visible;
        background: #0b1112;
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section {
        position: static;
        overflow: visible;
        border: 0;
        border-bottom: 1px solid #263234;
        background: transparent;
        transform: none;
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section:last-child { border-bottom: 0; }
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section:hover {
        border-color: #263234;
        transform: none;
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a {
        min-height: 42px;
        padding: 10px 34px 10px 13px;
        border: 0;
        background: transparent;
        color: #dce2df;
        font-size: 13px;
        font-weight: 770;
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a::before {
        left: 2px;
        width: 3px;
        height: 3px;
        background: #70807b;
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section.menu-item-has-children > a::after {
        position: absolute;
        right: 12px;
        color: #84918d;
        content: '›';
        font-size: 17px;
        font-weight: 400;
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a:hover,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a:focus-visible {
        padding-left: 17px;
        background: #141e20;
        color: var(--mcf-green);
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > .sub-menu {
        position: absolute;
        z-index: 3;
        top: -2px;
        left: calc(100% + 1px);
        display: none;
        width: 560px;
        max-height: min(72vh, 520px);
        overflow-y: auto;
        padding: 14px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 18px;
        border: 1px solid #2b393b;
        border-top: 2px solid var(--mcf-green);
        background: #0d1415;
        box-shadow: 18px 22px 42px rgb(0 0 0 / 42%);
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section:hover > .sub-menu,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section:focus-within > .sub-menu {
        display: grid;
    }

    .mcf-menu-resource-group.menu-item-has-children > a {
        padding: 0 0 7px;
        border-bottom: 1px solid #2b3739;
        color: #8f9b97;
        font-size: 9px;
        letter-spacing: .075em;
        text-transform: uppercase;
    }

    .mcf-menu-resource-group > .sub-menu {
        position: static !important;
        display: flex !important;
        width: auto !important;
        flex-wrap: wrap;
        gap: 5px !important;
        padding: 7px 0 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .mcf-menu-resource-group > .sub-menu a {
        display: inline-flex !important;
        padding: 5px 7px !important;
        border: 1px solid #344144;
        background: #151f21;
        color: #bdc5c2 !important;
        font-size: 10.5px !important;
        line-height: 1 !important;
    }

    .mcf-menu-resource-group > .sub-menu a::before { display: none !important; }
    .mcf-menu-resource-group > .sub-menu a:hover,
    .mcf-menu-resource-group > .sub-menu a:focus-visible {
        border-color: #64736f;
        background: #1a2527;
        color: var(--mcf-green) !important;
    }

    .mcf-menu-resource-group:not(.menu-item-has-children) > a {
        display: block;
        padding: 7px 9px;
        border: 1px solid transparent;
        color: #bdc5c2;
        font-size: 11px;
    }

    .mcf-menu-resource-group:not(.menu-item-has-children) > a::before { display: none; }
    .mcf-menu-resource-group:not(.menu-item-has-children) > a:hover,
    .mcf-menu-resource-group:not(.menu-item-has-children) > a:focus-visible {
        border-color: #344144;
        background: #151f21;
        color: var(--mcf-green);
    }

    .mcf-menu-resource-shaders::after,
    .mcf-menu-resource-modpacks::after { display: none; }
}
/* Le titre repose sur la typographie : aucun cadre,
liseré ou motif ajouté. */
.mcf-single-article .mcf-article-header,
.mcf-single-article .mcf-article-header:is(:hover, :focus-within){
    overflow: visible;
    margin-bottom: 27px;
    padding: 0;
    border: 0;
    background: transparent;
}
.mcf-single-article .mcf-article-header::after,
.mcf-single-article .mcf-article-header .mcf-kicker::before{ display: none; }
.mcf-single-article .mcf-article-header h1{
    max-width: 810px;
    margin: 11px 0 16px;
    text-wrap: balance;
    text-shadow: 0 2px 22px rgb(0 0 0 / 34%);
}
/* L'image propre à l'article habille seulement les marges,
sans duplication visible. */
.mcf-single-layout{
    position: relative;
    isolation: isolate;
}
.mcf-single-layout::before{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 780px;
    background-image:
        linear-gradient(180deg, rgb(9 13 14 / 70%), rgb(9 13 14 / 93%) 68%, #090d0e 100%),
        var(--mcf-page-art, none);
    background-position: center top;
    background-size: cover;
    content: '';
    opacity: .34;
    pointer-events: none;
    transform: translateX(-50%);
    -webkit-mask-image: linear-gradient(90deg, #000 0%, transparent 25%, transparent 75%, #000 100%);
    mask-image: linear-gradient(90deg, #000 0%, transparent 25%, transparent 75%, #000 100%);
}
.mcf-single-layout > *{ position: relative; z-index: 1; }



@media (max-width: 1200px) {.mcf-single-layout::before{ display: none; }


}
/* 0.8.14 — grand index unifié,
dense et sans cartes séparées. */
@media (min-width: 901px){
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu {
        width: min(930px, calc(100vw - 40px));
        padding: 20px 22px 22px;
        grid-template-columns: minmax(0, 1.06fr) minmax(190px, .72fr) minmax(0, 1.06fr);
        grid-template-rows: repeat(4, auto);
        align-items: start;
        gap: 8px 34px;
        overflow: visible;
        border: 1px solid #384143;
        border-top: 1px solid #495254;
        background: #121718;
        box-shadow: 0 22px 48px rgb(0 0 0 / 48%);
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section {
        position: relative;
        display: block;
        overflow: visible;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .mcf-menu-resource-mods { grid-column: 1; grid-row: 1 / 5; }
    .mcf-menu-resource-shaders { grid-column: 2; grid-row: 1; }
    .mcf-menu-resource-modpacks { grid-column: 2; grid-row: 2; }
    .mcf-menu-resource-maps { grid-column: 2; grid-row: 3; }
    .mcf-menu-resource-autres-ressources { grid-column: 2; grid-row: 4; }
    .mcf-menu-resource-resource-packs { grid-column: 3; grid-row: 1 / 5; }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a {
        display: inline-flex;
        min-height: 0;
        align-items: center;
        padding: 0 0 7px;
        border: 0;
        background: transparent;
        color: #f0eee7;
        font-size: 14px;
        font-weight: 820;
        line-height: 1.25;
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a::before,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a::after { display: none; }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a:hover,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a:focus-visible {
        padding-left: 0;
        background: transparent;
        color: var(--mcf-green);
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > .sub-menu,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section:hover > .sub-menu,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section:focus-within > .sub-menu {
        position: static;
        display: grid;
        width: auto;
        max-height: none;
        overflow: visible;
        padding: 0;
        grid-template-columns: 1fr;
        gap: 10px;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .mcf-menu-resource-group.menu-item-has-children > a {
        display: block;
        padding: 4px 0 5px;
        border: 0;
        color: #8f9996;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: .075em;
        text-transform: uppercase;
    }

    .mcf-menu-resource-group > .sub-menu {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 12px !important;
        padding: 0 !important;
    }

    .mcf-menu-resource-group > .sub-menu a,
    .mcf-menu-resource-group:not(.menu-item-has-children) > a {
        display: block !important;
        overflow: hidden;
        padding: 4px 7px !important;
        border: 0 !important;
        background: transparent !important;
        color: #bfc6c3 !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mcf-menu-resource-group > .sub-menu a:hover,
    .mcf-menu-resource-group > .sub-menu a:focus-visible,
    .mcf-menu-resource-group:not(.menu-item-has-children) > a:hover,
    .mcf-menu-resource-group:not(.menu-item-has-children) > a:focus-visible {
        background: #202627 !important;
        color: var(--mcf-green) !important;
    }

    .mcf-menu-resource-maps > .sub-menu,
    .mcf-menu-resource-autres-ressources > .sub-menu { gap: 0 !important; }
    .mcf-menu-resource-maps .mcf-menu-resource-group,
    .mcf-menu-resource-autres-ressources .mcf-menu-resource-group { margin: 0; }
}
/* En-tête éditorial : l'image varie avec chaque article et se fond dans la surface. */
.mcf-single-article .mcf-article-header{
    position: relative;
    isolation: isolate;
    min-height: 210px;
    overflow: hidden;
    padding: 27px 30px 25px;
    background: #101617;
}
.mcf-single-article .mcf-article-header::before{
    position: absolute;
    z-index: -1;
    inset: 0 0 0 auto;
    display: block;
    width: 58%;
    background-image:
        linear-gradient(90deg, #101617 0%, rgb(16 22 23 / 72%) 43%, rgb(16 22 23 / 26%) 100%),
        var(--mcf-page-art, none);
    background-position: center;
    background-size: cover;
    content: '';
    opacity: .72;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 32%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 32%, #000 100%);
}
.mcf-single-article .mcf-article-header > *{ position: relative; z-index: 1; }
.mcf-single-article .mcf-article-header h1{
    max-width: 770px;
    margin: 13px 0 18px;
    text-shadow: 0 2px 18px #000;
}
.mcf-single-layout::before{ display: none; }



@media (max-width: 700px) {.mcf-single-article .mcf-article-header{
        min-height: 0;
        padding: 20px;
        background: #101617;
    }
.mcf-single-article .mcf-article-header::before{
        width: 100%;
        opacity: .24;
        -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 100%);
        mask-image: linear-gradient(180deg, #000 0%, transparent 100%);
    }


}
/* 0.8.17 — arbitrage final du menu,
après tous les anciens essais. */
@media (min-width: 901px){
    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        align-content: start !important;
        align-items: start !important;
        padding: 12px !important;
        gap: 2px 22px !important;
        overflow: visible !important;
        border: 1px solid #3b4142 !important;
        border-radius: 5px !important;
        background: #171b1c !important;
        box-shadow: 0 18px 38px rgb(0 0 0 / 38%) !important;
    }

    html body.mcf-child-theme .mcf-menu > .mcf-menu-panel--compact > ul.sub-menu {
        width: min(450px, calc(100vw - 40px)) !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body.mcf-child-theme .mcf-menu > .mcf-menu-panel--medium > ul.sub-menu {
        width: min(650px, calc(100vw - 40px)) !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body.mcf-child-theme .mcf-menu > .mcf-menu-panel--wide > ul.sub-menu {
        width: min(820px, calc(100vw - 40px)) !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(2, auto) !important;
    }

    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li {
        position: relative !important;
        display: block !important;
        min-width: 0 !important;
        align-self: start !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        transform: none !important;
    }

    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li > a {
        position: relative !important;
        display: flex !important;
        width: 100% !important;
        min-height: 38px !important;
        align-items: center !important;
        padding: 7px 26px 7px 10px !important;
        border: 0 !important;
        border-radius: 3px !important;
        background: transparent !important;
        color: #e3e6e3 !important;
        font-size: 13px !important;
        font-weight: 730 !important;
        line-height: 1.25 !important;
        transform: none !important;
    }

    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li > a::before { display: none !important; }
    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li:not(.menu-item-has-children) > a::after { display: none !important; }

    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li.menu-item-has-children > a::after {
        position: absolute !important;
        right: 10px !important;
        display: block !important;
        color: #8d9592 !important;
        content: '›' !important;
        font-size: 16px !important;
        font-weight: 400 !important;
    }

    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li:hover > a,
    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li:focus-within > a {
        padding-left: 10px !important;
        background: #282d2e !important;
        color: var(--mcf-green) !important;
    }

    /* Second niveau : fenêtre superposée type highlight, jamais dans le flux. */
    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li.menu-item-has-children > ul.sub-menu {
        position: absolute !important;
        z-index: 100 !important;
        top: -8px !important;
        right: auto !important;
        left: calc(100% - 1px) !important;
        display: none !important;
        width: 420px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: min(72vh, 520px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding: 14px 16px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 13px 22px !important;
        border: 1px solid #464d4e !important;
        border-radius: 5px !important;
        background: #191d1e !important;
        box-shadow: 16px 20px 38px rgb(0 0 0 / 52%) !important;
        transform: none !important;
    }

    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu,
    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li.menu-item-has-children:focus-within > ul.sub-menu {
        display: grid !important;
    }

    html body.mcf-child-theme .mcf-menu > .mcf-menu-panel--medium > ul.sub-menu > li.menu-item-has-children > ul.sub-menu,
    html body.mcf-child-theme .mcf-menu > .mcf-menu-panel--wide > ul.sub-menu > li:nth-child(3n + 2).menu-item-has-children > ul.sub-menu,
    html body.mcf-child-theme .mcf-menu > .mcf-menu-panel--wide > ul.sub-menu > li:nth-child(3n).menu-item-has-children > ul.sub-menu {
        right: calc(100% - 1px) !important;
        left: auto !important;
    }

    html body.mcf-child-theme .mcf-menu-resource-mods,
    html body.mcf-child-theme .mcf-menu-resource-shaders,
    html body.mcf-child-theme .mcf-menu-resource-resource-packs,
    html body.mcf-child-theme .mcf-menu-resource-maps,
    html body.mcf-child-theme .mcf-menu-resource-modpacks,
    html body.mcf-child-theme .mcf-menu-resource-autres-ressources {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    /* Le contenu du panneau flottant reste organisé, mais sans cartes internes. */
    html body.mcf-child-theme .mcf-menu-resource-group {
        position: relative !important;
        display: block !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    html body.mcf-child-theme .mcf-menu-resource-group.menu-item-has-children > a {
        display: block !important;
        min-height: 0 !important;
        padding: 2px 0 7px !important;
        border: 0 !important;
        border-bottom: 1px solid #343a3b !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #f0f1ee !important;
        font-size: 11px !important;
        font-weight: 780 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    html body.mcf-child-theme .mcf-menu-resource-group.menu-item-has-children > a::after { display: none !important; }

    html body.mcf-child-theme .mcf-menu-resource-group > ul.sub-menu {
        position: static !important;
        display: grid !important;
        width: auto !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 5px 0 0 !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html body.mcf-child-theme .mcf-menu-resource-group > ul.sub-menu a,
    html body.mcf-child-theme .mcf-menu-resource-group:not(.menu-item-has-children) > a {
        display: block !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 4px 6px !important;
        border: 0 !important;
        border-radius: 2px !important;
        background: transparent !important;
        color: #bec5c1 !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body.mcf-child-theme .mcf-menu-resource-group > ul.sub-menu a:hover,
    html body.mcf-child-theme .mcf-menu-resource-group > ul.sub-menu a:focus-visible,
    html body.mcf-child-theme .mcf-menu-resource-group:not(.menu-item-has-children) > a:hover,
    html body.mcf-child-theme .mcf-menu-resource-group:not(.menu-item-has-children) > a:focus-visible {
        background: #282d2e !important;
        color: var(--mcf-green) !important;
    }
}
/* 0.8.16 — bandeau d'article sans image dupliquée, avec relief voxel en CSS. */
.mcf-single-article .mcf-article-header,
.mcf-single-article .mcf-article-header:is(:hover, :focus-within){
    min-height: 190px;
    padding: 28px 30px 25px;
    background:
        radial-gradient(circle at 82% 20%, rgb(139 218 75 / 5%), transparent 27%),
        linear-gradient(110deg, #12191a 0%, #101617 64%, #0d1314 100%);
}
.mcf-single-article .mcf-article-header::before{
    position: absolute;
    z-index: 0;
    inset: auto 0 0 auto;
    display: block;
    width: 46%;
    height: 78%;
    background:
        repeating-linear-gradient(0deg, transparent 0 23px, rgb(255 255 255 / 5%) 23px 24px),
        repeating-linear-gradient(90deg, transparent 0 23px, rgb(255 255 255 / 4%) 23px 24px),
        linear-gradient(135deg, rgb(139 218 75 / 18%), rgb(76 102 91 / 8%));
    clip-path: polygon(
        100% 0,
        100% 100%,
        0 100%,
        0 82%,
        13% 82%,
        13% 67%,
        29% 67%,
        29% 48%,
        45% 48%,
        45% 70%,
        61% 70%,
        61% 39%,
        76% 39%,
        76% 20%,
        89% 20%,
        89% 0
    );
    content: '';
    opacity: .42;
    pointer-events: none;
}
.mcf-single-article .mcf-article-header::after{ display: none; }
.mcf-single-article .mcf-article-header > *{ position: relative; z-index: 1; }
.mcf-single-article .mcf-article-header h1{
    max-width: 800px;
    margin: 13px 0 18px;
    text-shadow: 0 2px 18px rgb(0 0 0 / 58%);
}



@media (max-width: 700px) {.mcf-single-article .mcf-article-header,
.mcf-single-article .mcf-article-header:is(:hover, :focus-within){
        min-height: 0;
        padding: 20px;
        background: linear-gradient(120deg, #12191a, #0e1415);
    }
.mcf-single-article .mcf-article-header::before{
        width: 58%;
        height: 58%;
        opacity: .24;
    }


}
/* 0.8.15 — navigation desktop unifiée et allégée,
inspirée des index éditoriaux. */
@media (min-width: 901px){
    .mcf-menu > li > .sub-menu,
    .mcf-menu > .mcf-menu-panel--compact > .sub-menu,
    .mcf-menu > .mcf-menu-panel--medium > .sub-menu,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu {
        padding: 12px;
        gap: 2px 24px;
        overflow: visible;
        border: 1px solid #3b4142;
        border-top-color: #3b4142;
        border-radius: 5px;
        background: #171b1c;
        box-shadow: 0 18px 38px rgb(0 0 0 / 38%);
    }

    .mcf-menu > .mcf-menu-panel--compact > .sub-menu {
        width: min(450px, calc(100vw - 40px));
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mcf-menu > .mcf-menu-panel--medium > .sub-menu {
        width: min(650px, calc(100vw - 40px));
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu {
        width: min(880px, calc(100vw - 40px));
        padding: 13px 16px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: auto;
        gap: 2px 28px;
    }

    .mcf-menu > li > .sub-menu > li,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section {
        position: relative;
        display: block;
        align-self: start;
        overflow: visible;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        transform: none;
    }

    .mcf-menu > li > .sub-menu > li > a,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a {
        position: relative;
        display: flex;
        width: 100%;
        min-height: 37px;
        align-items: center;
        justify-content: flex-start;
        padding: 7px 25px 7px 9px;
        border: 0;
        border-radius: 3px;
        background: transparent;
        color: #e5e7e4;
        font-size: 13px;
        font-weight: 730;
        line-height: 1.25;
        transform: none;
    }

    .mcf-menu > li > .sub-menu > li > a::before,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a::before {
        display: none;
    }

    .mcf-menu > li > .sub-menu > li > a:hover,
    .mcf-menu > li > .sub-menu > li > a:focus-visible,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a:hover,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a:focus-visible {
        padding-left: 9px;
        background: #24292a;
        color: var(--mcf-green);
        outline: 0;
    }

    .mcf-menu > li > .sub-menu > li:not(.menu-item-has-children) > a::after,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a::after {
        display: none;
    }

    .mcf-menu > li > .sub-menu > li.menu-item-has-children > a::after,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section.menu-item-has-children > a::after {
        position: absolute;
        right: 9px;
        display: block;
        color: #8b9390;
        content: '›';
        font-size: 16px;
        font-weight: 400;
    }

    /* Les niveaux détaillés emploient le même panneau que le premier niveau. */
    .mcf-menu > li > .sub-menu > li.menu-item-has-children > .sub-menu,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > .sub-menu,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section:hover > .sub-menu,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section:focus-within > .sub-menu {
        position: absolute;
        z-index: 30;
        top: -7px;
        left: 100%;
        display: none !important;
        width: 410px;
        max-height: min(70vh, 500px);
        overflow-y: auto;
        padding: 13px 15px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 22px;
        border: 1px solid #3b4142;
        border-radius: 5px;
        background: #171b1c;
        box-shadow: 14px 18px 32px rgb(0 0 0 / 40%);
        transform: none;
    }

    .mcf-menu > li > .sub-menu > li.menu-item-has-children:hover > .sub-menu,
    .mcf-menu > li > .sub-menu > li.menu-item-has-children:focus-within > .sub-menu,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section:hover > .sub-menu,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section:focus-within > .sub-menu {
        display: grid !important;
    }

    .mcf-menu > .mcf-menu-panel--medium > .sub-menu > li.menu-item-has-children > .sub-menu,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section:nth-child(3n) > .sub-menu {
        right: 100%;
        left: auto;
    }

    .mcf-menu-resource-mods,
    .mcf-menu-resource-shaders,
    .mcf-menu-resource-modpacks,
    .mcf-menu-resource-maps,
    .mcf-menu-resource-autres-ressources,
    .mcf-menu-resource-resource-packs {
        grid-column: auto;
        grid-row: auto;
    }

    .mcf-menu-resource-group.menu-item-has-children > a {
        display: block;
        padding: 2px 0 7px;
        border: 0;
        border-bottom: 1px solid #303637;
        color: #f0f1ee;
        font-size: 11px;
        font-weight: 780;
        letter-spacing: 0;
        text-transform: none;
    }

    .mcf-menu-resource-group > .sub-menu {
        position: static !important;
        display: grid !important;
        width: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 5px 0 0 !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .mcf-menu-resource-group > .sub-menu a,
    .mcf-menu-resource-group:not(.menu-item-has-children) > a {
        display: block !important;
        overflow: hidden;
        padding: 4px 6px !important;
        border: 0 !important;
        border-radius: 2px;
        background: transparent !important;
        color: #bfc5c2 !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mcf-menu-resource-group > .sub-menu a:hover,
    .mcf-menu-resource-group > .sub-menu a:focus-visible,
    .mcf-menu-resource-group:not(.menu-item-has-children) > a:hover,
    .mcf-menu-resource-group:not(.menu-item-has-children) > a:focus-visible {
        background: #24292a !important;
        color: var(--mcf-green) !important;
    }
}
/* Navigation 0.8.11 : panneaux desktop lisibles et barre mobile directe. */
@media (min-width: 901px){
    .mcf-menu > li > .sub-menu {
        padding: 12px;
        gap: 10px;
        border-color: #334044;
        border-top-color: var(--mcf-green);
        background: #0b1112;
        box-shadow: 0 20px 44px rgb(0 0 0 / 38%);
    }

    .mcf-menu > li > .sub-menu > li {
        align-self: start;
        overflow: hidden;
        border: 1px solid #293638;
        background: #11191a;
    }

    .mcf-menu > li > .sub-menu > li > a {
        min-height: 43px;
        padding: 10px 30px 10px 14px;
        background: transparent;
        font-size: 13px;
    }

    .mcf-menu > li > .sub-menu > li > a::before {
        left: 7px;
        width: 3px;
        height: 12px;
    }

    .mcf-menu > li > .sub-menu > li > a:hover,
    .mcf-menu > li > .sub-menu > li > a:focus-visible {
        padding-left: 17px;
        background: #172122;
    }

    .mcf-menu > li > .sub-menu .sub-menu,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > .sub-menu {
        display: flex;
        padding: 8px 12px 11px;
        gap: 6px 8px;
        border-top: 1px solid #293638;
    }

    .mcf-menu > li > .sub-menu .sub-menu a {
        padding: 3px 0;
        color: #abb5b1;
        font-size: 11.5px;
    }

    .mcf-menu > li > .sub-menu .sub-menu a::before {
        margin-right: 5px;
        color: #5e6c68;
        content: '·';
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu {
        width: min(850px, calc(100vw - 40px));
        align-items: start;
    }
}
/* Le mobile conserve le logo et les rubriques principales,
sans second niveau. */
@media (max-width: 900px){
    .mcf-site-header {
        top: 0;
        box-shadow: 0 8px 22px rgb(0 0 0 / 24%);
    }

    body.admin-bar .mcf-site-header { top: 32px; }
    .mcf-header-top { min-height: 56px; justify-content: center; }
    .mcf-brand-image { max-width: 168px; max-height: 40px; }
    .mcf-header-actions, .mcf-menu-toggle, .mcf-mobile-search { display: none !important; }
    .mcf-header-nav-row { overflow: hidden; border-top: 1px solid rgb(255 255 255 / 6%); }

    .mcf-primary-navigation,
    .mcf-primary-navigation.is-open {
        position: static;
        display: block;
        max-height: none;
        overflow: visible;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .mcf-menu {
        display: flex;
        min-height: 42px;
        overflow-x: auto;
        overflow-y: hidden;
        align-items: stretch;
        gap: 0;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .mcf-menu::-webkit-scrollbar { display: none; }
    .mcf-menu > li { flex: 0 0 auto; }
    .mcf-menu > li > a {
        min-height: 42px;
        padding: 0 13px;
        border: 0;
        border-right: 1px solid rgb(255 255 255 / 6%);
        font-size: 12px;
        white-space: nowrap;
    }

    .mcf-menu > li:first-child > a { padding-left: 2px; }
    .mcf-menu > li > a[href*="discord"] { display: none; }
    .mcf-menu > li > .mcf-submenu-toggle,
    .mcf-menu > li > .sub-menu,
    .mcf-menu > li:hover > .sub-menu,
    .mcf-menu > li:focus-within > .sub-menu,
    .mcf-menu > li.is-submenu-open > .sub-menu { display: none !important; }
}



@media (max-width: 782px) {body.admin-bar .mcf-site-header{ top: 46px; }


}
/* Partage discret placé après le contenu,
avant la navigation d'article. */
.mcf-share-panel--after{
    display: flex;
    max-width: var(--mcf-reading);
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin: 38px 0 0;
    padding: 17px 0;
    border: solid var(--mcf-border);
    border-width: 1px 0;
    background: transparent;
}
.mcf-share-heading{ min-width: 0; }
.mcf-share-heading > p{ margin: 0 0 3px; color: var(--mcf-text); font-size: 13px; font-weight: 820; }
.mcf-share-heading > span{ color: var(--mcf-muted); font-size: 11px; }
.mcf-share-panel--after .mcf-share-links{ display: flex; flex: 0 0 auto; gap: 7px; }
.mcf-share-panel--after .mcf-share-links :is(a, button){
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 11px;
    border: 1px solid var(--mcf-border);
    background: transparent;
    color: #dce2df;
    font-size: 11px;
    font-weight: 740;
}
.mcf-share-panel--after .mcf-share-links :is(a, button):hover,
.mcf-share-panel--after .mcf-share-links :is(a, button):focus-visible{
    border-color: #566662;
    background: var(--mcf-surface);
    color: var(--mcf-green);
}
.mcf-share-mark{
    display: inline-grid;
    width: 18px;
    height: 18px;
    place-items: center;
    color: var(--mcf-green);
    font-size: 11px;
    font-weight: 900;
}



@media (max-width: 620px) {.mcf-share-panel--after{ align-items: flex-start; flex-direction: column; gap: 12px; }
.mcf-share-panel--after .mcf-share-links{ width: 100%; flex-wrap: wrap; }
.mcf-share-panel--after .mcf-share-links :is(a, button){ flex: 1 1 auto; }


}
/* 0.8.14 — arbitrage final après les correctifs historiques. */
@media (min-width: 901px){
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu {
        width: min(930px, calc(100vw - 40px));
        padding: 20px 22px 22px;
        grid-template-columns: minmax(0, 1.06fr) minmax(190px, .72fr) minmax(0, 1.06fr);
        grid-template-rows: repeat(4, auto);
        align-items: start;
        gap: 8px 34px;
        overflow: visible;
        border: 1px solid #384143;
        border-top-color: #495254;
        background: #121718;
        box-shadow: 0 22px 48px rgb(0 0 0 / 48%);
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section {
        position: relative;
        display: block;
        align-self: start;
        overflow: visible;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        transform: none;
    }

    .mcf-menu-resource-mods { grid-column: 1; grid-row: 1 / 5; }
    .mcf-menu-resource-shaders { grid-column: 2; grid-row: 1; }
    .mcf-menu-resource-modpacks { grid-column: 2; grid-row: 2; }
    .mcf-menu-resource-maps { grid-column: 2; grid-row: 3; }
    .mcf-menu-resource-autres-ressources { grid-column: 2; grid-row: 4; }
    .mcf-menu-resource-resource-packs { grid-column: 3; grid-row: 1 / 5; }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a {
        display: inline-flex;
        min-height: 0;
        align-items: center;
        padding: 0 0 7px;
        border: 0;
        background: transparent;
        color: #f0eee7;
        font-size: 14px;
        font-weight: 820;
        line-height: 1.25;
        transform: none;
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a::before,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a::after { display: none; }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a:hover,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > a:focus-visible {
        padding-left: 0;
        background: transparent;
        color: var(--mcf-green);
    }

    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section > .sub-menu,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section:hover > .sub-menu,
    .mcf-menu > .mcf-menu-panel--wide > .sub-menu > .mcf-menu-resource-section:focus-within > .sub-menu {
        position: static;
        display: grid;
        width: auto;
        max-height: none;
        overflow: visible;
        padding: 0;
        grid-template-columns: 1fr;
        gap: 10px;
        border: 0;
        background: transparent;
        box-shadow: none;
        transform: none;
    }

    .mcf-menu-resource-group.menu-item-has-children > a {
        display: block;
        padding: 4px 0 5px;
        border: 0;
        color: #8f9996;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: .075em;
        text-transform: uppercase;
    }

    .mcf-menu-resource-group > .sub-menu {
        position: static !important;
        display: grid !important;
        width: auto !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 12px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .mcf-menu-resource-group > .sub-menu a,
    .mcf-menu-resource-group:not(.menu-item-has-children) > a {
        display: block !important;
        overflow: hidden;
        padding: 4px 7px !important;
        border: 0 !important;
        background: transparent !important;
        color: #bfc6c3 !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mcf-menu-resource-group > .sub-menu a::before,
    .mcf-menu-resource-group:not(.menu-item-has-children) > a::before { display: none !important; }

    .mcf-menu-resource-group > .sub-menu a:hover,
    .mcf-menu-resource-group > .sub-menu a:focus-visible,
    .mcf-menu-resource-group:not(.menu-item-has-children) > a:hover,
    .mcf-menu-resource-group:not(.menu-item-has-children) > a:focus-visible {
        background: #202627 !important;
        color: var(--mcf-green) !important;
    }
}
.mcf-single-article .mcf-article-header,
.mcf-single-article .mcf-article-header:is(:hover, :focus-within){
    position: relative;
    isolation: isolate;
    min-height: 210px;
    overflow: hidden;
    margin-bottom: 27px;
    padding: 27px 30px 25px;
    border: 0;
    background: #101617;
}
.mcf-single-article .mcf-article-header::before{
    position: absolute;
    z-index: -1;
    inset: 0 0 0 auto;
    display: block;
    width: 58%;
    background-image:
        linear-gradient(90deg, #101617 0%, rgb(16 22 23 / 72%) 43%, rgb(16 22 23 / 26%) 100%),
        var(--mcf-page-art, none);
    background-position: center;
    background-size: cover;
    content: '';
    opacity: .72;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 32%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 32%, #000 100%);
}
.mcf-single-article .mcf-article-header::after,
.mcf-single-article .mcf-article-header .mcf-kicker::before{ display: none; }
.mcf-single-article .mcf-article-header > *{ position: relative; z-index: 1; }
.mcf-single-article .mcf-article-header h1{
    max-width: 770px;
    margin: 13px 0 18px;
    text-shadow: 0 2px 18px #000;
}
.mcf-single-layout::before{ display: none; }



@media (max-width: 700px) {.mcf-single-article .mcf-article-header,
.mcf-single-article .mcf-article-header:is(:hover, :focus-within){
        min-height: 0;
        padding: 20px;
        background: #101617;
    }
.mcf-single-article .mcf-article-header::before{
        width: 100%;
        opacity: .24;
        -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 100%);
        mask-image: linear-gradient(180deg, #000 0%, transparent 100%);
    }


}
/* 0.8.31 — menus desktop compacts,
uniformes et sans doubles chevrons. */
@media (min-width: 901px){
    html body.mcf-child-theme .mcf-menu > li.menu-item-has-children {
        position: relative !important;
    }

    html body.mcf-child-theme .mcf-menu > li.menu-item-has-children > ul.sub-menu,
    html body.mcf-child-theme .mcf-menu > .mcf-menu-panel--compact > ul.sub-menu,
    html body.mcf-child-theme .mcf-menu > .mcf-menu-panel--medium > ul.sub-menu,
    html body.mcf-child-theme .mcf-menu > .mcf-menu-panel--wide > ul.sub-menu {
        position: absolute !important;
        z-index: 100 !important;
        inset: 100% auto auto 0 !important;
        display: none !important;
        width: 245px !important;
        min-width: 245px !important;
        max-width: 245px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 6px !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: none !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;
        gap: 1px !important;
        border: 1px solid #3a4446 !important;
        border-top-color: #596263 !important;
        border-radius: 0 !important;
        background: #151a1b !important;
        box-shadow: 0 16px 32px rgb(0 0 0 / 42%) !important;
        transform: none !important;
    }

    html body.mcf-child-theme .mcf-menu > li.menu-item-has-children:is(:hover, :focus-within, .is-submenu-open) > ul.sub-menu {
        display: grid !important;
    }

    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li,
    html body.mcf-child-theme .mcf-menu > .mcf-menu-panel--wide > ul.sub-menu > :is(
        .mcf-menu-resource-mods,
        .mcf-menu-resource-shaders,
        .mcf-menu-resource-resource-packs,
        .mcf-menu-resource-maps,
        .mcf-menu-resource-modpacks,
        .mcf-menu-resource-autres-ressources
    ) {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        align-self: stretch !important;
        margin: 0 !important;
        padding: 0 !important;
        grid-column: 1 !important;
        grid-row: auto !important;
        border: 0 !important;
        border-left: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li > a {
        position: relative !important;
        display: flex !important;
        width: 100% !important;
        min-height: 39px !important;
        align-items: center !important;
        padding: 8px 31px 8px 11px !important;
        border: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #e9e8e1 !important;
        font-size: 12px !important;
        font-weight: 760 !important;
        line-height: 1.25 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li > a:is(:hover, :focus-visible),
    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li:is(.is-hover-open, :focus-within) > a {
        padding-left: 11px !important;
        background: #262c2d !important;
        color: #f7f4ea !important;
        outline: 0 !important;
    }

    /* Le bouton injecté par le JS reste réservé au menu tactile. */
    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li > .mcf-submenu-toggle {
        display: none !important;
    }

    /* On efface tous les anciens symboles avant de créer un seul chevron CSS. */
    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li > a::before,
    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li > a::after {
        position: static !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: none !important;
        color: transparent !important;
        content: none !important;
        font-size: 0 !important;
        line-height: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li.menu-item-has-children > a::after {
        position: absolute !important;
        top: 50% !important;
        right: 13px !important;
        display: block !important;
        width: 6px !important;
        height: 6px !important;
        margin: -3px 0 0 !important;
        border: solid #8d9794 !important;
        border-width: 1px 1px 0 0 !important;
        background: transparent !important;
        content: '' !important;
        transform: rotate(45deg) !important;
    }

    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li.menu-item-has-children > ul.sub-menu,
    html body.mcf-child-theme .mcf-menu > .mcf-menu-panel--wide > ul.sub-menu > .mcf-menu-resource-section > ul.sub-menu,
    html body.mcf-child-theme .mcf-menu > .mcf-menu-panel--wide > ul.sub-menu > .mcf-menu-resource-section:nth-child(3n) > ul.sub-menu,
    html body.mcf-child-theme .mcf-menu > .mcf-menu-panel--wide > ul.sub-menu > .mcf-menu-resource-resource-packs > ul.sub-menu {
        position: absolute !important;
        z-index: 110 !important;
        inset: -7px auto auto calc(100% + 5px) !important;
        display: none !important;
        width: min(390px, calc(100vw - 300px)) !important;
        min-width: 300px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100vh - 110px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        margin: 0 !important;
        padding: 12px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
        gap: 11px 16px !important;
        border: 1px solid #3a4446 !important;
        border-radius: 0 !important;
        background: #171c1d !important;
        box-shadow: 0 16px 32px rgb(0 0 0 / 42%) !important;
        transform: none !important;
    }

    html body.mcf-child-theme .mcf-menu > li > ul.sub-menu > li.menu-item-has-children:is(.is-hover-open, :focus-within) > ul.sub-menu,
    html body.mcf-child-theme .mcf-menu > .mcf-menu-panel--wide > ul.sub-menu > .mcf-menu-resource-section:is(.is-hover-open, :focus-within) > ul.sub-menu {
        display: grid !important;
    }
}
/*
 * Couche temporaire de compatibilité Minecraft-France.
 * Chargée en dernier pour neutraliser l'ancienne palette bleue provenant de
 * SmartMag et des widgets, jusqu'à leur refonte définitive.
 */

html body.mcf-child-theme{
    --mcf-bg: #090d0e;
    --mcf-surface: #141d1f;
    --mcf-surface-2: #192527;
    --mcf-border: #334044;
    --mcf-text: #f7f4ea;
    --mcf-muted: #aeb5b2;
    --mcf-green: #8bda4b;
    --mcf-green-dark: #4d982f;
    --mcf-block-panel: #141d1f;
    --mcf-block-panel-soft: #192527;
    --mcf-block-edge: #334044;
    --mcf-block-edge-strong: #47575b;
    --mcf-title: #f7f4ea;
    --mcf-night-surface: #141d1f;
    --mcf-night-surface-2: #192527;
    --mcf-night-border: #334044;
    --mcf-night-text: #f7f4ea;
    --mcf-night-title: #f7f4ea;
    background: #090d0e !important;
    background-image: none !important;
}
html body.mcf-child-theme .scheme-switcher{
    display: none !important;
}
html body.mcf-child-theme .main-wrap,
html body.mcf-child-theme .mcf-site-wrap,
html body.mcf-child-theme main,
html body.mcf-child-theme .mcf-home,
html body.mcf-child-theme .mcf-archive-page,
html body.mcf-child-theme .mcf-single-layout,
html body.mcf-child-theme .mcf-page-layout{
    background: #090d0e !important;
    background-color: #090d0e !important;
    background-image: none !important;
}
/* MCF Site Styles cible spécifiquement le mode sombre + layout-boxed. */
html.s-dark body.mcf-child-theme.layout-boxed div.main-wrap.mcf-site-wrap,
html.site-s-dark body.mcf-child-theme.layout-boxed div.main-wrap.mcf-site-wrap,
html.s-dark body.mcf-child-theme div.main-wrap.mcf-site-wrap,
html.site-s-dark body.mcf-child-theme div.main-wrap.mcf-site-wrap{
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
html body.mcf-child-theme main.mcf-home,
html body.mcf-child-theme main.mcf-archive-page,
html body.mcf-child-theme main.mcf-single-layout,
html body.mcf-child-theme main.mcf-page-layout{
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}
html.s-dark body.mcf-child-theme div.main-wrap.mcf-site-wrap::before,
html.s-dark body.mcf-child-theme div.main-wrap.mcf-site-wrap::after,
html.site-s-dark body.mcf-child-theme div.main-wrap.mcf-site-wrap::before,
html.site-s-dark body.mcf-child-theme div.main-wrap.mcf-site-wrap::after{
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}
html body.mcf-child-theme .mcf-editorial-card,
html body.mcf-child-theme .mcf-lead-card,
html body.mcf-child-theme .mcf-sidebar-panel{
    border-color: #334044 !important;
    background: #141d1f !important;
    background-image: none !important;
}
/* Colonne éditoriale et widgets historiques. */
html body.mcf-child-theme .mcf-content-sidebar,
html body.mcf-child-theme .mcf-content-sidebar > .widget,
html body.mcf-child-theme .mcf-content-sidebar > section{
    background: transparent !important;
    background-image: none !important;
    border-color: #334044 !important;
    box-shadow: none !important;
}
html.s-light body.mcf-child-theme,
html.site-s-light body.mcf-child-theme{
    --mcf-bg: #eef3f0;
    --mcf-surface: #fff;
    --mcf-surface-2: #f4f7f5;
    --mcf-border: #d1ddd7;
    --mcf-text: #14202d;
    --mcf-muted: #617181;
    --mcf-block-panel: #fff;
    --mcf-block-panel-soft: #f4f7f5;
    --mcf-block-edge: #d1ddd7;
}
html.s-light body.mcf-child-theme .main-wrap,
html.s-light body.mcf-child-theme .mcf-site-wrap,
html.s-light body.mcf-child-theme main,
html.s-light body.mcf-child-theme .mcf-home,
html.s-light body.mcf-child-theme .mcf-archive-page,
html.s-light body.mcf-child-theme .mcf-single-layout,
html.s-light body.mcf-child-theme .mcf-page-layout,
html.site-s-light body.mcf-child-theme .main-wrap,
html.site-s-light body.mcf-child-theme .mcf-site-wrap,
html.site-s-light body.mcf-child-theme main,
html.site-s-light body.mcf-child-theme .mcf-home,
html.site-s-light body.mcf-child-theme .mcf-archive-page,
html.site-s-light body.mcf-child-theme .mcf-single-layout,
html.site-s-light body.mcf-child-theme .mcf-page-layout{
    background: #eef3f0 !important;
    background-image: none !important;
}
html.s-light body.mcf-child-theme :is(.mcf-editorial-card, .mcf-lead-card, .mcf-page-hero, .mcf-sidebar-panel),
html.site-s-light body.mcf-child-theme :is(.mcf-editorial-card, .mcf-lead-card, .mcf-page-hero, .mcf-sidebar-panel){
    color: #14202d !important;
    border-color: #d1ddd7 !important;
    background: #fff !important;
    background-image: none !important;
}