/* Blog, articles, categories, recherche, accessibilite de base (20/09/2026) */

/* --- Accessibilite de base --- */
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.adw-skip{position:absolute;left:12px;top:-60px;z-index:1000;padding:12px 18px;border-radius:999px;background:var(--color-ink);color:var(--color-white);font-weight:700;text-decoration:none;transition:top .15s;}
.adw-skip:focus{top:12px;}
#contenu{display:block;height:0;outline:none;}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-blue);outline-offset:3px;border-radius:4px;}
.c-button:focus-visible{outline-color:var(--color-ink);}
.pluggio-module--dark a:focus-visible,.c-cta-band a:focus-visible{outline-color:var(--color-white);}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}

/* --- Fil d'Ariane --- */
.adw-crumbs{margin:0 0 18px;font-size:14px;color:#4A5F75;}
.adw-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;margin:0;padding:0;}
.adw-crumbs li{display:inline-flex;align-items:center;}
.adw-crumbs li+li::before{content:"›";margin:0 8px;color:#7A8CA0;}
.adw-crumbs a{color:#4A5F75;text-decoration:none;}
.adw-crumbs a:hover{color:var(--color-ink);}
.adw-crumbs [aria-current]{color:var(--color-ink);font-weight:600;}

/* --- En-tete compact (blog, categories, recherche, 404) --- */
.adw-page-header{background:linear-gradient(180deg,var(--color-surface),var(--color-white));padding-top:56px;padding-bottom:36px;}
.adw-page-header__inner{max-width:820px;}
.adw-page-header h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.025em;margin:10px 0 18px;text-wrap:balance;}
.adw-page-header p{font-size:18px;line-height:1.6;color:#4A5F75;max-width:64ch;margin:0 0 8px;}
.adw-search{display:flex;gap:12px;max-width:560px;margin-top:26px;}
.adw-search input{flex:1;min-width:0;}
.adw-search .c-button{border:0;cursor:pointer;font:inherit;font-weight:600;white-space:nowrap;}
@media (max-width:520px){.adw-search{flex-direction:column;}}

/* --- Filtres par cocon --- */
.adw-chips{margin:26px 0 8px;}
.adw-chips ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0;}
.adw-chips a{display:inline-block;padding:10px 16px;border:1px solid var(--color-line);border-radius:999px;background:var(--color-white);color:var(--color-ink);font-weight:700;font-size:15px;text-decoration:none;transition:background var(--motion),color var(--motion),border-color var(--motion);}
.adw-chips a:hover{border-color:var(--color-ink);}
.adw-chips a.is-active{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-white);}

