/*
Theme Name: Astra Child Signal IA
Template: astra
Description: Thème enfant Signal IA — haut de page sombre et chaud (bandeau défilant, barre flottante, titre serif, recherche), corps en papier crème avec les blocs d'articles par catégorie.
Version: 4.0
*/

:root{
  --sg-dark:#17110d;
  --sg-dark-2:#221913;
  --sg-bar:#241b15;
  --sg-cream:#f7f2ea;
  --sg-cream-2:#efe7db;
  --sg-ink:#1c1511;
  --sg-body:#5d534b;
  --sg-muted:#a99c8f;
  --sg-orange:#c9713c;
  --sg-orange-2:#e08a4e;
  --sg-line:#e2d8c8;
  --sg-line-dark:rgba(255,240,225,.14);
  --sg-serif:'Instrument Serif',Georgia,'Times New Roman',serif;
  --sg-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --sg-sans:'Mulish',system-ui,sans-serif;
  --sg-max:1200px;
}

html{-webkit-text-size-adjust:100%;}
body{background:var(--sg-cream);color:var(--sg-body);font-family:var(--sg-sans);font-size:16px;line-height:1.68;}
img{display:block;max-width:100%;height:auto;}
a{color:var(--sg-orange);}
h1,h2,h3,h4{color:var(--sg-ink);font-weight:400;}

/* Astra neutralisé */
.ast-container,.site-content .ast-container{max-width:none !important;width:100% !important;padding:0 !important;}
#primary,.content-area.primary{padding:0 !important;margin:0 !important;width:100% !important;max-width:none !important;}
.site-content,#content.site-content{max-width:none !important;width:100% !important;padding:0 !important;}
body,#page,.site,#content,.site-content,.ast-container,#primary{background:var(--sg-cream) !important;}
.entry-header{display:none;}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

.sg-wrap{max-width:var(--sg-max);margin:0 auto;padding:0 30px;}

/* ---------- Barre flottante ---------- */
.sg-head{background:var(--sg-dark);padding:20px 0 0;}
.sg-head-in{max-width:var(--sg-max);margin:0 auto;padding:0 30px;}
.sg-bar{background:var(--sg-bar);border:1px solid var(--sg-line-dark);border-radius:18px;
  padding:12px 14px 12px 20px;display:flex;align-items:center;justify-content:space-between;gap:22px;
  box-shadow:0 18px 40px rgba(0,0,0,.28);}
