/* Jem Stables : identité du site. Polices hébergées sur le site (OFL) : Bricolage Grotesque, Figtree. */
@font-face{font-family:"Jem Titre";src:url("fonts/bricolage-var.woff2") format("woff2");font-weight:400 800;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Jem Texte";src:url("fonts/figtree-var.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:"Jem Texte";src:url("fonts/figtree-italic-var.woff2") format("woff2");font-weight:300 900;font-style:italic;font-display:swap}

:root{
  --jem-encre:#1D2A24;--jem-fond:#FBF8F2;--jem-fond2:#F2EBDD;--jem-blanc:#FFFFFF;--jem-ligne:#DCD2BF;
  --jem-alezan:#A84A1F;--jem-alezan-f:#8A3B16;--jem-gemme:#C2622D;--jem-pre:#355A3E;--jem-pre-f:#25432D;
  --jem-gris:#5B6B62;--jem-nuit:#1D2A24;--jem-nuit-texte:#E7EEE8;--jem-nuit-accent:#E9A577;
  --jem-r-reproduction:#8C4A6B;--jem-r-gestation:#3E6A8A;--jem-r-naissance:#A84A1F;--jem-r-sante:#2F7A6A;
  --jem-r-papiers:#6B5A2E;--jem-r-marche:#5A4F8C;--jem-r-croissance:#4E7A35;
  --jem-titre:"Jem Titre",ui-sans-serif,system-ui,sans-serif;--jem-texte:"Jem Texte",ui-sans-serif,system-ui,sans-serif;
  --jem-rayon:14px;
}
html,body{overflow-x:clip}
body.jem-site{margin:0;background:var(--jem-fond);color:var(--jem-encre);font-family:var(--jem-texte);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
body.jem-site *,body.jem-site *::before,body.jem-site *::after{box-sizing:border-box}
.jem-site img{max-width:100%;height:auto}
.jem-site a{color:var(--jem-pre)}
.jem-site a:hover{color:var(--jem-pre-f)}
.jem-site :focus-visible{outline:3px solid var(--jem-gemme);outline-offset:2px}
.jem-cadre{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}
.jem-cadre-texte{max-width:780px}
.jem-saut{position:absolute;left:-9999px;top:0;background:var(--jem-encre);color:#fff;padding:8px 12px;z-index:100}
.jem-saut:focus{left:8px;top:8px;color:#fff}
.jem-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.jem-site h1,.jem-site h2,.jem-site h3{font-family:var(--jem-titre);color:inherit;line-height:1.15;letter-spacing:-.01em}
.jem-site h1{font-size:clamp(2rem,1.3rem + 3vw,3.3rem);font-weight:800;margin:.2em 0 .35em;font-stretch:88%}
.jem-h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);font-weight:750;margin:.1em 0 .5em}
.jem-h3{font-size:1.15rem;font-weight:700;margin:.2em 0 .4em}
.jem-grand{font-size:1.5rem}
.jem-surtitre{font-family:var(--jem-titre);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--jem-alezan);margin:0 0 .4em}
.jem-surtitre a{color:inherit;text-decoration:none}
.jem-chapo{font-size:1.15rem;max-width:62ch;margin:0 0 1.2em}
.jem-petit{font-size:.92rem;color:var(--jem-gris)}
.jem-section{padding:56px 0}
.jem-fond2{background:var(--jem-fond2)}

