/* =====================================================================
   World Wild Watches — skin rétro-moderniste
   Bauhaus (formes primaires, rouge / bleu / jaune) + graphisme suisse
   (grille, grotesque, filets noirs, fer à gauche, beaucoup de blanc).
   ===================================================================== */

:root {
	--w-paper: #f2eee3;
	--w-paper-2: #e8e2d2;
	--w-ink: #141414;
	--w-ink-2: #3d3d3a;
	--w-mute: #77736a;
	--w-red: #e2341d;
	--w-blue: #1c4fa0;
	--w-yellow: #f2b301;
	--w-rule: 2px solid var(--w-ink);
	--w-hair: 1px solid var(--w-ink);
	--w-sans: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--w-head: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--w-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
	--w-wide: 1280px;
	--w-gut: clamp(16px, 3vw, 40px);
	/* variables GeneratePress */
	--contrast: var(--w-ink);
	--contrast-2: var(--w-ink-2);
	--contrast-3: var(--w-mute);
	--base: var(--w-paper-2);
	--base-2: var(--w-paper);
	--base-3: var(--w-paper);
	--accent: var(--w-red);
}

/* ---------- Base ---------- */
html { -webkit-text-size-adjust: 100%; }
body {
	background: var(--w-paper);
	color: var(--w-ink);
	font-family: var(--w-sans);
	font-size: 17px;
	line-height: 1.65;
	font-feature-settings: "ss01", "cv11";
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6,
.entry-title, .main-title, .widget-title {
	font-family: var(--w-head);
	font-weight: 800;
	font-stretch: 100%;
	color: var(--w-ink);
	letter-spacing: -0.02em;
	line-height: 1.06;
}
a { color: var(--w-ink); text-decoration-thickness: 2px; text-underline-offset: 3px; }
a:hover, a:focus { color: var(--w-red); }
::selection { background: var(--w-yellow); color: var(--w-ink); }
:focus-visible { outline: 3px solid var(--w-blue); outline-offset: 2px; }
img { border-radius: 0 !important; }
.grid-container { max-width: var(--w-wide); }

/* GeneratePress : un seul plan, pas de cartes blanches */
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .site-content,
.inside-page-header,
.site-main > * { background: transparent; }
.site, .site-content, .site-header, .main-navigation, .main-navigation ul ul,
.site-footer, .site-info { background: transparent; }
.separate-containers .inside-article { padding: 0; }
.one-container .site-content, .site-content { padding: clamp(28px, 4vw, 56px) var(--w-gut) 0; }
.separate-containers .site-main { margin: 0; }

/* ---------- Bandeau supérieur ---------- */
.wwww-topbar { background: var(--w-ink); color: var(--w-paper); font: 500 11px/1 var(--w-mono); letter-spacing: .08em; text-transform: uppercase; }
.wwww-topbar__in { max-width: var(--w-wide); margin: 0 auto; padding: 10px var(--w-gut); display: flex; gap: 24px; align-items: center; justify-content: space-between; }
.wwww-topbar__tag { flex: 1; text-align: center; color: #bdb8ab; }
.wwww-topbar__lang { display: flex; gap: 4px; }
.wwww-topbar__lang a { color: var(--w-paper); text-decoration: none; padding: 4px 7px; border: 1px solid #555; }
.wwww-topbar__lang a:hover { border-color: var(--w-paper); color: var(--w-paper); }
.wwww-topbar__lang a.is-current { background: var(--w-yellow); border-color: var(--w-yellow); color: var(--w-ink); }

/* ---------- En-tête ---------- */
.site-header { border-bottom: 0; }
.inside-header { padding: clamp(20px, 3vw, 36px) var(--w-gut) clamp(18px, 2.4vw, 28px); display: flex; justify-content: flex-start; }
.site-branding { text-align: left; }
.wwww-brand { margin: 0; font-size: inherit; line-height: 1; }
.wwww-brand a { display: inline-flex; align-items: center; gap: .55em; font-size: clamp(22px, 2.6vw, 34px); text-decoration: none; color: var(--w-ink); }
.wwww-brand a:hover { color: var(--w-ink); }
.wwww-mark { width: 130px; height: auto; flex: none; }
/* Logo à la hauteur du titre sur deux lignes (du haut des capitales de la 1re ligne au bas de la 2e) */
.wwww-brand .wwww-mark { height: 1.64em; width: auto; transition: transform .25s ease; }
.wwww-footer .wwww-mark { width: 150px; }
.wwww-brand a:hover .wwww-mark { transform: translateX(4px); }
.wwww-brand__name {
	font-family: "Monda", var(--w-head); font-weight: 700;
	font-size: 1.04em; line-height: .98; letter-spacing: .015em; text-transform: uppercase; white-space: nowrap;
}
/* Logo empilé et centré : horloges au-dessus, nom en dessous (bureau et mobile) */
.inside-header { justify-content: center; }
.site-branding { text-align: center; }
.site-header .wwww-brand a { flex-direction: column; gap: .3em; font-size: clamp(22px, 2.2vw, 30px); }
.site-header .wwww-brand .wwww-mark { height: 2.9em; }
.site-header .wwww-brand a:hover .wwww-mark { transform: translateY(-2px); }
.site-header .wwww-brand__name { font-size: 25px; }
.wwww-footer .wwww-footer__name { font-family: "Monda", var(--w-head); font-weight: 700; font-stretch: normal; letter-spacing: .015em; line-height: .98; }

/* Navigation : filets noirs, capitales mono, fer à gauche */
.main-navigation#site-navigation { border-top: var(--w-rule); border-bottom: var(--w-rule); }
.main-navigation#site-navigation .inside-navigation { padding: 0 var(--w-gut); justify-content: space-between; }
.main-navigation .main-nav ul li a,
.main-navigation .menu-bar-item > a {
	font: 600 12px/48px var(--w-mono); letter-spacing: .08em; text-transform: uppercase;
	color: var(--w-ink); padding: 0 16px;
}
.main-navigation#site-navigation:not(.toggled) .main-nav > ul > li:first-child > a { padding-left: 0; }
#mobile-header .main-nav ul li a { padding: 0 var(--w-gut); border-bottom: 1px solid var(--w-paper-2); }
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-post-ancestor > a,
.main-navigation .main-nav ul li.current-category-ancestor > a { color: var(--w-red); background: transparent; }
.main-navigation .main-nav ul li.current-menu-item > a { box-shadow: inset 0 -4px 0 var(--w-red); }
.main-navigation .menu-bar-item > a:hover { color: var(--w-red); background: transparent; }

/* En-tête mobile */
#mobile-header { background: var(--w-paper); border-bottom: var(--w-rule); }
#mobile-header .main-title, #mobile-header .main-title a {
	font-family: var(--w-head); font-weight: 900; font-stretch: 125%; text-transform: uppercase;
	font-size: 17px; letter-spacing: -0.01em; color: var(--w-ink);
}
/* Logo seul, à gauche ; nom masqué visuellement mais conservé pour les lecteurs d'écran */
#mobile-header .inside-navigation { min-height: 60px; }
#mobile-header .navigation-branding { height: 60px; margin: 0; display: flex; align-items: center; }
#mobile-header .wwww-brand { margin: 0 !important; height: 100%; display: flex; align-items: center; }
#mobile-header .wwww-brand a { font-size: 15px; gap: 0; display: flex; align-items: center; }
#mobile-header .wwww-brand .wwww-mark { height: 46px; width: auto; display: block; }
#mobile-header .wwww-brand a:hover .wwww-mark { transform: none; }
#mobile-header .wwww-brand--wordmark a { font-size: clamp(13px, calc((100vw - 132px) / 16), 22px); }
#mobile-header .menu-bar-items { margin-left: auto; }
#mobile-header .menu-bar-items, #mobile-header .menu-toggle { height: 60px; display: flex; align-items: center; }
#mobile-header .menu-toggle .mobile-menu { display: none; }
#mobile-header .inside-navigation { padding-left: var(--w-gut); padding-right: calc(var(--w-gut) - 12px); }
.wp-block-post-terms a, .wwww-kicker a { color: var(--w-red) !important; }
.main-navigation .menu-toggle { color: var(--w-ink); font: 600 12px var(--w-mono); text-transform: uppercase; letter-spacing: .08em; }
.main-navigation.toggled .main-nav > ul, #mobile-header.toggled .main-nav > ul { background: var(--w-paper); border-top: var(--w-hair); }

/* Recherche plein écran */
.gp-modal__overlay { background: rgba(242, 238, 227, .97); }
.search-modal-fields { border-bottom: 4px solid var(--w-ink); background: transparent; }
.search-modal-form .search-field { font: 800 clamp(24px, 4vw, 44px)/1.1 var(--w-head); background: transparent; color: var(--w-ink); }

/* ---------- Étiquettes communes ---------- */
.wwww-kicker,
.wp-block-post-terms,
.wp-block-post-date,
.entry-meta,
.wwww-readtime {
	font: 600 11.5px/1.4 var(--w-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--w-mute);
}
.wwww-kicker a, .wp-block-post-terms a { color: var(--w-red); text-decoration: none; }
.wwww-kicker a:hover, .wp-block-post-terms a:hover { color: var(--w-ink); }

/* ---------- Pages ---------- */
.home .entry-content, .page .entry-content { margin-top: 0; }
/* ---------- Article ---------- */
.single .inside-article { display: flex; flex-direction: column; }
.single .inside-article > .entry-header { order: 1; }
.single .inside-article > .featured-image { order: 2; }
.single .inside-article > .entry-content { order: 3; }
.single .inside-article > footer.entry-meta { order: 4; }

.single .entry-header { max-width: 1040px; padding-bottom: clamp(20px, 2.5vw, 32px); }
.single .wwww-kicker { margin-bottom: 18px; font-size: 12px; }
.single .wwww-kicker::before { content: ""; display: inline-block; width: 10px; height: 10px; background: var(--w-red); border-radius: 50%; margin-right: 10px; vertical-align: 0; }
.single .entry-title { font-size: clamp(36px, 5.4vw, 74px); line-height: 1; font-weight: 850; letter-spacing: -0.03em; margin-bottom: 26px; text-wrap: balance; }
.single .entry-header .entry-meta { display: flex; flex-wrap: wrap; gap: 6px 22px; border-top: var(--w-rule); padding-top: 12px; margin: 0; color: var(--w-ink); }
.single .entry-header .entry-meta a { color: var(--w-ink); text-decoration: none; }
.single .wwww-readtime { margin-top: -21px; text-align: right; color: var(--w-ink); }
.single .featured-image { margin: 0 0 clamp(28px, 4vw, 52px) !important; position: relative; }
.single .featured-image::after { content: ""; position: absolute; right: 0; bottom: -14px; width: 28%; height: 14px; background: var(--w-yellow); }
.single .featured-image img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }

/* Colonne de texte décalée sur la grille (col. 4 à 11) */
.single .entry-content { max-width: 720px; margin: 0 0 0 calc(25% + 0px); font-size: 18px; line-height: 1.7; }
.single .entry-content > p:first-child { font-size: 21px; line-height: 1.5; font-weight: 500; color: var(--w-ink); letter-spacing: -0.005em; }
.single .entry-content > p:first-child::first-letter {
	float: left; font: 900 4.1em/0.8 var(--w-head); font-stretch: 125%; margin: 6px 12px 0 0; color: var(--w-red);
}
.entry-content h2 {
	font-size: clamp(26px, 2.6vw, 34px); margin: 2.2em 0 .7em; padding-top: 16px; border-top: var(--w-rule); position: relative;
}
.entry-content h2::before { content: ""; position: absolute; top: -2px; left: 0; width: 64px; height: 6px; background: var(--w-red); }
.entry-content h3 { font-size: clamp(20px, 1.8vw, 24px); margin: 1.8em 0 .6em; font-weight: 750; }
.entry-content h3::before { content: ""; display: inline-block; width: .55em; height: .55em; background: var(--w-blue); margin-right: .5em; vertical-align: .08em; }
.entry-content a { color: var(--w-ink); text-decoration-color: var(--w-red); }
.entry-content a:hover { background: var(--w-yellow); color: var(--w-ink); }
.entry-content ul { list-style: none; margin-left: 0; padding-left: 0; }
.entry-content ul > li { position: relative; padding-left: 1.5em; margin-bottom: .55em; }
.entry-content ul > li::before { content: ""; position: absolute; left: 0; top: .62em; width: .5em; height: .5em; background: var(--w-red); }
.entry-content ol { padding-left: 1.4em; }
.entry-content ol > li::marker { font: 700 .85em var(--w-mono); color: var(--w-red); }
.entry-content strong { font-weight: 650; }
.entry-content blockquote, .wp-block-quote, .wp-block-pullquote {
	border-left: 8px solid var(--w-blue); background: transparent; margin: 2em 0; padding: .2em 0 .2em 1.2em;
	font: 700 clamp(22px, 2.2vw, 28px)/1.25 var(--w-head); font-style: normal;
}
.entry-content figure.wp-block-image { margin: 2.2em 0; }
.entry-content figure.wp-block-image img { width: 100%; height: auto; }
.entry-content figcaption, .wp-element-caption {
	font: 500 11.5px/1.5 var(--w-mono); letter-spacing: .04em; color: var(--w-mute); text-align: left; margin-top: 10px;
	padding-top: 8px; border-top: var(--w-hair);
}
.entry-content table { border-collapse: collapse; font-size: 15px; }
.entry-content th { font: 700 11.5px var(--w-mono); text-transform: uppercase; letter-spacing: .08em; text-align: left; border-bottom: var(--w-rule); }
.entry-content td { border-bottom: var(--w-hair); }
.entry-content hr { border: 0; border-top: var(--w-rule); }
.entry-content > p:last-child em { font-family: var(--w-mono); font-style: normal; font-size: 12.5px; color: var(--w-mute); }

/* Sommaire (Easy Table of Contents) */
#ez-toc-container {
	background: var(--w-paper-2) !important; border: 0 !important; border-top: 6px solid var(--w-ink) !important;
	border-radius: 0 !important; box-shadow: none !important; padding: 18px 22px 16px !important; margin: 2em 0 !important;
	width: 100% !important; display: block;
}
#ez-toc-container .ez-toc-title { font: 700 12px var(--w-mono) !important; text-transform: uppercase; letter-spacing: .1em; color: var(--w-ink) !important; }
#ez-toc-container ul li::before { display: none; }
#ez-toc-container ul li { padding-left: 0; margin: 0; }
#ez-toc-container nav > ul > li { border-top: var(--w-hair); padding: 6px 0; }
#ez-toc-container a { font: 600 15px/1.35 var(--w-head) !important; text-decoration: none; color: var(--w-ink) !important; }
#ez-toc-container a:hover { color: var(--w-red) !important; background: none; }
#ez-toc-container ul ul a { font-weight: 500 !important; font-size: 14px !important; }
#ez-toc-container .ez-toc-counter nav ul li a::before, .ez-toc-counter nav ul li a::before { color: var(--w-red); font-family: var(--w-mono); font-weight: 700; }

