/* G3 Theme - styles globaux */

*, *::before, *::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	color: inherit;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Squelette pages (placeholder, supprimer au fur et a mesure des templates dedies) */
.g3-fallback,
.g3-blog,
.g3-article {
	padding: 4rem 1.5rem;
	max-width: 1200px;
	margin: 0 auto;
}

.g3-fallback h1,
.g3-blog h1,
.g3-article h1 {
	font-family: var(--wp--preset--font-family--display);
	margin: 0 0 1rem;
}

.g3-fallback p,
.g3-blog p {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--lead);
	color: var(--wp--preset--color--aubergine);
}

/* Wrapper main */
.g3-site-main {
	min-height: 50vh;
}

/* ============================================================
   Composants partagés (home + blog) — handoff néo-brutaliste G3
   ============================================================ */
.g3-eyebrow{font-family:var(--g3-font-mono);font-size:12px;color:var(--g3-accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:28px}

/* Carte article (section "Le Mag" de la home + grille du blog) */
.g3-feat-card{text-decoration:none;color:inherit;background:var(--g3-paper);border:2px solid var(--g3-ink);box-shadow:10px 10px 0 var(--g3-ink);display:flex;flex-direction:column}
.g3-feat-card__img{display:block;border-bottom:2px solid var(--g3-ink);background:var(--g3-paper-soft)}
.g3-feat-card__img img{width:100%;height:280px;object-fit:cover;display:block}
.g3-feat-card__img[data-empty]{min-height:280px}
.g3-feat-card__body{padding:28px 30px;display:flex;flex-direction:column;justify-content:space-between;flex:1}
.g3-feat-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.g3-feat-card__kicker{padding:5px 11px;font-family:var(--g3-font-mono);font-size:11px;letter-spacing:.14em}
.g3-feat-card__read{font-family:var(--g3-font-mono);font-size:11px;color:var(--g3-ink-soft);letter-spacing:.06em}
.g3-feat-card__title{display:block;font-family:var(--g3-font-display);font-size:30px;line-height:1;color:var(--g3-ink);text-transform:uppercase;letter-spacing:-.005em}
.g3-feat-card__more{display:block;font-family:var(--g3-font-mono);font-size:11px;color:var(--g3-ink-soft);letter-spacing:.06em;margin-top:22px}
.g3-kicker-0{background:var(--g3-accent);color:var(--g3-paper)}
.g3-kicker-1{background:var(--g3-accent2);color:var(--g3-ink)}
.g3-kicker-2{background:var(--g3-yellow);color:var(--g3-ink)}
.g3-kicker-3{background:var(--g3-ink);color:var(--g3-paper)}
.g3-kicker-4{background:var(--g3-accent2);color:var(--g3-ink)}
.g3-kicker-5{background:var(--g3-accent);color:var(--g3-paper)}

/* Hero image pleine largeur (home + blog "Le Mag") */
.g3-hero{background:var(--g3-paper)}
.g3-hero img{width:100%;height:620px;object-fit:cover;display:block;border-top:2px solid var(--g3-ink);border-bottom:2px solid var(--g3-ink)}
@media (max-width:760px){.g3-hero img{height:320px}}

/* Alignements Gutenberg dans le contenu (le reset img{display:block} neutralise
   le centrage natif WordPress — on le rétablit pour aligncenter). */
figure.aligncenter,
img.aligncenter{margin-left:auto;margin-right:auto}
figure.aligncenter img{margin-left:auto;margin-right:auto}
figure.aligncenter figcaption{text-align:center}

/* 404 */
.g3-404{background:var(--g3-paper);padding:130px 56px 150px;text-align:center}
.g3-404__eyebrow{font-family:var(--g3-font-mono);font-size:12px;color:var(--g3-accent);letter-spacing:.18em;text-transform:uppercase}
.g3-404__code{font-family:var(--g3-font-display);font-size:clamp(120px,22vw,260px);line-height:.86;letter-spacing:-.03em;color:var(--g3-accent);margin:18px 0 0}
.g3-404__title{font-family:var(--g3-font-display);font-size:clamp(40px,7vw,84px);line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:var(--g3-ink);margin:6px 0 0}
.g3-404__text{font-family:var(--g3-font-body);font-size:20px;line-height:1.5;color:var(--g3-ink);max-width:620px;margin:26px auto 0}
.g3-404__actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:44px}
.g3-404__btn{display:inline-block;background:var(--g3-ink);color:var(--g3-paper);font-family:var(--g3-font-fat);font-size:14px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;padding:16px 30px;border:var(--g3-border);box-shadow:var(--g3-shadow-cta);transition:transform .12s ease,box-shadow .12s ease}
.g3-404__btn:hover,.g3-404__btn:focus-visible{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--g3-accent)}
.g3-404__btn--lime{background:var(--g3-accent2);color:var(--g3-ink);box-shadow:var(--g3-shadow-6)}
.g3-404__btn--lime:hover,.g3-404__btn--lime:focus-visible{box-shadow:var(--g3-shadow-8)}
@media(max-width:760px){.g3-404{padding:72px 20px 84px}.g3-404__text{font-size:16px}}