/* Boutons */
.jem-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border-radius:999px;font-family:var(--jem-titre);font-weight:700;font-size:1rem;text-decoration:none;border:2px solid transparent;cursor:pointer;line-height:1.2;text-align:center}
.jem-site .jem-btn-plein{background:var(--jem-alezan);color:#fff;border-color:var(--jem-alezan)}
.jem-site .jem-btn-plein:hover{background:var(--jem-alezan-f);border-color:var(--jem-alezan-f);color:#fff}
.jem-site .jem-btn-ligne{background:transparent;color:var(--jem-pre);border-color:var(--jem-pre)}
.jem-site .jem-btn-ligne:hover{background:var(--jem-pre);color:#fff}
.jem-site .jem-btn-clair{background:transparent;color:var(--jem-nuit-texte);border-color:rgba(231,238,232,.55)}
.jem-site .jem-btn-clair:hover{background:rgba(231,238,232,.12);color:#fff}
.jem-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 1.2em}

/* En-tête */
.jem-haut{background:var(--jem-fond);border-bottom:1px solid var(--jem-ligne);position:relative;z-index:20}
.jem-haut-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.jem-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--jem-encre)}
.jem-site .jem-logo{color:var(--jem-encre)}
.jem-logo-svg{width:38px;height:38px;flex:0 0 auto}
.jem-logo-nom{font-family:var(--jem-titre);font-weight:800;font-size:1.3rem;letter-spacing:-.02em;font-stretch:85%}
.jem-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.jem-nav a{padding:8px 12px;border-radius:999px;text-decoration:none;color:var(--jem-encre);font-weight:600;font-size:.97rem}
.jem-nav a:hover{background:var(--jem-fond2);color:var(--jem-encre)}
.jem-burger{display:none;min-height:44px;padding:8px 16px;border-radius:999px;border:2px solid var(--jem-encre);background:none;color:var(--jem-encre);font:inherit;font-weight:700;cursor:pointer}
@media (max-width:900px){
  .jem-burger{display:inline-flex}
  .jem-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--jem-fond);border-bottom:1px solid var(--jem-ligne);flex-direction:column;align-items:stretch;padding:8px 16px 16px}
  .jem-nav.jem-ouvert{display:flex}
  .jem-nav a{padding:12px}
}

/* Hero : nuit d'écurie, lisses de paddock */
.jem-hero{background:var(--jem-nuit);color:var(--jem-nuit-texte);position:relative;overflow:hidden;
  background-image:repeating-linear-gradient(180deg,transparent 0 46px,rgba(233,165,119,.07) 46px 50px),radial-gradient(ellipse at 85% 10%,rgba(168,74,31,.35),transparent 60%)}