/* Pied d'article : étiquettes + précédent / suivant */
.single footer.entry-meta { margin: 3em 0 0 25%; max-width: 720px; border-top: var(--w-rule); padding-top: 14px; }
.single footer.entry-meta .gp-icon { display: none; }
.single footer.entry-meta .cat-links a, .single footer.entry-meta .tags-links a {
	display: inline-block; border: var(--w-hair); padding: 3px 8px; margin: 0 4px 6px 0; color: var(--w-ink); text-decoration: none;
}
.single footer.entry-meta .cat-links a:hover, .single footer.entry-meta .tags-links a:hover { background: var(--w-ink); color: var(--w-paper); }
.post-navigation { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 18px; }
.post-navigation .nav-next { text-align: right; }
.post-navigation a { font: 700 16px/1.25 var(--w-head); text-transform: none; letter-spacing: -0.01em; color: var(--w-ink); text-decoration: none; }
.post-navigation .nav-previous::before, .post-navigation .nav-next::before { display: block; font: 600 11px var(--w-mono); color: var(--w-mute); letter-spacing: .08em; margin-bottom: 6px; }
.post-navigation .nav-previous::before { content: "←"; }
.post-navigation .nav-next::before { content: "→"; }

/* À lire aussi */
.wwww-more { margin: clamp(48px, 6vw, 88px) 0 0; border-top: 6px solid var(--w-ink); padding-top: 18px; }
.wwww-more__title { font: 700 12px var(--w-mono); text-transform: uppercase; letter-spacing: .1em; margin: 0 0 22px; color: var(--w-ink); }
.wwww-more__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 2.6vw, 36px); counter-reset: m; }
.wwww-more__item { counter-increment: m; border-top: var(--w-rule); padding-top: 12px; position: relative; }
.wwww-more__item::after { content: counter(m, decimal-leading-zero); position: absolute; top: 10px; right: 0; font: 700 12px var(--w-mono); }
.wwww-more__item a { display: flex; flex-direction: column; gap: 10px; text-decoration: none; }
.wwww-more__item img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; order: 1; }
.wwww-more__cat { font: 600 11px var(--w-mono); color: var(--w-red); text-transform: uppercase; letter-spacing: .08em; order: 0; }
.wwww-more__name { font: 750 19px/1.15 var(--w-head); color: var(--w-ink); letter-spacing: -0.015em; order: 2; }
.wwww-more__item a:hover .wwww-more__name { color: var(--w-red); }