.sg-logo{display:flex;align-items:center;gap:12px;text-decoration:none;}
.sg-logo-mark{width:38px;height:38px;display:block;}
.sg-logo-txt{font-family:var(--sg-serif);font-size:1.42rem;color:#f6efe6;letter-spacing:.005em;}
.sg-nav ul{list-style:none;display:flex;gap:26px;margin:0;padding:0;flex-wrap:wrap;}
.sg-nav li{margin:0;}
.sg-nav a{font-size:.94rem;font-weight:600;color:#e7dfd4;text-decoration:none;}
.sg-nav a:hover{color:var(--sg-orange-2);}
.sg-cta{background:var(--sg-orange);color:#fff;text-decoration:none;font-weight:700;font-size:.92rem;
  padding:11px 20px;border-radius:12px;white-space:nowrap;transition:.2s;}
.sg-cta:hover{background:var(--sg-orange-2);color:#fff;}

/* ---------- Hero sombre ---------- */
.sg-hero{background:var(--sg-dark);position:relative;overflow:hidden;}
.sg-hero::before{content:"";position:absolute;left:50%;top:-140px;transform:translateX(-50%);
  width:900px;height:520px;background:radial-gradient(ellipse at center,rgba(201,113,60,.22),transparent 68%);
  pointer-events:none;}
.sg-hero-in{position:relative;z-index:2;max-width:860px;margin:0 auto;padding:64px 30px 76px;text-align:center;}
.sg-hero-eyebrow{margin:0 0 20px;font-family:var(--sg-mono);font-size:.74rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:var(--sg-orange-2);}
.sg-hero h1{margin:0;font-family:var(--sg-serif);font-size:clamp(2.4rem,5.4vw,4.15rem);line-height:1.06;
  color:#f8f2e9;letter-spacing:-.01em;}
.sg-hero h1 i{font-style:italic;color:#f8f2e9;}
.sg-hero-lead{margin:22px auto 0;max-width:56ch;font-size:1.06rem;line-height:1.62;color:#b7aa9d;}

.sg-search{margin:36px auto 0;max-width:640px;display:flex;align-items:center;gap:10px;
  background:rgba(255,244,232,.055);border:1px solid var(--sg-line-dark);border-radius:16px;
  padding:8px 8px 8px 18px;transition:.2s;}
.sg-search:focus-within{border-color:rgba(224,138,78,.55);background:rgba(255,244,232,.08);}
.sg-search-icon{color:var(--sg-muted);display:flex;}
.sg-search input[type=search]{flex:1;background:transparent;border:0;outline:none;color:#f2e9de;
  font-family:var(--sg-sans);font-size:1rem;padding:12px 0;min-width:0;}
.sg-search input::placeholder{color:#8d8175;}
.sg-search button{background:var(--sg-orange);color:#fff;border:0;border-radius:11px;padding:12px 20px;
  font-family:var(--sg-sans);font-weight:700;font-size:.92rem;cursor:pointer;transition:.2s;}
.sg-search button:hover{background:var(--sg-orange-2);}

.sg-hero-tags{margin:26px 0 0;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;}
.sg-hero-tags a{font-family:var(--sg-mono);font-size:.74rem;letter-spacing:.06em;color:#cbbfb2;
  text-decoration:none;border:1px solid var(--sg-line-dark);border-radius:999px;padding:7px 14px;}
.sg-hero-tags a:hover{color:#fff;border-color:rgba(224,138,78,.6);}

/* ---------- Sections de rubrique ---------- */
.sg-sec{padding:52px 0 0;}
.sg-sec:first-of-type{padding-top:58px;}
.sg-sec-title{text-align:center;font-family:var(--sg-serif);font-size:clamp(1.7rem,3.2vw,2.45rem);
  margin:0 0 16px;letter-spacing:-.005em;}
.sg-sec-title a{color:var(--sg-ink);text-decoration:none;}
.sg-sec-title a:hover{color:var(--sg-orange);}
.sg-sec-rule{border:0;border-top:1px solid var(--sg-line);margin:0 0 30px;}

.sg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.sg-card{background:#fff;border:1px solid var(--sg-line);border-radius:16px;overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease;}
.sg-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(28,21,17,.10);}
.sg-card a{text-decoration:none;display:block;}
.sg-card-img{display:block;overflow:hidden;background:var(--sg-cream-2);aspect-ratio:16/10;}
.sg-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
.sg-card a:hover .sg-card-img img{transform:scale(1.045);}
.sg-card time{display:block;margin:16px 20px 6px;font-family:var(--sg-mono);font-size:.7rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--sg-orange);}
.sg-card h3{margin:0 20px 20px;font-family:var(--sg-sans);font-size:1.02rem;font-weight:700;
  line-height:1.45;color:var(--sg-ink);}
.sg-card a:hover h3{color:var(--sg-orange);}
.sg-card.is-planned{background:#fdfaf5;}

.sg-more{text-align:center;margin:28px 0 0;}
.sg-more a{display:inline-block;font-size:.9rem;font-weight:700;color:var(--sg-ink);text-decoration:none;
  border:1px solid var(--sg-line);border-radius:999px;padding:11px 24px;background:#fff;transition:.2s;}
.sg-more a:hover{border-color:var(--sg-orange);color:var(--sg-orange);}

/* ---------- Bande méthode ---------- */
.sg-method{margin-top:64px;background:var(--sg-cream-2);border-top:1px solid var(--sg-line);
  border-bottom:1px solid var(--sg-line);}
.sg-method-in{max-width:var(--sg-max);margin:0 auto;padding:48px 30px 52px;}
.sg-method h2{text-align:center;margin:0 0 30px;font-family:var(--sg-serif);
  font-size:clamp(1.5rem,2.8vw,2.1rem);}
.sg-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.sg-method-item b{display:block;font-size:1rem;color:var(--sg-ink);padding-top:14px;
  border-top:2px solid var(--sg-orange);}
.sg-method-item p{margin:8px 0 0;font-size:.9rem;}

/* ---------- Pied de page ---------- */
.sg-foot{background:var(--sg-dark);color:#b3a89c;}
.sg-foot-in{max-width:var(--sg-max);margin:0 auto;padding:52px 30px 32px;display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:38px;}
.sg-foot-mark{margin:0 0 12px;}
.sg-foot-mark img{width:42px;height:42px;}
.sg-foot h3{color:#f6efe6;font-family:var(--sg-serif);font-size:1.5rem;margin:0 0 12px;}
.sg-foot p{margin:0;font-size:.92rem;line-height:1.68;max-width:46ch;}
.sg-foot ul{list-style:none;margin:0;padding:0;}
.sg-foot li{padding:6px 0;font-size:.94rem;}
.sg-foot a{color:#e2d8cc;text-decoration:none;}
.sg-foot a:hover{color:var(--sg-orange-2);}
.sg-foot-bottom{border-top:1px solid var(--sg-line-dark);}
.sg-foot-bottom div{max-width:var(--sg-max);margin:0 auto;padding:16px 30px 30px;display:flex;
  justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--sg-mono);font-size:.72rem;
  color:#8d8175;}

/* ---------- Archives et articles ---------- */
.sg-archive{padding:48px 0 64px;}
.sg-arch-head h1{margin:0 0 10px;font-family:var(--sg-serif);font-size:clamp(1.9rem,3.6vw,2.7rem);}
.sg-arch-head p{margin:0 0 22px;max-width:74ch;}
.sg-empty{padding:26px 0 40px;font-size:1rem;}
.sg-pagination{margin-top:36px;text-align:center;}
.sg-pagination .page-numbers{display:inline-block;padding:9px 14px;border:1px solid var(--sg-line);
  border-radius:10px;margin:0 3px;color:var(--sg-ink);text-decoration:none;font-size:.9rem;background:#fff;}
.sg-pagination .page-numbers.current{background:var(--sg-orange);border-color:var(--sg-orange);color:#fff;}

/* Article : bandeau pleine largeur puis feuille blanche posée sur le papier crème */
.sg-single{padding:44px 20px 70px;}
.sg-single.has-hero{padding:0 0 70px;}
.sg-art-wrap{padding:0 20px;}

.sg-art-hero{position:relative;width:100%;min-height:clamp(340px,44vw,520px);
  display:flex;align-items:flex-end;justify-content:center;background:var(--sg-dark);overflow:hidden;}
.sg-art-hero .sg-art-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  margin:0;border-radius:0;}
.sg-art-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(20,14,10,.96) 0%,rgba(20,14,10,.88) 22%,
    rgba(20,14,10,.66) 46%,rgba(20,14,10,.36) 74%,rgba(20,14,10,.60) 100%);}
.sg-art-hero-in{position:relative;z-index:2;width:100%;max-width:900px;
  padding:130px 30px 96px;text-align:center;}
.sg-art-hero .sg-art-kicker a{color:var(--sg-orange-2);text-shadow:0 1px 12px rgba(0,0,0,.75);}
.sg-art-hero .sg-art-title{color:#f8f2e9;text-shadow:0 2px 24px rgba(0,0,0,.45);}
.sg-art-hero .sg-art-meta{color:#cabeb1;text-shadow:0 1px 12px rgba(0,0,0,.75);}
.sg-art-hero .sg-art-sep{color:#8b7d70;}

.sg-art{max-width:820px;margin:0 auto !important;background:#fff;border:1px solid var(--sg-line);
  border-radius:22px;padding:52px 60px 56px;box-shadow:0 18px 44px rgba(35,24,16,.06);}
.has-hero .sg-art{margin-top:-56px !important;position:relative;z-index:3;}
.sg-art-head{margin-bottom:30px;}
.sg-art-kicker{margin:0 0 14px;font-family:var(--sg-mono);font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;}
.sg-art-kicker a{color:var(--sg-orange);text-decoration:none;}
.sg-art-kicker a:hover{text-decoration:underline;}
.sg-art-title{margin:0;font-family:var(--sg-serif);font-weight:400;
  font-size:clamp(2rem,4.2vw,2.85rem);line-height:1.14;letter-spacing:-.01em;color:#17110d;}
.sg-art-meta{margin:16px 0 0;font-family:var(--sg-mono);font-size:.76rem;letter-spacing:.05em;
  color:#8d8175;}
.sg-art-sep{margin:0 .5em;color:#c8bcae;}
.sg-art-cover{margin:0 0 34px;}
.has-hero .sg-art-cover{display:none;}
.sg-art-cover img{display:block;width:100%;height:auto;border-radius:14px;}
.sg-art-body{font-size:1.07rem;line-height:1.78;color:#413830;}
.sg-art-body > *:first-child{margin-top:0;}
.sg-art-body p{margin:0 0 1.25em;}
.sg-art-body h2{font-family:var(--sg-serif);font-weight:400;font-size:1.8rem;line-height:1.2;
  color:#17110d;margin:2.1em 0 .7em;}
.sg-art-body h3{font-family:var(--sg-sans);font-weight:700;font-size:1.15rem;color:#17110d;
  margin:1.8em 0 .5em;}
.sg-art-body a{color:var(--sg-orange);text-decoration:underline;text-underline-offset:3px;}
.sg-art-body ul,.sg-art-body ol{margin:0 0 1.3em 1.2em;padding:0;}
.sg-art-body li{margin:0 0 .5em;}
.sg-art-body blockquote{margin:1.7em 0;padding:2px 0 2px 22px;border-left:3px solid var(--sg-orange);
  font-family:var(--sg-serif);font-size:1.25rem;line-height:1.5;color:#2c2118;}
.sg-art-body blockquote p:last-child{margin-bottom:0;}
.sg-art-body img{max-width:100%;height:auto;border-radius:12px;}
.sg-art-body table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.95rem;}
.sg-art-body th,.sg-art-body td{border:1px solid var(--sg-line);padding:10px 12px;text-align:left;}
.sg-art-body th{background:#faf6f0;font-family:var(--sg-mono);font-size:.78rem;
  letter-spacing:.05em;text-transform:uppercase;color:#6d6157;}
.single-post .entry-header,.single-post .ast-single-post-order,
.single-post .post-navigation,.single-post .comments-area,.single-post #comments{display:none !important;}
.search .site-content,.archive .site-content,.blog .site-content{max-width:var(--sg-max);margin:0 auto;padding:44px 30px;}
.search .site-content,.archive .site-content,.blog .site-content{max-width:var(--sg-max);margin:0 auto;padding:44px 30px;}

/* ---------- Responsive ---------- */
@media (max-width:1040px){
  .sg-bar{flex-wrap:wrap;gap:14px;padding:14px 16px;}
  .sg-nav{order:3;width:100%;}
  .sg-nav ul{gap:18px;}
  .sg-cards{grid-template-columns:repeat(2,1fr);gap:22px;}
  .sg-method-grid{grid-template-columns:repeat(2,1fr);}
  .sg-foot-in{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .sg-wrap,.sg-head-in,.sg-method-in,.sg-foot-in,.sg-hero-in{padding-left:16px;padding-right:16px;}
  .sg-foot-bottom div{padding:16px 16px 26px;}
  .sg-bar{border-radius:14px;}
  .sg-logo-txt{font-size:1.2rem;}
  .sg-logo-mark{width:32px;height:32px;}
  .sg-nav ul{gap:12px;}
  .sg-nav a{font-size:.84rem;}
  .sg-cta{padding:9px 15px;font-size:.85rem;}
  .sg-hero-in{padding:44px 16px 52px;}
  .sg-search{flex-wrap:wrap;padding:10px;}
  .sg-search input[type=search]{width:100%;flex:1 0 70%;padding-left:6px;}
  .sg-search button{width:100%;}
  .sg-cards{grid-template-columns:1fr;gap:20px;}
  .sg-method-grid{grid-template-columns:1fr;gap:20px;}
  .sg-foot-in{grid-template-columns:1fr;}
  .sg-single{padding:26px 14px 50px;}
  .sg-single.has-hero{padding:0 0 50px;}
  .sg-art-wrap{padding:0 14px;}
  .sg-art-hero{min-height:300px;}
  .sg-art-hero-in{padding:90px 18px 60px;}
  .sg-art{padding:32px 22px 38px;border-radius:16px;}
  .has-hero .sg-art{margin-top:-40px !important;}
  .sg-art-body{font-size:1.02rem;}
  .sg-art-body h2{font-size:1.5rem;}
}