/* Livres Militaires — direction « La Librairie » (blanc, bleu nuit, rouge) avec les touches « Bibliothèque » (ivoire, kaki) */

@font-face{font-family:"Fraunces";src:url("../fonts/fraunces-latin.woff2") format("woff2");font-weight:500 700;font-style:normal;font-display:swap;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";src:url("../fonts/inter-latin.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap;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}

:root{
	--blanc:#fff;--clair:#F3F4F1;--filet:#E2E4E0;
	--bleu:#14243A;--bleu-2:#1F3654;--bleu-clair:#B8C3D3;
	--rouge:#B5342B;--rouge-fonce:#962A22;--rose:#E9B8A8;
	--texte:#1C2430;--gris:#5F6874;
	--ivoire:#F5F0E6;--ivoire-2:#FBF8F2;--kaki:#3E4A33;--laiton:#9C7F45;--filet-ivoire:#D9D0BE;
	--titre:"Fraunces",Georgia,"Times New Roman",serif;
	--texte-f:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
	--rayon:12px;--largeur:1240px;--gouttiere:32px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--blanc);color:var(--texte);font:16px/1.6 var(--texte-f);font-feature-settings:"kern","liga"}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:hover{color:var(--rouge)}
:focus-visible{outline:3px solid var(--rouge);outline-offset:2px;border-radius:4px}
h1,h2,h3{font-family:var(--titre);color:var(--bleu);font-weight:600;line-height:1.12;letter-spacing:-.01em;margin:0}
p{margin:0}
.w{max-width:var(--largeur);margin:0 auto;padding:0 var(--gouttiere)}
.lien-evitement{position:absolute;left:-9999px;top:0;background:var(--bleu);color:#fff;padding:10px 16px;z-index:100}
.lien-evitement:focus{left:16px;top:16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* En-tête */
.entete{background:var(--bleu);color:#fff}
.entete .w{display:flex;align-items:center;gap:32px;min-height:74px}
.logo{font:600 26px/1 var(--titre);white-space:nowrap;color:#fff;letter-spacing:-.01em}
.logo span{color:var(--rose)}
.logo:hover{color:#fff}
.entete .recherche{flex:1}
.entete nav{display:flex;gap:22px;font-weight:500;font-size:15px;white-space:nowrap}
.entete nav a:hover,.entete nav a[aria-current]{color:var(--rose)}
.recherche{display:flex;background:#fff;border-radius:8px;overflow:hidden;border:1px solid transparent}
.recherche input{flex:1;min-width:0;border:0;padding:12px 16px;font:15px var(--texte-f);color:var(--texte);background:transparent}
.recherche input::placeholder{color:var(--gris)}
.recherche input:focus{outline:none}
.recherche:focus-within{box-shadow:0 0 0 3px var(--rose)}
.recherche button{border:0;background:none;color:var(--bleu);font:600 15px var(--texte-f);padding:0 16px;cursor:pointer}
.recherche--grande{border-color:var(--filet);box-shadow:0 6px 20px rgba(20,36,58,.08);max-width:560px;margin-top:26px}
.recherche--grande input{padding:16px 18px;font-size:16px}
.recherche--grande button{background:var(--rouge);color:#fff;padding:0 22px}
.recherche--grande button:hover{background:var(--rouge-fonce)}
.puces{border-bottom:1px solid var(--filet);background:#fff}
.puces .w{display:flex;gap:10px;padding-top:12px;padding-bottom:12px;overflow-x:auto;scrollbar-width:none}
.puces .w::-webkit-scrollbar{display:none}
.puce{border:1px solid var(--filet);border-radius:999px;padding:6px 14px;font-size:14px;white-space:nowrap;color:var(--texte);flex:none}
.puce:hover{border-color:var(--bleu);color:var(--bleu)}
.puce[aria-current]{background:var(--bleu);color:#fff;border-color:var(--bleu)}
.puce--plus{color:var(--rouge);border-color:transparent;font-weight:600}

/* Boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--rouge);color:#fff;font:600 15px/1.3 var(--texte-f);padding:13px 22px;border-radius:8px;border:1px solid var(--rouge);text-align:center;cursor:pointer}
.btn:hover{background:var(--rouge-fonce);border-color:var(--rouge-fonce);color:#fff}
.btn--contour{background:none;color:var(--bleu);border-color:var(--bleu)}
.btn--contour:hover{background:var(--bleu);color:#fff;border-color:var(--bleu)}
.btn--bleu{background:var(--bleu);border-color:var(--bleu)}
.btn--bleu:hover{background:var(--bleu-2);border-color:var(--bleu-2)}
.btn--bloc{display:flex;width:100%}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}

/* Titres de section */
.section{padding:52px 0}
.section--serre{padding-top:20px}
.titre-section{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px}
.titre-section h2{font-size:32px}
.titre-section a{font-weight:600;color:var(--rouge);font-size:15px;white-space:nowrap}
.titre-section a:hover{color:var(--rouge-fonce);text-decoration:underline}
.surtitre{font-weight:600;font-size:13px;color:var(--rouge);letter-spacing:.06em;text-transform:uppercase}

/* Accueil */
.une{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:56px 0 40px}
.une h1{font-size:54px;line-height:1.06;margin:14px 0 18px}
.une .chapo{color:var(--gris);font-size:18px;max-width:540px}
.vitrine{background:var(--clair);border-radius:18px;padding:40px 36px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:end}
.vitrine a{display:block;transition:transform .2s}
.vitrine a:hover{transform:translateY(-4px)}
.vitrine img{width:100%;border-radius:4px;box-shadow:0 14px 30px rgba(20,36,58,.24)}
.vitrine__legende{grid-column:1 / -1;text-align:center;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gris);margin-top:14px}
.vitrine a:nth-child(2){transform:translateY(-24px)}
.vitrine a:nth-child(2):hover{transform:translateY(-28px)}
.tuiles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.tuile{background:var(--clair);border-radius:var(--rayon);padding:18px;display:flex;flex-direction:column;gap:4px;border:1px solid transparent;transition:border-color .15s,background .15s}
.tuile:hover{background:#fff;border-color:var(--bleu);color:inherit}
.tuile b{font-weight:600;color:var(--bleu);line-height:1.3}
.tuile span{font-size:13px;color:var(--gris)}
.bandeau{background:var(--bleu);color:#fff;border-radius:18px;padding:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.bandeau b{font:600 44px/1.1 var(--titre);display:block;color:#fff}
.bandeau span{color:var(--bleu-clair)}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.faq details{border:1px solid var(--filet);border-radius:var(--rayon);padding:20px 22px}
.faq summary{font-weight:600;color:var(--bleu);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--rouge);font-size:20px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--gris);font-size:15px;margin-top:10px}
.faq--fiche{grid-template-columns:1fr;margin-top:34px}
.faq--fiche h2{font-size:24px;margin-bottom:4px}
.sujets{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;margin:12px 0 2px}
.sujets span{color:var(--gris);margin-right:2px}
.sujets a,.sujets em{font-style:normal;border:1px solid var(--filet);border-radius:999px;padding:3px 10px;color:var(--texte)}
.sujets a:hover{border-color:var(--bleu);color:var(--bleu)}

/* Bloc « Le choix de la rédaction » (touche Bibliothèque) */
.redaction{background:var(--ivoire);border:1px solid var(--filet-ivoire);border-radius:18px;display:grid;grid-template-columns:230px 1fr;gap:48px;padding:44px;align-items:center}
.redaction img{width:100%;border:6px solid #fff;box-shadow:0 18px 40px rgba(40,30,10,.22)}
.redaction .surtitre{color:var(--laiton)}
.redaction h2{font-size:40px;margin:12px 0 6px;color:var(--texte)}
.redaction .par{font:italic 500 21px var(--titre);color:var(--kaki)}
.redaction p.texte{margin:16px 0 0;font-size:17px;color:#3b3d37;max-width:640px}
.redaction .btn{background:var(--kaki);border-color:var(--kaki)}
.redaction .btn:hover{background:#2E3826;border-color:#2E3826}
.redaction .btn--contour{background:none;color:var(--kaki)}
.redaction .btn--contour:hover{background:var(--kaki);color:#fff}

/* Cartes de livres */
.grille{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}
.grille--4{grid-template-columns:repeat(4,1fr)}
.carte{border:1px solid var(--filet);border-radius:var(--rayon);padding:14px;display:flex;flex-direction:column;background:#fff;transition:box-shadow .2s,border-color .2s;position:relative}
.carte:hover{box-shadow:0 10px 28px rgba(20,36,58,.1);border-color:#cfd3cd}
.carte__couv{display:block;aspect-ratio:2/3;background:var(--clair);border-radius:4px;overflow:hidden}
.carte__couv img{width:100%;height:100%;object-fit:cover}
.carte__theme{font-size:12px;font-weight:600;color:var(--rouge);margin-top:12px}
.carte__titre{font:600 15px/1.3 var(--texte-f);color:var(--bleu);margin-top:4px;letter-spacing:0}
.carte__titre a:hover{color:var(--rouge)}
.carte__auteur{font-size:14px;color:var(--gris);margin-top:2px}
.carte__auteur a:hover{color:var(--rouge);text-decoration:underline}
.carte__badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.badge{font-size:11px;font-weight:600;letter-spacing:.02em;border-radius:999px;padding:3px 9px;background:var(--ivoire);color:var(--kaki)}
.badge--video{background:#FBE9E5;color:var(--rouge-fonce)}
.carte__pied{margin-top:auto;padding-top:12px}
.carte__dz{display:block;background:var(--bleu);color:#fff;text-align:center;border-radius:8px;padding:8px;font-size:14px;font-weight:600}
.carte__dz:hover{background:var(--bleu-2);color:#fff}
.vide{color:var(--gris);padding:24px 0}

/* En-tête de page (thème, auteur, catalogue) */
.ariane{font-size:14px;color:var(--gris);padding:20px 0 0}
.ariane ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ariane li:not(:last-child)::after{content:"›";margin-left:6px;color:#9aa1a9}
.ariane a:hover{color:var(--rouge);text-decoration:underline}
.tete{padding:28px 0 8px;max-width:820px}
.tete h1{font-size:48px;margin:8px 0 14px}
.tete .intro{font-size:18px;color:var(--gris)}
.tete .intro p+p{margin-top:12px}
.compte{font-weight:600;color:var(--bleu);margin-top:16px}
.bio{max-width:760px;margin-top:20px;color:#2b3340}
.bio h2{font-size:24px;margin:26px 0 10px}
.bio p,.bio ul{margin:0 0 12px}
.fiches-theme{background:var(--ivoire);border-radius:18px;padding:32px;margin-top:28px}
.fiches-theme .titre-section h2{font-size:26px;color:var(--texte)}
.fiches-theme .surtitre{color:var(--laiton)}

/* Pagination */
.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:40px}
.pagination .page-numbers{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--filet);border-radius:8px;padding:0 12px;font-weight:600;font-size:15px}
.pagination .current{background:var(--bleu);border-color:var(--bleu);color:#fff}
.pagination a.page-numbers:hover{border-color:var(--bleu);color:var(--bleu)}

/* Fiche de lecture */
.fiche{display:grid;grid-template-columns:300px minmax(0,1fr) 300px;gap:44px;padding:24px 0 20px;align-items:start}
.fiche__couv img{width:100%;border-radius:6px;box-shadow:0 22px 44px rgba(20,36,58,.25)}
.fiche h1{font-size:48px;line-height:1.05;margin:10px 0 8px}
.fiche .par{font-size:18px;color:var(--gris)}
.fiche .par a{color:var(--bleu);font-weight:600}
.fiche .par a:hover{color:var(--rouge)}
.fiche .chapo{font:500 21px/1.5 var(--titre);color:#2b3340;margin:20px 0}
.fiche__cta-mobile{display:none}
.bref{background:var(--clair);border-radius:var(--rayon);padding:20px 24px;margin:20px 0}
.bref h2,.pourqui h2{font:700 13px var(--texte-f);letter-spacing:.06em;text-transform:uppercase;color:var(--rouge);margin-bottom:8px}
.bref ul{margin:0;padding-left:18px}
.bref li{margin:6px 0}
.pourqui{border-left:3px solid var(--laiton);padding:4px 0 4px 18px;margin:20px 0}
.pourqui h2{color:var(--laiton)}
.prose{font-size:17px;line-height:1.7;color:#25303d;max-width:70ch}
.prose h2{font-size:28px;margin:36px 0 12px}
.prose h3{font-size:22px;margin:28px 0 10px}
.prose p,.prose ul,.prose ol{margin:0 0 16px}
.prose ul,.prose ol{padding-left:22px}
.prose li{margin:6px 0}
.prose a{color:var(--rouge);text-decoration:underline;text-underline-offset:2px}
.prose a:hover{color:var(--rouge-fonce)}
.prose strong{color:var(--texte)}
.prose figure{margin:20px 0}
.prose .wp-block-embed__wrapper{position:relative}
.commander{margin-top:30px;padding:18px 22px;background:var(--ivoire);border:1px solid var(--filet-ivoire);border-radius:var(--rayon);font-weight:500;color:#3b3d37}
.commander a{color:var(--rouge);text-decoration:underline;text-underline-offset:2px;font-weight:600}
.commander a:hover{color:var(--rouge-fonce)}
.lien-dz{margin-top:10px;font-weight:600}
.lien-dz a{color:var(--rouge)}
.lien-dz a:hover{text-decoration:underline}
.achat{border:1px solid var(--filet);border-radius:14px;padding:22px;position:sticky;top:20px}
.achat h2{font:600 17px var(--texte-f);color:var(--bleu);margin-bottom:6px;letter-spacing:0}
.achat dl{margin:0}
.achat .ligne{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:9px 0;border-bottom:1px solid var(--filet)}
.achat dt{color:var(--gris)}
.achat dd{margin:0;text-align:right;font-weight:500}
.achat .btn{margin-top:14px}
.achat .btn+.btn{margin-top:10px}
.achat .note{font-size:13px;color:var(--gris);margin-top:12px}

/* Interview (touche Bibliothèque) */
.interview{background:var(--ivoire);border-radius:18px;padding:36px;display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center;margin-top:28px}
.interview .surtitre{color:var(--laiton)}
.interview h2{font-size:32px;margin:10px 0 12px;color:var(--texte)}
.interview p{color:#3b3d37}
.interview--plusieurs{grid-template-columns:1fr;gap:24px}
.interview__lien{margin-top:12px;font-weight:600;font-size:15px}
.interview__lien a{color:var(--rouge)}
.interview__lien a:hover{text-decoration:underline}
.episodes{display:grid;gap:20px}
.episodes--plusieurs{grid-template-columns:repeat(2,1fr)}
.episode{margin:0}
.episode figcaption{margin-top:10px;font-size:14px;color:#3b3d37}
.episode__type{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--laiton)}
.episode figcaption b{display:block;margin-top:2px;font-weight:600;color:var(--texte)}
.facade{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:12px;overflow:hidden;background:#000;cursor:pointer}
.facade img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .2s}
.facade:hover img{opacity:1}
.facade span{position:absolute;inset:0;margin:auto;width:72px;height:50px;border-radius:12px;background:var(--rouge);display:flex;align-items:center;justify-content:center}
.facade span::before{content:"";border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff;margin-left:4px}
.facade iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Pages thèmes et auteurs */
.themes-liste{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.theme-carte{display:grid;grid-template-columns:1fr 210px;gap:20px;border:1px solid var(--filet);border-radius:16px;padding:24px;align-items:center}
.theme-carte:hover{border-color:var(--bleu);color:inherit;box-shadow:0 10px 28px rgba(20,36,58,.08)}
.theme-carte h2{font-size:24px}
.theme-carte p{color:var(--gris);font-size:15px;margin-top:8px}
.theme-carte .compte{margin-top:10px;font-size:14px}
.theme-carte .mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.theme-carte .mini img{border-radius:3px;aspect-ratio:2/3;object-fit:cover;box-shadow:0 6px 14px rgba(20,36,58,.18)}
.lettres{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 28px;position:sticky;top:0;background:#fff;padding:12px 0;z-index:5;border-bottom:1px solid var(--filet)}
.lettres a{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--filet);font-weight:600}
.lettres a:hover{border-color:var(--bleu);color:var(--bleu)}
.lettre{margin-bottom:32px;scroll-margin-top:80px}
.lettre h2{font-size:30px;margin-bottom:12px;color:var(--rouge)}
.lettre ul{list-style:none;margin:0;padding:0;columns:4;column-gap:28px}
.lettre li{break-inside:avoid;padding:4px 0;font-size:15px}
.lettre li span{color:var(--gris);font-size:13px}
.lettre li a:hover{color:var(--rouge);text-decoration:underline}

/* Page simple */
.page-simple{max-width:760px;padding:28px 0 60px}
.page-simple h1{font-size:44px;margin:10px 0 24px}

/* Pied de page */
.pied{background:var(--clair);margin-top:56px;padding:48px 0 36px;color:var(--gris);font-size:14px}
.pied__haut{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px}
.pied .logo{color:var(--bleu);font-size:24px}
.pied .logo span{color:var(--rouge)}
.pied p{margin-top:12px;max-width:420px}
.pied h2{font:600 14px var(--texte-f);color:var(--bleu);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}
.pied ul{list-style:none;margin:0;padding:0}
.pied li{margin:6px 0}
.pied a:hover{color:var(--rouge)}
.pied__bas{border-top:1px solid var(--filet);margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

/* 404 */
.erreur{padding:60px 0;max-width:720px}
.erreur h1{font-size:48px;margin:10px 0 14px}
.erreur p{color:var(--gris);font-size:18px}

/* Adaptations */
@media (max-width:1180px){
	.grille{grid-template-columns:repeat(4,1fr)}
	.tuiles{grid-template-columns:repeat(4,1fr)}
	.fiche{grid-template-columns:240px minmax(0,1fr) 270px;gap:32px}
	.lettre ul{columns:3}
}
@media (max-width:980px){
	:root{--gouttiere:24px}
	.entete .w{flex-wrap:wrap;gap:12px 20px;padding-top:14px;padding-bottom:14px}
	.entete .recherche{order:3;flex-basis:100%}
	.entete nav{margin-left:auto}
	.home .entete .recherche{display:none}
	.une{grid-template-columns:1fr;gap:36px;padding-top:36px}
	.une h1{font-size:42px}
	.vitrine{max-width:520px}
	.grille{grid-template-columns:repeat(3,1fr)}
	.grille--4{grid-template-columns:repeat(2,1fr)}
	.tuiles{grid-template-columns:repeat(3,1fr)}
	.bandeau{grid-template-columns:repeat(2,1fr)}
	.faq{grid-template-columns:1fr}
	.redaction{grid-template-columns:170px 1fr;gap:28px;padding:28px}
	.redaction h2{font-size:32px}
	.fiche{grid-template-columns:200px minmax(0,1fr);gap:28px}
	.fiche__achat{grid-column:1 / -1}
	.achat{position:static}
	.fiche__cta-mobile{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
	.interview{grid-template-columns:1fr;gap:20px;padding:26px}
	.episodes--plusieurs{grid-template-columns:1fr}
	.themes-liste{grid-template-columns:1fr}
	.lettre ul{columns:2}
	.pied__haut{grid-template-columns:1fr 1fr 1fr}
	.pied__haut>div:first-child{grid-column:1 / -1}
}
@media (max-width:640px){
	:root{--gouttiere:16px}
	body{font-size:15px}
	.logo{font-size:22px}
	.entete .w{gap:8px 20px;min-height:0}
	.entete nav{margin-left:0;flex-basis:100%;gap:20px;font-size:14px}
	.recherche button{padding:0 14px}
	.btns .btn{flex:1 1 auto}
	.une h1{font-size:34px}
	.une .chapo{font-size:16px}
	.vitrine{padding:26px 20px;gap:12px}
	.section{padding:36px 0}
	.titre-section h2{font-size:24px}
	.grille,.grille--4{grid-template-columns:repeat(2,1fr);gap:14px}
	.carte{padding:10px}
	.tuiles{grid-template-columns:repeat(2,1fr);gap:10px}
	.tuile{padding:14px}
	.bandeau{padding:26px;gap:20px}
	.bandeau b{font-size:32px}
	.redaction{grid-template-columns:1fr;text-align:left}
	.redaction img{max-width:170px}
	.redaction h2{font-size:28px}
	.tete h1{font-size:34px}
	.tete .intro{font-size:16px}
	.fiche{grid-template-columns:1fr}
	.fiche__couv{max-width:220px}
	.fiche h1{font-size:34px}
	.fiche .chapo{font-size:18px}
	.prose{font-size:16px}
	.prose h2{font-size:24px}
	.theme-carte{grid-template-columns:1fr}
	.theme-carte .mini{max-width:220px}
	.lettre ul{columns:1}
	.fiches-theme{padding:20px}
	.pied__haut{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}