/* Commentaires */
.comments-area { margin: clamp(48px, 6vw, 88px) 0 0 25% !important; max-width: 720px; padding: 0 !important; }
.comment-form textarea { border: var(--w-rule); }
.comment-reply-title, .comments-title { font: 700 12px var(--w-mono) !important; text-transform: uppercase; letter-spacing: .1em; border-top: var(--w-rule); padding-top: 12px; }
input[type="text"], input[type="email"], input[type="url"], input[type="search"], textarea, select {
	background: transparent; border: 0; border-bottom: var(--w-rule); border-radius: 0; color: var(--w-ink); font-family: var(--w-sans);
}
input:focus, textarea:focus { background: var(--w-paper-2); border-color: var(--w-blue); }
button, input[type="submit"], .button, .wp-block-button__link {
	background: var(--w-ink); color: var(--w-paper); border: 0; border-radius: 0;
	font: 600 12px/1 var(--w-mono); letter-spacing: .1em; text-transform: uppercase; padding: 16px 22px;
}
button:hover, input[type="submit"]:hover, .button:hover, .wp-block-button__link:hover { background: var(--w-red); color: var(--w-paper); }

/* ---------- Archives (rubriques, étiquettes, recherche) ---------- */
.archive .page-header, .search .page-header { border-bottom: 6px solid var(--w-ink); padding: 0 0 18px; margin-bottom: 0; }
.archive .page-title, .search .page-title { font-size: clamp(40px, 6vw, 88px); font-stretch: 112%; text-transform: uppercase; letter-spacing: -0.03em; line-height: .95; }
.archive .taxonomy-description { font-size: 18px; max-width: 640px; color: var(--w-ink-2); }
.blog .site-main, .archive .site-main, .search .site-main { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px clamp(20px, 2.6vw, 36px); }
.blog .site-main > :not(article), .archive .site-main > :not(article), .search .site-main > :not(article) { grid-column: 1 / -1; }
.archive article.post, .blog article.post, .search article { border-top: var(--w-rule); padding-top: 14px; margin: 0 !important; }
.archive article .inside-article, .blog article .inside-article, .search article .inside-article { display: flex; flex-direction: column; gap: 10px; }
.archive article .post-image, .blog article .post-image, .search article .post-image { order: -1; margin: 0 !important; }
.archive article .post-image img, .blog article .post-image img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; }
.archive .entry-title, .blog .entry-title, .search .entry-title { font-size: clamp(20px, 1.7vw, 25px); font-weight: 750; line-height: 1.12; }
.archive .entry-title a, .blog .entry-title a, .search .entry-title a { text-decoration: none; }
.archive .entry-summary, .blog .entry-summary, .search .entry-summary { font-size: 15px; line-height: 1.55; color: var(--w-ink-2); margin: 0; }
.archive .entry-summary p, .blog .entry-summary p { margin: 0; }
.archive footer.entry-meta, .blog footer.entry-meta, .search footer.entry-meta, .read-more-container { display: none; }
/* Numérotation des cartes + rubrique au-dessus du titre */
.blog .site-main, .archive .site-main, .search .site-main { counter-reset: wwww-n; }
.blog article.post, .archive article.post, .search article { counter-increment: wwww-n; position: relative; }
.blog article.post::before, .archive article.post::before, .search article::before {
	content: counter(wwww-n, decimal-leading-zero); position: absolute; top: 12px; right: 0; font: 700 12px/1 var(--w-mono); letter-spacing: .06em;
}
.blog .entry-header, .archive .entry-header, .search .entry-header { display: flex; flex-direction: column; gap: 8px; padding-right: 2.5em; }
.blog .entry-header .wwww-kicker, .archive .entry-header .wwww-kicker { order: -1; }
.blog article .post-image, .archive article .post-image { overflow: hidden; background: var(--w-paper-2); }
.blog article .post-image img, .archive article .post-image img { transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.blog article:hover .post-image img, .archive article:hover .post-image img { transform: scale(1.025); }
.blog .entry-title a, .archive .entry-title a { background: linear-gradient(var(--w-red), var(--w-red)) 0 100% / 0 3px no-repeat; transition: background-size .3s; }
.blog article:hover .entry-title a, .archive article:hover .entry-title a { background-size: 100% 3px; color: var(--w-ink); }
.blog .entry-header .entry-meta, .archive .entry-header .entry-meta { order: 2; }
.blog .entry-meta .byline, .archive .entry-meta .byline { display: none; }
.blog .post-image, .archive .post-image { order: -1; }

/* Accueil (page 1) : article à la une en composition asymétrique 7/5 */
@media (min-width: 900px) {
	.home.blog:not(.paged) .site-main > article:first-of-type { grid-column: 1 / -1; border-top: 6px solid var(--w-ink); padding-top: 24px; }
	.home.blog:not(.paged) .site-main > article:first-of-type .inside-article {
		display: grid; grid-template-columns: 7fr 5fr; grid-template-rows: auto 1fr; column-gap: clamp(24px, 3vw, 48px); row-gap: 18px;
	}
	.home.blog:not(.paged) .site-main > article:first-of-type .post-image { grid-column: 1; grid-row: 1 / span 2; }
	.home.blog:not(.paged) .site-main > article:first-of-type .post-image img { aspect-ratio: 4 / 3; height: 100%; }
	.home.blog:not(.paged) .site-main > article:first-of-type .entry-header { grid-column: 2; grid-row: 1; padding-top: 4px; }
	.home.blog:not(.paged) .site-main > article:first-of-type .entry-title { font-size: clamp(34px, 3.6vw, 54px); line-height: 1.02; font-weight: 850; }
	.home.blog:not(.paged) .site-main > article:first-of-type .entry-summary { grid-column: 2; grid-row: 2; font-size: 17px; align-self: end; padding-bottom: 72px; position: relative; }
	.home.blog:not(.paged) .site-main > article:first-of-type .entry-summary::after {
		content: ""; position: absolute; left: 0; bottom: 0; width: 120px; height: 40px;
		background:
			radial-gradient(circle at 20px 20px, var(--w-red) 19.5px, transparent 20px),
			linear-gradient(var(--w-blue), var(--w-blue)) 48px 0 / 40px 40px no-repeat;
	}
	.home.blog:not(.paged) .site-main > article:first-of-type::before { top: 22px; font-size: 13px; }
}

.paging-navigation, .nav-links { font: 600 13px var(--w-mono); text-transform: uppercase; letter-spacing: .08em; }
.nav-links .page-numbers { display: inline-block; min-width: 40px; padding: 8px 10px; border: var(--w-rule); text-align: center; text-decoration: none; margin-right: 6px; }
.nav-links .page-numbers.current { background: var(--w-ink); color: var(--w-paper); }

/* Fil d'Ariane Yoast (si affiché) */
.yoast-breadcrumbs, #breadcrumbs { font: 600 11px var(--w-mono); text-transform: uppercase; letter-spacing: .08em; color: var(--w-mute); }

/* ---------- Pied de page ---------- */
.site-footer { margin-top: 0; }
.wwww-footer { background: var(--w-ink); color: var(--w-paper); position: relative; overflow: hidden; margin-top: clamp(64px, 8vw, 120px); }
.wwww-footer::before {
	content: ""; position: absolute; right: -130px; top: -130px; width: 260px; height: 260px; border-radius: 50%; background: var(--w-red);
}
.wwww-footer::after { content: ""; position: absolute; right: 0; bottom: 0; width: 72px; height: 72px; background: var(--w-blue); box-shadow: -72px 0 0 var(--w-yellow); }
#ez-toc-container .ez-toc-cssicon-toggle-label { float: right; margin-top: -26px; }
#ez-toc-container .ez-toc-cssicon-toggle-label svg { fill: var(--w-ink); color: var(--w-ink); }
.wwww-footer__in { position: relative; z-index: 1; max-width: var(--w-wide); margin: 0 auto; padding: clamp(48px, 6vw, 88px) var(--w-gut); display: grid; grid-template-columns: 1.4fr 1.3fr 1fr .8fr; gap: clamp(24px, 4vw, 56px); }
.wwww-footer__name { font: 900 clamp(28px, 3vw, 40px)/.92 var(--w-head); font-stretch: 125%; text-transform: uppercase; margin: 18px 0 0; color: var(--w-paper); }
.wwww-footer h2 { font: 700 11.5px var(--w-mono); text-transform: uppercase; letter-spacing: .1em; color: var(--w-yellow); border-top: 1px solid #444; padding-top: 12px; margin-bottom: 14px; }
.wwww-footer p { font-size: 15px; line-height: 1.6; color: #cfcabe; margin: 0; }
.wwww-footer ul { list-style: none; margin: 0; padding: 0; }
.wwww-footer li { margin: 0 0 8px; }
.wwww-footer a { color: var(--w-paper); text-decoration: none; font: 700 16px var(--w-head); }
.wwww-footer a:hover { color: var(--w-yellow); }
.site-info { background: var(--w-ink) !important; color: #8f8a7e; border-top: 1px solid #333; }
.inside-site-info { padding: 16px var(--w-gut); justify-content: flex-start; }
.copyright-bar { font: 500 11px var(--w-mono); letter-spacing: .08em; text-transform: uppercase; text-align: left; }

/* Bouton retour en haut (élément GP) */
.btn-nav-top { background: var(--w-ink) !important; color: var(--w-paper) !important; border-radius: 0 !important; font-family: var(--w-mono) !important; }

/* ---------- Tablette / mobile ---------- */
@media (max-width: 1024px) {
	.single .entry-content, .single footer.entry-meta, .comments-area { margin-left: 12%; }
	.blog .site-main, .archive .site-main, .search .site-main, .wwww-more__list { grid-template-columns: repeat(2, 1fr); }
	.wwww-footer__in { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
	body { font-size: 16.5px; }
	.wwww-topbar__tag { display: none; }
	.wwww-topbar__in { padding-top: 8px; padding-bottom: 8px; }
	.single .entry-content, .single footer.entry-meta, .comments-area { margin-left: 0; max-width: none; }
	.single .entry-content { font-size: 17px; }
	.single .entry-content > p:first-child { font-size: 19px; }
	.single .entry-content > p:first-child::first-letter { font-size: 3.2em; margin-right: 8px; }
	.single .wwww-readtime { margin-top: 8px; text-align: left; }
	.single .featured-image { margin-left: calc(-1 * var(--w-gut)) !important; margin-right: calc(-1 * var(--w-gut)) !important; }
	.blog .site-main, .archive .site-main, .search .site-main, .wwww-more__list { grid-template-columns: 1fr; }
	.post-navigation { grid-template-columns: 1fr; }
	.post-navigation .nav-next { text-align: left; }
	.wwww-footer__in { grid-template-columns: 1fr; }
	.wwww-footer::before { width: 220px; height: 220px; right: -90px; top: -90px; }
	.wwww-footer::after { right: 24px; width: 64px; height: 64px; }
}
@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; }
}

/* ---------- Retour en haut ---------- */
.wwww-top {
	position: fixed; z-index: 999; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom));
	width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; cursor: pointer;
	display: grid; place-items: center; background: var(--w-red); color: var(--w-paper);
	box-shadow: 6px 6px 0 var(--w-ink);
	opacity: 0; visibility: hidden; transform: translateY(12px);
	transition: opacity .25s, transform .25s, visibility .25s, box-shadow .2s;
	-webkit-tap-highlight-color: transparent; touch-action: manipulation;
}
.wwww-top.is-visible { opacity: 1; visibility: visible; transform: none; }
.wwww-top:hover { background: var(--w-red); box-shadow: 3px 3px 0 var(--w-blue); }
.wwww-top:focus-visible { outline: 3px solid var(--w-yellow); outline-offset: 3px; }
@media (max-width: 768px) { .wwww-top { width: 44px; height: 44px; } }
@media (prefers-reduced-motion: reduce) { .wwww-top { transition: none; } }

/* ---------- Ancres (sommaire) : le titre visé s'arrête sous l'en-tête fixe ---------- */
html:root { scroll-behavior: smooth; scroll-padding-top: 32px; }
@media (max-width: 768px) { html:root { scroll-padding-top: 98px; } } /* en-tête mobile collant : 76 px */

/* ---------- En-tête mobile : logo empilé et centré (horloges + nom), icônes à droite ---------- */
#mobile-header .inside-navigation { position: relative; min-height: 76px; }
#mobile-header .navigation-branding {
	position: absolute; top: 0; left: 50%; transform: translateX(-50%);
	height: 76px; margin: 0; display: flex; align-items: center; z-index: 2;
}
#mobile-header .wwww-brand a { flex-direction: column; gap: 5px; font-size: 13px; }
#mobile-header .wwww-brand .wwww-mark { height: 36px; }
#mobile-header .wwww-brand__name { font-size: 13px; letter-spacing: .03em; }
#mobile-header .menu-bar-items, #mobile-header .menu-toggle { height: 76px; }
@media (prefers-reduced-motion: reduce) { html:root { scroll-behavior: auto; } }
.single .entry-content :is(h2, h3) .ez-toc-section { scroll-margin-top: 18px; } /* laisse voir le filet rouge du h2 */