.jem-hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:center;padding-top:56px;padding-bottom:56px}
.jem-hero h1{color:#fff}
.jem-hero h1 em{font-style:normal;color:var(--jem-nuit-accent)}
.jem-hero .jem-surtitre{color:var(--jem-nuit-accent)}
.jem-hero .jem-chapo{color:var(--jem-nuit-texte)}
.jem-preuves{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:0;padding:0;font-size:.95rem}
.jem-preuves b{font-family:var(--jem-titre);font-size:1.25rem;color:#fff;margin-right:4px}
.jem-hero-carte{background:var(--jem-fond);color:var(--jem-encre);border-radius:var(--jem-rayon);padding:22px 20px;box-shadow:0 18px 50px rgba(0,0,0,.35);border-top:5px solid var(--jem-alezan)}
@media (max-width:900px){.jem-hero-in{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:36px;padding-bottom:40px}}

/* Outils (formulaires) */
.jem-outil-bloc{background:var(--jem-blanc);border:1px solid var(--jem-ligne);border-top:5px solid var(--jem-pre);border-radius:var(--jem-rayon);padding:22px 20px;margin:1.5em 0}
.jem-outil-mini{background:transparent;border:0;padding:0;margin:0}
.jem-champ{margin:0 0 14px}
.jem-champ label{display:block;font-weight:700;margin:0 0 6px}
.jem-champ input,.jem-champ select,.jem-recherche input{display:block;width:100%;max-width:100%;min-height:46px;padding:8px 12px;font:inherit;color:var(--jem-encre);background:#fff;border:1.5px solid #8C9A90;border-radius:10px}
.jem-aide{display:block;font-size:.88rem;color:var(--jem-gris);margin-top:4px}
.jem-outil-erreur{color:#9B1C1C;font-weight:600;margin:.6em 0 0}
.jem-outil-res:empty{display:none}
.jem-outil-res{margin-top:16px;padding:14px 16px;background:var(--jem-fond2);border-radius:10px}
.jem-res,.jem-res-grand{margin:0 0 .5em}
.jem-res-grand{font-family:var(--jem-titre);font-size:1.25rem;font-weight:750;color:var(--jem-alezan-f)}
.jem-res-label{font-family:var(--jem-texte);font-weight:700;color:var(--jem-encre);font-size:1rem;display:block}
.jem-res-alerte{margin:.6em 0 0;padding:10px 12px;border-left:0;border-top:3px solid #9B1C1C;background:#fff;font-weight:600}
.jem-avert{margin:16px 0;padding:12px 14px;background:var(--jem-fond);border-radius:10px;font-size:.95rem}
.jem-avert p{margin:0 0 .4em}
.jem-sources-outil{font-size:.92rem}

/* Cartes d'outils de l'accueil */
.jem-outils{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
.jem-outil{background:var(--jem-blanc);border:1px solid var(--jem-ligne);border-top:5px solid var(--jem-pre);border-radius:var(--jem-rayon);padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.jem-outil p{margin:0 0 10px}
.jem-outil .jem-btn{margin-top:auto}
.jem-outil-vedette{border-top-color:var(--jem-alezan);background:linear-gradient(180deg,#FFF6EE,#fff 60%)}
.jem-etiquette{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--jem-pre);background:#E5EEE6;border-radius:999px;padding:3px 10px}
.jem-outil-vedette .jem-etiquette{color:var(--jem-alezan-f);background:#F7E2D5}
@media (max-width:900px){.jem-outils{grid-template-columns:minmax(0,1fr)}}

/* Parcours de l'éleveur */
.jem-parcours{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px;counter-reset:etape}
.jem-etape{background:var(--jem-blanc);border-radius:var(--jem-rayon);padding:18px 18px 12px;position:relative;border:1px solid var(--jem-ligne)}
.jem-etape-num{position:absolute;top:14px;right:16px;margin:0;font-family:var(--jem-titre);font-weight:800;font-size:2rem;line-height:1;color:var(--jem-ligne)}
.jem-etape .jem-h3{padding-right:40px}
.jem-etape .jem-h3 a{color:var(--jem-encre);text-decoration:none}
.jem-etape ul{margin:0 0 8px;padding-left:1.1em;font-size:.95rem}
.jem-etape li{margin:0 0 4px}
.jem-r-reproduction{--jem-r:var(--jem-r-reproduction)}.jem-r-gestation{--jem-r:var(--jem-r-gestation)}.jem-r-naissance{--jem-r:var(--jem-r-naissance)}
.jem-r-sante{--jem-r:var(--jem-r-sante)}.jem-r-papiers{--jem-r:var(--jem-r-papiers)}.jem-r-marche{--jem-r:var(--jem-r-marche)}.jem-r-croissance{--jem-r:var(--jem-r-croissance)}
.jem-etape{border-top:5px solid var(--jem-r,var(--jem-pre))}

/* Atouts */
.jem-atouts-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:20px}
.jem-chiffre{font-family:var(--jem-titre);font-weight:800;font-size:2.4rem;line-height:1;color:var(--jem-alezan);margin:0 0 6px}
@media (max-width:900px){.jem-atouts-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Cartes d'articles */
.jem-cartes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}
.jem-carte{background:var(--jem-blanc);border:1px solid var(--jem-ligne);border-radius:var(--jem-rayon);padding:18px;display:flex;flex-direction:column;gap:4px;border-top:4px solid var(--jem-r,var(--jem-pre))}
.jem-carte .jem-h3 a{color:var(--jem-encre);text-decoration:none}
.jem-carte .jem-h3 a:hover{text-decoration:underline}
.jem-carte p{margin:0}
.jem-carte time{font-size:.85rem;color:var(--jem-gris);margin-top:auto}
.jem-carte-rub{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--jem-r,var(--jem-pre))}
.jem-carte-image img{border-radius:10px;aspect-ratio:3/2;object-fit:cover;width:100%}
@media (max-width:900px){.jem-cartes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.jem-cartes{grid-template-columns:minmax(0,1fr)}}

/* Liste et puces */
.jem-liste-tete{padding:28px 0 8px}
.jem-puces{display:flex;flex-wrap:wrap;gap:8px}
.jem-puces a{padding:7px 14px;border-radius:999px;border:1.5px solid var(--jem-ligne);background:#fff;text-decoration:none;color:var(--jem-encre);font-weight:600;font-size:.92rem}
.jem-puces a[aria-current]{background:var(--jem-encre);border-color:var(--jem-encre);color:#fff}
.jem-pagination{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 30px}
.jem-pagination a,.jem-pagination span{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;border:1.5px solid var(--jem-ligne);text-decoration:none}
.jem-pagination [aria-current]{background:var(--jem-encre);color:#fff;border-color:var(--jem-encre)}

/* Fil d'Ariane */
.jem-ariane ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:0 0 14px;padding:0;font-size:.88rem;color:var(--jem-gris)}
.jem-ariane li+li::before{content:"›";margin-right:4px;color:var(--jem-gris)}

/* Article */
.jem-article-tete{padding:30px 0 10px;border-top:6px solid var(--jem-r,var(--jem-alezan))}
.jem-article-meta{font-size:.92rem;color:var(--jem-gris);margin:0}
.jem-article-grille{max-width:780px}
.jem-article-image{margin:10px 0 20px}
.jem-article-image img{border-radius:var(--jem-rayon);width:100%}
.jem-credit{font-size:.8rem;color:var(--jem-gris);margin-top:6px}
.jem-sommaire{background:var(--jem-fond2);border-radius:var(--jem-rayon);padding:14px 18px;margin:18px 0}
.jem-sommaire summary{font-family:var(--jem-titre);font-weight:750;cursor:pointer}
.jem-sommaire ol{margin:10px 0 0;padding-left:1.3em}
.jem-sommaire li{margin:0 0 4px}
.jem-texte{font-size:1.06rem;overflow-wrap:anywhere}
.jem-texte h2{font-size:1.55rem;font-weight:750;margin:1.8em 0 .5em;scroll-margin-top:20px}
.jem-texte h3{font-size:1.2rem;margin:1.4em 0 .4em}
.jem-texte p,.jem-texte ul,.jem-texte ol{margin:0 0 1em}
.jem-texte table,.jem-site .wp-block-table table{width:100%;border-collapse:collapse;font-size:.95rem;margin:0}
.jem-texte .wp-block-table,.jem-texte figure.wp-block-table{display:block;max-width:100%;overflow-x:auto;margin:0 0 1.2em}
.jem-texte th,.jem-texte td{border:1px solid var(--jem-ligne);padding:8px 10px;text-align:left;vertical-align:top}
.jem-texte th{background:var(--jem-fond2)}
.jem-texte > table{display:block;overflow-x:auto}
.jem-texte blockquote{margin:1em 0;padding:10px 16px;border-top:3px solid var(--jem-alezan);background:#fff}
.jem-bloc{margin:28px 0;padding:18px 20px;background:#fff;border:1px solid var(--jem-ligne);border-radius:var(--jem-rayon)}
.jem-bloc-titre{font-family:var(--jem-titre);font-weight:750;font-size:1.15rem;margin:0 0 .5em}
.jem-bloc ul{margin:0 0 .5em;padding-left:1.1em}
.jem-bloc-outils{border-top:5px solid var(--jem-pre)}
.jem-auteur{display:flex;gap:14px;align-items:flex-start}
.jem-auteur-logo .jem-logo-svg{width:48px;height:48px;color:var(--jem-encre)}
.jem-auteur p{margin:0}

/* Pub */
.jem-pub-zone{padding-top:24px}
.jem-pub{display:block;margin:18px auto;max-width:970px;border-radius:12px;overflow:hidden}
.jem-pub-etiquette{display:flex;align-items:center;justify-content:center;min-height:100px;border:1.5px dashed var(--jem-ligne);color:var(--jem-gris);font-size:.85rem}
.jem-pm{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 18px;padding:18px 22px;text-decoration:none;color:#fff;background:#2C2550;min-height:100px}
.jem-pm-paddockmind{background:#163B4D}
.jem-site .jem-pm,.jem-site .jem-pm:hover{color:#fff}
.jem-pm-marque{font-weight:800;font-family:var(--jem-titre);font-size:1.1rem;grid-row:span 2}
.jem-pm-titre{font-size:1.1rem}
.jem-pm-texte{font-size:.92rem;opacity:.9;grid-column:2}
.jem-pm-bouton{grid-row:1/span 2;grid-column:3;background:#fff;color:#1D2A24;padding:9px 16px;border-radius:999px;font-weight:700;font-size:.92rem}
.jem-pm-mention{position:absolute;top:6px;right:10px;font-size:.68rem;opacity:.75;text-transform:uppercase;letter-spacing:.06em}
.jem-pub-300{max-width:336px;margin:22px auto}
.jem-pub-300 .jem-pm{grid-template-columns:minmax(0,1fr);text-align:left;min-height:250px;align-content:center}
.jem-pub-300 .jem-pm-marque,.jem-pub-300 .jem-pm-texte,.jem-pub-300 .jem-pm-bouton{grid-row:auto;grid-column:auto;justify-self:start}
@media (max-width:700px){
  .jem-pm{grid-template-columns:minmax(0,1fr)}
  .jem-pm-marque,.jem-pm-texte,.jem-pm-bouton{grid-row:auto;grid-column:auto;justify-self:start}
}
.jem-pub-collant{display:none}
@media (max-width:700px){
  .jem-pub-collant{display:block;position:fixed;left:0;right:0;bottom:0;margin:0;border-radius:0;z-index:30;max-width:none}
  .jem-pub-collant .jem-pm{display:flex;min-height:50px;padding:8px 14px;gap:10px;font-size:.9rem;grid-template-columns:none}
  body.jem-site{padding-bottom:56px}
}

/* Outleva */
.jem-outleva{background:#fff;border:1px solid var(--jem-ligne);border-radius:var(--jem-rayon);padding:22px 20px;margin:28px 0}
.jem-outleva-tete{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.jem-note-partenaire{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--jem-gris);border:1px solid var(--jem-ligne);border-radius:999px;padding:3px 10px;white-space:nowrap}
.jem-outleva-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.jem-fiche{position:relative;background:var(--jem-fond);border-radius:12px;padding:12px}
.jem-fiche-visuel{display:flex;justify-content:center;padding:14px 0;color:var(--jem-ligne)}
.jem-fiche-svg{width:54px;height:54px}
.jem-fiche p{margin:0}
.jem-exemple{position:absolute;top:8px;left:8px;font-size:.68rem;font-weight:700;text-transform:uppercase;background:var(--jem-encre);color:#fff;padding:2px 8px;border-radius:999px}
@media (max-width:900px){.jem-outleva-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Pied */
.jem-pied{background:var(--jem-nuit);color:var(--jem-nuit-texte);padding:44px 0 20px;margin-top:20px}
.jem-pied-grille{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:28px}
.jem-site .jem-pied a{color:var(--jem-nuit-texte)}
.jem-site .jem-pied .jem-logo{color:#fff}
.jem-pied-titre{font-family:var(--jem-titre);font-weight:750;color:var(--jem-nuit-accent);margin:0 0 8px}
.jem-pied ul{list-style:none;margin:0;padding:0}
.jem-pied li{margin:0 0 6px}
.jem-pied-texte{font-size:.95rem;max-width:42ch}
.jem-pied-bas{border-top:1px solid rgba(231,238,232,.2);margin-top:26px;padding-top:14px;font-size:.85rem;opacity:.8}
@media (max-width:800px){.jem-pied-grille{grid-template-columns:minmax(0,1fr)}}

/* Recherche, 404 */
.jem-recherche{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:24px}
.jem-recherche label{grid-column:1/-1;font-weight:700}
