/* =====================================================================
   DESIGN SYSTEM — entreprise-en-difficulte.com
   Charte YMYL : navy #16273D / bleu #1E4E79 / sauge #2F6B4F, serif Lora +
   Inter, largeur de lecture 720px. Transposé des mockups validés.
   Chargé APRÈS le CSS de GeneratePress (override volontaire).
   ===================================================================== */

:root{
  --navy:#16273D; --navy-900:#0E1B2C;
  --accent:#1E4E79; --accent-hover:#15395A; --accent-bright:#3E78AE;
  --sage:#2F6B4F; --sage-bg:#EEF5F0;
  --amber:#B7791F; --amber-bg:#FBF6EC;
  --ink:#1F2933; --muted:#52606D; --muted-2:#7B8794;
  --rule:#E1E5EA; --bg:#FFFFFF; --bg-soft:#F7F8FA; --bg-warm:#FBFAF7;
  --disc-bg:#F4F6F8;
  --read:720px; --container:1120px;
  --serif:'Lora',Georgia,'Times New Roman',serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* ---------- BASE ---------- */
html{scroll-behavior:smooth}
body,
body.generatepress,
.entry-content{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  font-size:18px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
.entry-content a,
.inside-article a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.entry-content a:hover,
.inside-article a:hover{color:var(--accent-hover)}
img{max-width:100%;height:auto}

/* Conteneur global GeneratePress -> largeur charte */
.site-content .container,
.grid-container{max-width:var(--container)}

/* ---------- HEADER (site title -> wordmark) ---------- */
.site-header{background:#fff;border-bottom:1px solid var(--rule)}
.main-navigation,
.main-navigation ul{background:transparent}
.site-branding .main-title,
.site-title a{
  font-family:var(--serif)!important;font-weight:700!important;
  font-size:22px!important;color:var(--navy)!important;letter-spacing:.2px;
  text-decoration:none!important;
}
.site-description{
  font-family:var(--sans);font-size:12px;color:var(--muted);font-weight:500;
}
.main-navigation .main-nav ul li a{
  font-family:var(--sans);font-size:15px;color:var(--ink);font-weight:500;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item a{color:var(--accent)}

/* ---------- LARGEUR DE LECTURE 720px ---------- */
/* On contraint la colonne de contenu de l'article à 720px, centrée. */
.single-post .entry-content,
.page .entry-content,
.single-post .entry-header,
.single-post .entry-meta{
  max-width:var(--read);
  margin-left:auto;margin-right:auto;
}

/* ---------- TITRES ---------- */
.entry-title,
h1.entry-title{
  font-family:var(--serif);font-weight:700;font-size:38px;line-height:1.2;
  color:var(--navy);margin:.1em 0 .35em;
}
.entry-content h2{
  font-family:var(--serif);font-weight:600;font-size:27px;line-height:1.3;
  color:var(--navy);margin:2.4em 0 .7em;padding-left:14px;
  border-left:3px solid var(--navy);
}
.entry-content h3{
  font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.35;
  color:var(--navy);margin:1.8em 0 .5em;
}
.entry-content p{margin:0 0 1.4em}
.entry-content > p:first-of-type{font-size:20px;line-height:1.7;color:#3a4654}
.entry-content ul,.entry-content ol{margin:0 0 1.4em;padding-left:1.3em}
.entry-content li{margin:.45em 0}
.entry-content strong{font-weight:600;color:#14202e}

/* ---------- META E-E-A-T en tête ---------- */
.entry-meta,.eed-meta{
  font-size:14.5px;color:var(--muted);font-weight:500;
  border-bottom:1px solid var(--rule);padding-bottom:20px;margin-bottom:1.4em;
}
.eed-meta .upd{color:var(--ink);font-weight:600}
.eed-meta .dot{color:var(--muted-2);margin:0 6px}

/* ---------- BLOCKQUOTE (articles en HTML brut) ---------- */
/* Les articles existants utilisent <blockquote> pour disclaimer/à-retenir.
   On lui donne un style apaisant cohérent charte (filet bleu, pas rouge). */
.entry-content blockquote{
  margin:1.8em 0;padding:18px 20px;background:var(--disc-bg);
  border-left:4px solid var(--accent);border-radius:8px;
  font-family:var(--sans);font-style:normal;font-size:17px;color:var(--ink);
}
.entry-content blockquote p{margin:0 0 .6em}
.entry-content blockquote p:last-child{margin-bottom:0}

/* ---------- ENCADRÉS (shortcodes + classes inline) ---------- */
.eed-box{border-radius:8px;padding:18px 20px;margin:1.8em 0}
.eed-box .eed-box-h{font-family:var(--sans);font-weight:600;color:var(--navy);
  margin:0 0 6px;display:flex;align-items:center;gap:9px;font-size:17px}
.eed-box p:last-child{margin-bottom:0}
.eed-box svg{flex:0 0 auto}

.eed-disclaimer{background:var(--disc-bg);border-left:4px solid var(--accent)}
.eed-retenir{background:var(--sage-bg);border-left:4px solid var(--sage)}
.eed-retenir ul{list-style:none;padding-left:0;margin:.4em 0 0}
.eed-retenir li{position:relative;padding-left:22px;margin:.5em 0}
.eed-retenir li::before{content:"";position:absolute;left:2px;top:.65em;
  width:8px;height:8px;border-radius:50%;background:var(--sage)}
.eed-sources{background:var(--bg-soft);border:1px solid var(--rule);
  font-size:15px;color:var(--muted);line-height:1.7}
.eed-sources .eed-box-h{color:var(--navy)}
.eed-sources a{color:var(--accent)}
.eed-delai{background:var(--amber-bg);border-left:4px solid var(--amber)}

/* ---------- TABLEAU COMPARATIF ---------- */
.eed-tbl-wrap{overflow-x:auto;margin:1.8em 0;border:1px solid var(--rule);border-radius:10px}
.entry-content table,
table.eed-cmp{border-collapse:collapse;width:100%;font-size:15.5px}
table.eed-cmp{min-width:520px}
.entry-content table th,.entry-content table td,
table.eed-cmp th,table.eed-cmp td{
  padding:12px 14px;text-align:left;border-bottom:1px solid var(--rule)}
.entry-content table thead th,
table.eed-cmp thead th{background:var(--navy);color:#fff;font-weight:600;font-family:var(--sans)}
.entry-content table tbody tr:nth-child(even),
table.eed-cmp tbody tr:nth-child(even){background:var(--bg-soft)}
table.eed-cmp td:first-child,table.eed-cmp th:first-child{
  font-weight:600;color:var(--navy);background:var(--bg-soft)}
table.eed-cmp thead th:first-child{color:#fff;background:var(--navy)}
.eed-yes{color:var(--sage);font-weight:600}
.eed-no{color:var(--muted)}
.eed-tbl-src{font-size:14px;color:var(--muted);margin:.4em 0 0}

/* ---------- CARD OUTIL ---------- */
.eed-tool{background:var(--navy);color:#fff;border-radius:14px;padding:28px;margin:2em 0}
.eed-tool .ico{width:34px;height:34px;color:var(--accent-bright);margin-bottom:10px}
.eed-tool h3{font-family:var(--serif);color:#fff;font-size:22px;margin:0 0 8px;border:0;padding:0}
.eed-tool p{color:#cfd8e3;margin:0 0 18px}
.eed-tool .btn{display:inline-block;background:var(--accent-bright);color:#fff;
  text-decoration:none;font-weight:600;font-size:16px;padding:12px 22px;border-radius:8px}
.eed-tool .btn:hover{background:#4d89bf;color:#fff}
.eed-tool small{display:block;color:#9fb0c2;font-size:13px;margin-top:12px}

/* ---------- FAQ ---------- */
.eed-faq{margin:2em 0}
.eed-faq details{border-bottom:1px solid var(--rule)}
.eed-faq summary{cursor:pointer;list-style:none;font-family:var(--sans);
  font-weight:600;font-size:17px;color:var(--navy);
  padding:16px 30px 16px 0;position:relative}
.eed-faq summary::-webkit-details-marker{display:none}
.eed-faq summary::after{content:"";position:absolute;right:4px;top:22px;width:9px;height:9px;
  border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);
  transform:rotate(45deg);transition:transform .2s}
.eed-faq details[open] summary::after{transform:rotate(-135deg)}
.eed-faq .a{padding:0 0 18px;font-size:17px;color:var(--ink)}

/* ---------- AUTHOR BOX ---------- */
.eed-author{background:var(--bg-warm);border:1px solid var(--rule);border-radius:10px;
  padding:24px;display:flex;gap:18px;align-items:flex-start;margin:2.4em 0 1.4em}
.eed-author .mono{flex:0 0 auto;width:52px;height:52px;border-radius:50%;
  background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:22px;font-weight:600}
.eed-author h4{margin:0 0 4px;font-family:var(--sans);font-size:16px;color:var(--navy)}
.eed-author p{margin:0;font-size:15px;color:var(--muted);line-height:1.6}
.eed-author a{font-size:14.5px}

.entry-content hr{border:0;border-top:1px solid var(--rule);margin:2.4em 0}

/* ---------- FOOTER (navy + non affilié) ---------- */
.eed-footer{background:var(--navy-900);color:#c4cdd8;margin-top:56px;font-size:15px;
  font-family:var(--sans)}
.eed-footer .foot-top{max-width:var(--container);margin:0 auto;padding:40px 24px;
  display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.eed-footer h5{font-family:var(--sans);color:#fff;font-size:13px;letter-spacing:.06em;
  text-transform:uppercase;margin:0 0 14px}
.eed-footer a{color:#c4cdd8;text-decoration:none;display:block;padding:4px 0}
.eed-footer a:hover{color:#fff;text-decoration:underline}
.eed-footer .foot-brand b{font-family:var(--serif);color:#fff;font-size:18px;
  display:block;margin-bottom:8px}
.eed-footer .foot-brand p{color:#9fb0c2;font-size:14px;line-height:1.6;max-width:42ch}
.eed-footer .foot-legal{background:#0a1421;border-top:1px solid #1d2c3e}
.eed-footer .foot-legal div{max-width:var(--container);margin:0 auto;padding:18px 24px;
  font-size:13px;color:#8a99a8;line-height:1.6}
/* On masque le footer GeneratePress par défaut (crédit thème) au profit du nôtre */
.site-info{display:none}

/* ---------- ACCESSIBILITÉ ---------- */
a:focus,button:focus,summary:focus{outline:2px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .eed-faq summary::after{transition:none}
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:768px){
  .entry-title,h1.entry-title{font-size:30px}
  .eed-footer .foot-top{grid-template-columns:1fr;gap:24px}
}

/* eed-home-hide-title */
body.home .entry-header .entry-title,body.page-id-31 .entry-header .entry-title,body.home .inside-article > .entry-header,body.home .page-hero,body.home header.entry-header{display:none !important}