/* ==========================================================================
   Thème Shootiful : pages de la boîte Shootiful (/shootiful/, son journal, /shootiful/codb/), chargé après
   kitdepro.css (build.py, option « theme » de site.json) avec la classe .theme-shootiful sur <body>.
   Reprend la charte de l'espace membre Shootiful (shootiful.fr) : Inter Tight, titres en 900, orange #FF6900,
   vert forêt #0B332E (une catégorie sur trois), angles moins arrondis. Le squelette kitdepro (en-tête, pied de
   page) reste le même. Fonctionne surtout en redéfinissant les jetons de couleur de kitdepro.css.
   ========================================================================== */

@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/inter-tight-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/inter-tight-latin-ext-a.woff2) format("woff2");
  unicode-range:U+0100-0130,U+0132-0151,U+0154-017F}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/inter-tight-sup.woff2) format("woff2");unicode-range:U+02B3,U+1D49}

/* ---------- Jetons : l'orange remplace le dégradé pastel partout (mots en avant, barres, jauges…) ---------- */
.theme-shootiful{
  --orange:#ff6900; --orange-600:#f54a00; --orange-400:#ff8904; --forest:#0b332e;
  --peach:var(--orange-400); --coral:var(--orange); --pink:var(--orange); --violet:var(--orange-600);
  --grad:linear-gradient(var(--orange),var(--orange)); --grad-eyebrow:linear-gradient(var(--orange-600),var(--orange-600));
  --accent:#c2410c;
  --tag-violet-bg:#ff6900; --tag-violet:#fff;
  --font:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
  --bg:#fff; --r-lg:12px; --r-xl:16px; --r-2xl:24px;
  font-family:var(--font);
}
.dark .theme-shootiful{--bg:#09090b; --surface:#131316; --accent:var(--orange-400); --grad-eyebrow:linear-gradient(var(--orange-400),var(--orange-400))}

/* Titres pleins (900), mot mis en avant en orange sur sa propre ligne, comme sur shootiful.fr */
.theme-shootiful h1,.theme-shootiful h2,.theme-shootiful .group-title{font-weight:900;letter-spacing:-.025em}
.theme-shootiful .hero h1 em{display:block}
.theme-shootiful .hero-glow{background:radial-gradient(40% 50% at 20% 30%,rgb(255 105 0/.12),transparent 70%),radial-gradient(35% 45% at 80% 25%,rgb(255 137 4/.1),transparent 70%)}

/* Boutons : orange plein, angles doux */
.theme-shootiful .btn{border-radius:8px}
.theme-shootiful .btn-ink{background:var(--orange);color:#fff}
.theme-shootiful .btn-ink:hover{background:var(--orange-600);box-shadow:0 10px 26px rgb(255 105 0/.28)}
.theme-shootiful .top-actions .btn-ink{border-radius:999px}

/* Pastille d'annonce : teinte orange */
.theme-shootiful .hero-pill{background:rgb(255 105 0/.08);box-shadow:inset 0 0 0 1px rgb(255 105 0/.22)}
.theme-shootiful .hero-pill b{color:var(--orange-600)}
.theme-shootiful .hero-pill-badge{background:var(--orange);color:#fff}
.dark .theme-shootiful .hero-pill b{color:var(--orange-400)}

/* Filtres choisis : noir (orange pour « Outils interactifs ») */
.theme-shootiful .chip[aria-pressed="true"]{background:#18181b;color:#fff}
.dark .theme-shootiful .chip[aria-pressed="true"]{background:#f4f4f5;color:#09090b}

/* Catégories : étiquette orange carrée ; une sur trois en vert forêt (couleurs locales redéfinies) */
.theme-shootiful .group{border-radius:var(--r-lg);box-shadow:0 1px 3px rgb(0 0 0/.06),0 20px 25px -5px rgb(228 228 232/.35)}
.dark .theme-shootiful .group{box-shadow:0 0 0 1px #27272a}
.theme-shootiful .group .badge,.theme-shootiful .group:nth-child(n) .badge{border-radius:6px;background:var(--orange);color:#fff;font-weight:500}
.theme-shootiful .group-title{font-size:clamp(24px,3vw,36px)}
.theme-shootiful .group:nth-child(3n+1){
  --ink:#fff; --ink-2:#e4e4e7; --muted:rgb(255 255 255/.72); --faint:rgb(255 255 255/.6);
  --bg:rgb(255 255 255/.05); --surface:rgb(255 255 255/.1); --line:rgb(255 255 255/.14);
  background:var(--forest);box-shadow:0 25px 50px -12px rgb(0 0 0/.25);color:var(--muted)}
.theme-shootiful .group:nth-child(3n+1) .chev{background:transparent;box-shadow:inset 0 0 0 1px rgb(255 255 255/.25);color:#fff}
.theme-shootiful .group:nth-child(3n+1) .tile{border-color:rgb(255 255 255/.1)}
.theme-shootiful .group:nth-child(3n+1) .tile.feature{background:rgb(255 105 0/.16)}
.theme-shootiful .tile.feature{background:#fff4ec}
.dark .theme-shootiful .tile.feature{background:rgb(255 105 0/.1)}

/* Bandeau de l'agenda : orange, texte blanc */
.theme-shootiful .agenda-band{color:#fff}

/* Sur-titres : orange plein (pas de texte découpé dans un dégradé) */
.theme-shootiful .eyebrow{background:none;color:var(--orange-600)}
.dark .theme-shootiful .eyebrow{color:var(--orange-400)}

/* Impression (PDF de la boîte) : mots en avant en orange, catégories à plat (la forêt redevient blanche) */
@media print{
  .theme-shootiful h1 em,.theme-shootiful h2 em{color:var(--orange)}
  .theme-shootiful .group,.theme-shootiful .group:nth-child(3n+1){--ink:#0a0a0c; --muted:#52525b; --faint:#71717b; --bg:#fafafa;
    border-radius:0;background:#fff;box-shadow:none;color:#52525b}
  .theme-shootiful .group .tile{border-color:#e8e8ec;background:#fafafa}
}