/* --- Grille et cartes d'articles --- */
.adw-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px;}
@media (max-width:980px){.adw-posts{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.adw-posts{grid-template-columns:1fr;}}
.adw-post-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-visual);background:var(--color-white);box-shadow:0 10px 35px rgba(11,31,51,.05);transition:transform var(--motion),box-shadow var(--motion);}
.adw-post-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(11,31,51,.12);}
.adw-post-card__media{display:block;aspect-ratio:16/9;background:var(--color-mist);overflow:hidden;}
.adw-post-card__media img{display:block;width:100%;height:100%;object-fit:cover;}
.adw-post-card__ph{display:flex;align-items:flex-end;height:100%;padding:18px 20px;font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--color-white);background:linear-gradient(135deg,#0B1F33,#2F80ED);}
.adw-post-card__ph[data-tone="coral"]{background:linear-gradient(135deg,#C8392E,#FF8A6B);}
.adw-post-card__ph[data-tone="blue"]{background:linear-gradient(135deg,#1558A4,#2F80ED);}
.adw-post-card__ph[data-tone="ink"]{background:linear-gradient(135deg,#0B1F33,#1F4A78);}
.adw-post-card__body{display:flex;flex-direction:column;gap:10px;flex:1;padding:22px 24px 24px;}
.adw-post-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;font-size:13px;color:#4A5F75;}
.adw-post-card h3{margin:0;font-size:21px;line-height:1.22;}
.adw-post-card h3 a{color:var(--color-ink);text-decoration:none;}
.adw-post-card h3 a:hover{text-decoration:underline;text-underline-offset:3px;}
.adw-post-card__excerpt{margin:0;color:#4A5F75;font-size:15px;line-height:1.55;}
.adw-post-card__more{margin-top:auto;padding-top:6px;font-weight:700;color:#145BA6;text-decoration:none;}
.adw-post-card__more:hover{text-decoration:underline;text-underline-offset:3px;}
.adw-tag{display:inline-flex;padding:5px 11px;border-radius:999px;background:#DCEEFF;color:#0F4A87;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;}
a.adw-tag:hover{background:#C6E0FF;}
.adw-empty{margin-top:30px;padding:40px 32px;border:1px dashed var(--color-line);border-radius:var(--radius-visual);background:var(--color-mist);text-align:center;}
.adw-empty p{margin:0 0 16px;font-size:17px;color:#4A5F75;}

/* --- Pagination --- */
.adw-pagination{margin-top:40px;}
.adw-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:0;padding:0;}
.adw-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border:1px solid var(--color-line);border-radius:999px;color:var(--color-ink);font-weight:700;text-decoration:none;background:var(--color-white);}
.adw-pagination a.page-numbers:hover{border-color:var(--color-ink);}
.adw-pagination .page-numbers.current{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-white);}
.adw-pagination .page-numbers.dots{border:0;background:transparent;}

/* --- Article : en-tete, sommaire, corps --- */
.adw-article-hero{background:linear-gradient(180deg,var(--color-surface),var(--color-white));padding:44px 0 26px;}
.adw-article-hero__inner{max-width:720px;margin:0 auto;}
.adw-article-hero h1{font-size:clamp(30px,4.4vw,46px);line-height:1.12;letter-spacing:-.025em;margin:14px 0 16px;text-wrap:balance;}
.adw-article-hero__lede{font-size:19px;line-height:1.6;color:#33475C;margin:0 0 18px;}
.adw-article-meta{display:flex;flex-wrap:wrap;gap:6px 22px;list-style:none;margin:0;padding:0;font-size:14px;color:#4A5F75;}
.adw-article-meta a{color:#4A5F75;text-underline-offset:3px;}
.adw-article-cover{max-width:720px;margin:8px auto 8px;}
.adw-article-cover img{display:block;width:100%;height:auto;border-radius:var(--radius-visual);}
.adw-toc{max-width:720px;margin:14px auto 0;padding:22px 26px;border-left:4px solid var(--color-coral);border-radius:0 var(--radius-card) var(--radius-card) 0;background:var(--color-mist);}
.adw-toc__title{margin:0 0 10px;font-family:var(--font-display);font-weight:800;font-size:17px;}
.adw-toc ol{margin:0;padding-left:1.3em;}
.adw-toc li{margin:6px 0;line-height:1.45;}
.adw-toc a{color:var(--color-ink);text-underline-offset:3px;}
.adw-toc a:hover{color:#145BA6;}
.adw-main--article .c-richtext h2{scroll-margin-top:24px;font-size:clamp(25px,3vw,34px);}
.adw-main--article .c-richtext h3{scroll-margin-top:24px;}
.adw-main--article [data-module="rich-text"]{padding-top:28px;padding-bottom:28px;}
.adw-main--article .c-richtext a{color:#145BA6;}
.adw-author{padding-top:20px;padding-bottom:20px;}
.adw-author__card{display:flex;gap:20px;align-items:flex-start;max-width:720px;margin:0 auto;padding:26px 28px;border:1px solid var(--color-line);border-radius:var(--radius-visual);background:var(--color-white);box-shadow:0 10px 35px rgba(11,31,51,.05);}
.adw-author__card img{flex:0 0 72px;width:72px;height:72px;border-radius:16px;object-fit:cover;}
.adw-author__card p{margin:0 0 8px;line-height:1.55;}
.adw-author__label{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#4A5F75;}
.adw-author__name{font-family:var(--font-display);font-weight:800;font-size:20px;}
@media (max-width:560px){.adw-author__card{flex-direction:column;}}

/* --- Correctifs mobile (20/09/2026) : dark-badges-split faisait deborder les pages, titres H1 de projet --- */
.c-badges-split > *{min-width:0;}
.c-badges-split__cards{grid-template-columns:repeat(2,minmax(0,1fr));}
@media (max-width:600px){
  .c-badges-split__cards{gap:14px;}
  .c-badges-split__cards .c-card{padding:20px 14px;}
  .c-badges-split__cards .c-card h3{font-size:16px;overflow-wrap:anywhere;hyphens:auto;}
}
.c-richtext{overflow-wrap:break-word;}
[data-module="project-featured"] h1{font-size:clamp(28px,3.4vw,44px);letter-spacing:-.02em;line-height:1.15;}

/* --- Accessibilite : contraste du surtitre (corail #FF6B5F sur clair = 2,8:1 -> #C8392E = 5,2:1) et longs mots des titres de hero --- */
.c-kicker{color:#C8392E;}
.pluggio-module--dark .c-kicker,.pluggio-module--blue .c-kicker,.c-cta-band .c-kicker,.c-hero--centered.has-bg-image .c-kicker,.adw-footer .c-kicker{color:var(--color-coral);}
.c-hero--centered h1{overflow-wrap:break-word;hyphens:auto;}

/* --- Contrastes (WCAG AA, 20/09/2026) : coral fonce pour les boutons et cartes coral, bleu fonce pour les liens sur fond clair --- */
.c-button,.c-button--coral{background:#C8392E;}
.c-button:hover{box-shadow:0 10px 24px rgba(200,57,46,.35);}
.c-button--outline{background:transparent;color:var(--color-ink);}
.c-button--light{background:var(--color-white);color:var(--color-ink);}
.c-button--blue{background:#1558A4;}
.c-card--coral{background:linear-gradient(135deg,#C8392E,#D4493B);}
.pluggio-module--coral{background:#C8392E;}
.pluggio-module:not(.pluggio-module--dark):not(.pluggio-module--blue):not(.pluggio-module--coral):not(.c-cta-band) :is(p,li,td,details) a:not(.c-button):not(.adw-tag):not(.is-active){color:#1558A4;}

/* --- Code dans les articles (21/09/2026) --- */
.c-richtext code{background:#EDF1F5;color:#0B1F33;padding:2px 6px;border-radius:4px;font-size:.92em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;overflow-wrap:anywhere;}
.c-richtext pre{background:#0B1F33;color:#E8F0F8;padding:18px 20px;border-radius:10px;overflow-x:auto;max-width:100%;font-size:14.5px;line-height:1.65;margin:1.2em 0;-webkit-overflow-scrolling:touch;}
.c-richtext pre code{background:none;color:inherit;padding:0;font-size:inherit;overflow-wrap:normal;white-space:pre;}