/*
Theme Name: G-impact
Template: generatepress
Description: Thème enfant G-impact (GeneratePress), même univers graphique qu'Autonomus avec l'orange en accent.
Version: 0.1.0
Author: Annka
Text Domain: g-impact
*/

@font-face{font-family:"Space Grotesk";src:url("/wp-content/uploads/g-impact-fonts/space-grotesk-var.woff2") format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Space Mono";src:url("/wp-content/uploads/g-impact-fonts/space-mono-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Space Mono";src:url("/wp-content/uploads/g-impact-fonts/space-mono-700.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --gi-bg:#F3F3F1; --gi-surface:#fff; --gi-ink:#0D0D0D; --gi-line:#E5E5E0;
  --gi-orange:#FF7420; --gi-orange-soft:#FFE3D1; --gi-orange-dark:#C2410C;
  --gi-border:2px solid #0D0D0D; --gi-shadow:4px 4px 0 #0D0D0D; --gi-shadow-lg:8px 8px 0 #0D0D0D;
  --gi-head:"Space Grotesk",system-ui,sans-serif; --gi-body:"Space Grotesk",system-ui,sans-serif; --gi-mono:"Space Mono",ui-monospace,monospace;
  --gi-wrap:1160px; --gi-air:clamp(20px,4vw,48px);
}
*,*::before,*::after{box-sizing:border-box}
body.gi{margin:0;background:var(--gi-bg);color:var(--gi-ink);font-family:var(--gi-body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}
.gi img{max-width:100%;height:auto}
.gi a{color:var(--gi-ink);text-decoration-thickness:2px;text-underline-offset:3px}
.gi a:hover{color:var(--gi-orange-dark)}
.gi :focus-visible{outline:3px solid var(--gi-orange);outline-offset:3px}
.gi-wrap{max-width:var(--gi-wrap);margin:0 auto;padding:0 var(--gi-air)}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;border:var(--gi-border);z-index:99}

.gi h1,.gi h2,.gi h3{font-family:var(--gi-head);font-weight:700;letter-spacing:-.035em;line-height:1.05;margin:0 0 .5em}
.gi h1{font-size:clamp(2.3rem,6vw,4.4rem)}
.gi h2{font-size:clamp(1.7rem,3.6vw,2.6rem)}
.gi h3{font-size:1.35rem;letter-spacing:-.02em}
.gi-label{font-family:var(--gi-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.gi-label::before{content:"[ "}.gi-label::after{content:" ]"}

.gi-bar{background:var(--gi-ink);color:#fff;font-family:var(--gi-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;padding:8px 0}
.gi-bar b{color:var(--gi-orange)}
.gi-head{background:var(--gi-surface);border-bottom:var(--gi-border)}
.gi-head .gi-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.gi-brand{display:flex;align-items:center;gap:12px;text-decoration:none!important;font-weight:700;font-size:1.4rem;letter-spacing:-.03em}
.gi-brand img{width:56px;height:56px;object-fit:contain}
.gi-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.gi-nav a{display:block;padding:8px 14px;border:2px solid transparent;font-family:var(--gi-mono);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;font-weight:700}
.gi-nav a:hover,.gi-nav .current-menu-item a{border-color:var(--gi-ink);background:var(--gi-orange);color:var(--gi-ink)}

.gi-btn{display:inline-block;padding:14px 22px;background:var(--gi-orange);color:var(--gi-ink)!important;border:var(--gi-border);box-shadow:var(--gi-shadow);font-weight:700;text-decoration:none!important;transition:transform .12s,box-shadow .12s}
.gi-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--gi-ink)}
.gi-btn--ghost{background:var(--gi-surface)}
.gi-btns{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}

.gi-hero{padding:64px 0 56px}
.gi-hero .gi-wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}
.gi-hero p.lead{font-size:1.25rem;max-width:34em}
.gi-hero figure{margin:0;background:var(--gi-surface);border:var(--gi-border);box-shadow:var(--gi-shadow-lg);padding:20px}
.gi-section{padding:56px 0;border-top:var(--gi-border)}
.gi-section--alt{background:var(--gi-surface)}
.gi-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:28px}
.gi-card{background:var(--gi-surface);border:var(--gi-border);box-shadow:var(--gi-shadow);padding:24px}
.gi-section--alt .gi-card{background:var(--gi-bg)}
.gi-card h3{margin-top:10px}
.gi-card p{margin:0}
.gi-card--orange{background:var(--gi-orange)!important}
.gi-tag{display:inline-block;font-family:var(--gi-mono);font-size:.72rem;text-transform:uppercase;font-weight:700;padding:3px 9px;border:2px solid var(--gi-ink);background:var(--gi-orange);margin-bottom:6px}
.gi-tag--soft{background:var(--gi-surface)}
.gi-steps{counter-reset:s;list-style:none;padding:0;margin:28px 0 0;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.gi-steps li{counter-increment:s;background:var(--gi-surface);border:var(--gi-border);box-shadow:var(--gi-shadow);padding:24px}
.gi-steps li::before{content:"0" counter(s);font-family:var(--gi-mono);font-weight:700;font-size:1.6rem;color:var(--gi-orange-dark);display:block;margin-bottom:6px}
.gi-rules{background:var(--gi-ink);color:#fff;padding:36px 0}
.gi-rules ul{margin:14px 0 0;padding-left:1.1em}.gi-rules li{margin:4px 0}
.gi-rules .gi-label{color:var(--gi-orange)}

.gi-page{padding:56px 0 72px}
.gi-page .gi-wrap{max-width:1000px}
.gi-page .entry h2{margin-top:1.4em}
.gi-page .entry ul{padding-left:1.2em}
.gi-page .gi-grid{margin-top:16px}
.gi-page .entry{background:var(--gi-surface);border:var(--gi-border);box-shadow:var(--gi-shadow);padding:clamp(20px,4vw,40px)}
.gi-page .entry>*:first-child{margin-top:0}

.gi-foot{border-top:var(--gi-border);background:var(--gi-surface);padding:28px 0;font-size:.95rem}
.gi-foot .gi-wrap{display:flex;gap:16px 32px;justify-content:space-between;flex-wrap:wrap}
.gi-foot .gi-label{font-size:.72rem}

@media (max-width:780px){
  .gi-hero .gi-wrap{grid-template-columns:1fr}
  .gi-hero{padding:40px 0}
  .gi-hero figure{max-width:340px}
}
@media (prefers-reduced-motion:reduce){.gi-btn{transition:none}}