/* =================================================================
   AGILISTES.FR — Design éditorial sur-mesure (thème enfant Newsmatic)
   Palette : blanc · noir encre · vert profond #1F5A3D
   Typo    : Fraunces (titres) · Inter (texte)
   ================================================================= */

:root{
  --ag-bg:#ffffff; --ag-cream:#f7f4ed; --ag-ink:#14161a; --ag-ink-soft:#4c515a;
  --ag-muted:#8d9299; --ag-green:#1f5a3d; --ag-green-d:#16432d; --ag-green-l:#5c8c72;
  --ag-line:#e7e6df; --ag-line-soft:#f0efe9;
  --ag-serif:"Fraunces",Georgia,"Times New Roman",serif;
  --ag-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ag-maxw:1240px; --ag-read:720px;
}

/* ---------- Base ---------- */
body.ag-site{background:var(--ag-bg);color:var(--ag-ink);font-family:var(--ag-sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.ag-site img{max-width:100%;height:auto}
.ag-site a{color:inherit;text-decoration:none}
.ag-wrap{max-width:var(--ag-maxw);margin:0 auto;padding:0 32px}
.ag-home,.ag-site h1,.ag-site h2,.ag-site h3,.ag-site h4{font-family:var(--ag-serif)}

.ag-eyebrow{font:600 11px/1 var(--ag-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ag-green);display:inline-block}
.ag-dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--ag-muted);margin:0 9px;vertical-align:middle}
.ag-meta{font:500 12.5px/1 var(--ag-sans);letter-spacing:.02em;color:var(--ag-muted)}
.ag-meta b{font-weight:600;color:var(--ag-ink)}
.ag-media{overflow:hidden;background:#eceae3;position:relative;display:block}
.ag-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1)}
a:hover>.ag-media img,.ag-media:hover img{transform:scale(1.05)}
.ag-media__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;background:linear-gradient(135deg,#f4f2ea 0%,#e8efe9 100%)}
.ag-media__ph span{font-family:var(--ag-serif);font-weight:600;font-size:clamp(15px,1.6vw,22px);letter-spacing:.01em;color:var(--ag-green-l)}
.ag-media__ph::after{content:"";position:absolute;left:50%;bottom:20px;width:24px;height:2px;background:var(--ag-green-l);transform:translateX(-50%);opacity:.5}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.skip-link{position:absolute;left:-9999px}

/* =================================================================
   MASTHEAD
   ================================================================= */
.ag-mast{border-bottom:1px solid var(--ag-line);position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);z-index:200;transition:box-shadow .25s}
.ag-mast.is-scrolled{box-shadow:0 1px 20px rgba(20,22,26,.06)}
.ag-mast__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:16px 32px;max-width:var(--ag-maxw);margin:0 auto}
.ag-mast__side{font:600 11px/1 var(--ag-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ag-ink-soft)}
.ag-mast__side--right{justify-self:end;display:flex;align-items:center;gap:18px}
.ag-mast__date{color:var(--ag-muted)}

.ag-brand{font-family:var(--ag-serif);text-align:center;color:var(--ag-ink);justify-self:center;line-height:1}
.ag-brand__name{font:600 30px/1 var(--ag-serif);letter-spacing:-.02em;color:var(--ag-ink)}
.ag-brand small{display:block;font:600 9.5px/1 var(--ag-sans);letter-spacing:.34em;text-transform:uppercase;color:var(--ag-muted);margin-top:8px}
.ag-brand img,.ag-brand .custom-logo{max-height:54px;width:auto;margin:0 auto;display:block}

.ag-search-toggle{width:34px;height:34px;border:1px solid var(--ag-line);border-radius:50%;display:grid;place-items:center;color:var(--ag-ink);background:#fff;cursor:pointer;padding:0;transition:.2s}
.ag-search-toggle:hover{border-color:var(--ag-green);color:var(--ag-green)}

.ag-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;border:0;background:none;cursor:pointer;padding:8px}
.ag-burger span{display:block;height:2px;background:var(--ag-ink);border-radius:2px;transition:.25s}

.ag-cats{border-top:1px solid var(--ag-line)}
.ag-cats__list{max-width:var(--ag-maxw);margin:0 auto;padding:0 32px;display:flex;justify-content:center;gap:30px;list-style:none;flex-wrap:wrap}
.ag-cats__list li{margin:0}
.ag-cats__list a{display:block;padding:14px 0;font:600 12px/1 var(--ag-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ag-ink);position:relative}
.ag-cats__list a:hover{color:var(--ag-green)}
.ag-cats__list a::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:var(--ag-green);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.ag-cats__list li:hover>a::after,.ag-cats__list .current-menu-item>a::after{transform:scaleX(1)}
.ag-cats__list .current-menu-item>a{color:var(--ag-green)}

/* Panneau de recherche */
.ag-searchpanel{border-top:1px solid var(--ag-line);background:#fff}
.ag-searchpanel__inner{max-width:var(--ag-maxw);margin:0 auto;padding:18px 32px}
.search-form{display:flex;gap:10px;max-width:560px;margin:0 auto}
.search-field,input[type="search"]{flex:1;border:1px solid var(--ag-line);border-radius:4px;background:var(--ag-cream);padding:13px 16px;font:400 15px var(--ag-sans);box-shadow:none}
.search-field:focus,input[type="search"]:focus{outline:none;border-color:var(--ag-green);background:#fff}
.search-submit,input[type="submit"].search-submit{border:0;border-radius:4px;background:var(--ag-green);color:#fff;font:600 12px/1 var(--ag-sans);letter-spacing:.08em;text-transform:uppercase;padding:0 22px;cursor:pointer}
.search-submit:hover{background:var(--ag-green-d)}

/* =================================================================
   HERO
   ================================================================= */
.ag-hero{display:grid;grid-template-columns:1.32fr 1fr;gap:56px;align-items:center;padding:64px 0 72px;border-bottom:1px solid var(--ag-line)}
.ag-hero__media{aspect-ratio:16/11;border-radius:6px}
.ag-hero__title{font:600 clamp(38px,4.6vw,62px)/1.04 var(--ag-serif);letter-spacing:-.025em;margin:18px 0 20px;color:var(--ag-ink)}
.ag-hero__title a:hover{color:var(--ag-green)}
.ag-hero__dek{font:400 19px/1.7 var(--ag-sans);color:var(--ag-ink-soft);max-width:46ch;margin-bottom:26px}
.ag-hero .ag-meta{margin-bottom:24px}
.ag-readlink{font:600 12px/1 var(--ag-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ag-green);border-bottom:2px solid var(--ag-green);padding-bottom:6px;display:inline-block}
.ag-readlink:hover{color:var(--ag-green-d);border-color:var(--ag-green-d)}

/* =================================================================
   TRIO
   ================================================================= */
.ag-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:64px 0;border-bottom:1px solid var(--ag-line)}
.ag-card .ag-media{aspect-ratio:3/2;border-radius:5px;margin-bottom:18px}
.ag-card__title{font:600 22px/1.22 var(--ag-serif);letter-spacing:-.015em;margin:10px 0 12px;color:var(--ag-ink)}
.ag-card__title a:hover{color:var(--ag-green)}

/* =================================================================
   SECTION HEAD
   ================================================================= */
.ag-shead{display:flex;align-items:baseline;justify-content:space-between;padding:64px 0 30px}
.ag-shead h2{font:600 30px/1 var(--ag-serif);letter-spacing:-.02em;color:var(--ag-ink)}
.ag-shead h2 span{color:var(--ag-green-l)}
.ag-seeall{font:600 12px/1 var(--ag-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ag-ink)}
.ag-seeall:hover{color:var(--ag-green)}

/* =================================================================
   FEATURE (flux + aside)
   ================================================================= */
.ag-feature{display:grid;grid-template-columns:1fr 340px;gap:56px;padding-bottom:72px;border-bottom:1px solid var(--ag-line)}
.ag-feed{display:flex;flex-direction:column}
.ag-row{display:grid;grid-template-columns:240px 1fr;gap:26px;padding:28px 0;border-top:1px solid var(--ag-line);align-items:center}
.ag-row:first-child{border-top:0;padding-top:0}
.ag-row .ag-media{aspect-ratio:3/2;border-radius:5px}
.ag-row__title{font:600 23px/1.25 var(--ag-serif);letter-spacing:-.015em;margin:9px 0 10px;color:var(--ag-ink)}
.ag-row__title a:hover{color:var(--ag-green)}
.ag-row p{font:400 15px/1.6 var(--ag-sans);color:var(--ag-ink-soft);margin:0 0 10px;max-width:52ch}

.ag-aside h3{font:600 13px/1 var(--ag-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ag-ink);padding-bottom:16px;border-bottom:2px solid var(--ag-ink);margin-bottom:6px}
.ag-pop{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--ag-line);align-items:flex-start}
.ag-pop__n{font:600 22px/1 var(--ag-serif);color:var(--ag-green-l);min-width:30px}
.ag-pop__t{font:600 16px/1.32 var(--ag-serif);letter-spacing:-.01em;color:var(--ag-ink)}
.ag-pop__t a:hover{color:var(--ag-green)}
.ag-pop .ag-meta{margin-top:7px;display:block}
.ag-aside__cta{margin-top:30px;background:var(--ag-cream);border-radius:6px;padding:28px 24px}
.ag-aside__cta .ag-eyebrow{margin-bottom:10px}
.ag-aside__cta p{font:400 14px/1.55 var(--ag-sans);color:var(--ag-ink-soft);margin-bottom:16px}
.ag-aside__cta a{display:inline-block;background:var(--ag-green);color:#fff;font:600 12px/1 var(--ag-sans);letter-spacing:.08em;text-transform:uppercase;padding:13px 20px;border-radius:4px}
.ag-aside__cta a:hover{background:var(--ag-green-d)}

/* =================================================================
   GRID
   ================================================================= */
.ag-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px 32px;padding-bottom:80px}
.ag-tile .ag-media{aspect-ratio:4/3;border-radius:5px;margin-bottom:15px}
.ag-tile__title{font:600 18px/1.28 var(--ag-serif);letter-spacing:-.01em;margin:9px 0 10px;color:var(--ag-ink)}
.ag-tile__title a:hover{color:var(--ag-green)}

/* =================================================================
   NEWSLETTER
   ================================================================= */
.ag-news{background:var(--ag-green);color:#fff;text-align:center;padding:84px 32px}
.ag-news .ag-eyebrow{color:#a9d9bf}
.ag-news h2{font:600 clamp(30px,3.6vw,46px)/1.1 var(--ag-serif);letter-spacing:-.02em;margin:14px 0;color:#fff}
.ag-news p{color:#cfe6da;max-width:46ch;margin:0 auto 30px;font-size:16px}
.ag-news form{display:flex;gap:10px;max-width:480px;margin:0 auto}
.ag-news input{flex:1;border:0;border-radius:4px;padding:15px 18px;font:400 15px var(--ag-sans)}
.ag-news button{border:0;border-radius:4px;background:#fff;color:var(--ag-green);font:600 13px/1 var(--ag-sans);letter-spacing:.08em;text-transform:uppercase;padding:0 24px;cursor:pointer}
.ag-news button:hover{background:var(--ag-ink);color:#fff}

/* =================================================================
   FOOTER
   ================================================================= */
.ag-foot{background:#111317;color:#9aa0a8;border-top:3px solid var(--ag-green);padding:70px 0 0;margin-top:0}
.ag-foot__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:48px;padding-bottom:48px}
.ag-foot__brand .ag-brand{text-align:left}
.ag-foot__brand .ag-brand__name{color:#fff}
.ag-foot__brand p{font-size:14px;line-height:1.6;margin-top:18px;max-width:36ch;color:#8b9097}
.ag-foot h4{font:600 11px/1 var(--ag-sans);letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:18px}
.ag-foot ul{list-style:none;margin:0;padding:0}
.ag-foot li{padding:7px 0}
.ag-foot a{font-size:14px;color:#aab0b8}
.ag-foot a:hover{color:#fff}
.ag-foot__bottom{border-top:1px solid rgba(255,255,255,.09);padding:24px 0;font-size:13px;color:#71767e;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}

/* =================================================================
   PAGES D'ARTICLES & ARCHIVES (templates parent + nos overrides)
   ================================================================= */
.single .site-main,.archive .site-main,.page .site-main,.search .site-main,.blog .site-main{padding:48px 0 64px}
.single .newsmatic-container,.archive .newsmatic-container,.page .newsmatic-container,.search .newsmatic-container{max-width:var(--ag-maxw)!important;padding:0 32px!important;margin:0 auto!important}

/* On masque la sidebar et on centre la lecture sur les articles/pages */
.single .secondary-sidebar,.single .widget-area,.single .secondary-left-sidebar,
.page .secondary-sidebar,.page .widget-area{display:none!important}
.single .primary-content,.page .primary-content{width:100%!important;max-width:100%!important;flex:0 0 100%!important;float:none!important}

/* Fil d'Ariane */
.newsmatic-breadcrumb,.breadcrumb,.trail-items{font:600 12px/1.6 var(--ag-sans)!important;letter-spacing:.04em;text-transform:uppercase;color:var(--ag-muted)!important;margin-bottom:8px}
.newsmatic-breadcrumb a,.breadcrumb a{color:var(--ag-muted)!important}
.newsmatic-breadcrumb a:hover{color:var(--ag-green)!important}

/* Titre + méta d'article */
.single .entry-title,.page .entry-title{font-family:var(--ag-serif)!important;max-width:860px;margin:14px auto!important;text-align:center;font-size:clamp(32px,5vw,52px)!important;line-height:1.12;letter-spacing:-.02em;color:var(--ag-ink)!important}
.single .entry-header .post-meta,.single .entry-meta{justify-content:center;text-align:center;margin-bottom:26px;color:var(--ag-muted)!important;font-family:var(--ag-sans)!important}
.single .entry-header .post-categories,.single .post-categories{text-align:center;display:block;margin-bottom:14px}
.single .post-categories li,.single .entry-header .post-categories li{background:transparent!important;border:0!important;margin:0 6px!important;padding:0!important;border-radius:0!important;display:inline-block}
.single .post-categories a,.single .entry-header .post-categories a{background:transparent!important;color:var(--ag-green)!important;font:700 11px/1.4 var(--ag-sans)!important;letter-spacing:.16em;text-transform:uppercase;padding:0!important;border:0!important}

/* Image à la une */
.single .post-thumbnail,.single figure.feature_image,.single .single-feature-image{max-width:1080px;margin:0 auto 40px!important;border-radius:6px;overflow:hidden}
.single .post-thumbnail img{width:100%;height:auto;display:block}

/* Corps de lecture */
.single .entry-content,.page .entry-content{max-width:var(--ag-read);margin:0 auto;font-family:var(--ag-sans);font-size:19px;line-height:1.85;color:var(--ag-ink)}
.single .entry-content p{margin:0 0 1.5em}
.single .entry-content h2{font:600 30px/1.25 var(--ag-serif)!important;margin:1.8em 0 .6em;color:var(--ag-ink)}
.single .entry-content h3{font:600 24px/1.3 var(--ag-serif)!important;margin:1.6em 0 .5em;color:var(--ag-ink)}
.single .entry-content a{color:var(--ag-green);text-decoration:underline;text-decoration-color:var(--ag-green-l);text-underline-offset:3px}
.single .entry-content img,.single .entry-content figure{border-radius:6px;margin:2em 0}
.single .entry-content blockquote{border-left:3px solid var(--ag-green);margin:1.8em 0;padding:4px 0 4px 24px;font-family:var(--ag-serif);font-size:22px;font-style:italic}

/* Cartes d'archive : titres en serif, accents verts */
.archive .post-title,.search .post-title,.blog .post-title,.archive .entry-title{font-family:var(--ag-serif)!important}
.archive .post-title a,.search .post-title a,.blog .post-title a{color:var(--ag-ink)!important}
.archive .post-title a:hover,.search .post-title a:hover{color:var(--ag-green)!important}
.archive .post-categories a,.blog .post-categories a,.search .post-categories a{background:var(--ag-green)!important;color:#fff!important}

/* Boutons / pagination génériques */
.wp-element-button,.wp-block-button__link,.newsmatic-btn{background:var(--ag-green)!important;color:#fff!important;border-radius:4px!important;font-family:var(--ag-sans)!important}
.page-numbers{border:1px solid var(--ag-line)!important;color:var(--ag-ink)!important;border-radius:4px!important;font-family:var(--ag-sans)!important;background:#fff!important}
.page-numbers.current,.page-numbers:hover{background:var(--ag-green)!important;color:#fff!important;border-color:var(--ag-green)!important}

::selection{background:rgba(31,90,61,.16);color:var(--ag-ink)}

/* =================================================================
   RESPONSIVE
   ================================================================= */
@media(max-width:1000px){
  .ag-hero{grid-template-columns:1fr;gap:28px;padding:40px 0}
  .ag-feature{grid-template-columns:1fr;gap:48px}
  .ag-grid{grid-template-columns:repeat(2,1fr)}
  .ag-trio{grid-template-columns:1fr 1fr;gap:30px}
  .ag-foot__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .ag-mast__bar{grid-template-columns:auto 1fr auto}
  .ag-burger{display:flex}
  .ag-mast__side--left{display:none}
  .ag-brand{justify-self:start}
  .ag-mast__date{display:none}
  .ag-cats__list{display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 0}
  .ag-mast.is-nav-open .ag-cats__list{display:flex}
  .ag-cats__list a{padding:14px 32px}
  .ag-cats__list a::after{display:none}
}
@media(max-width:600px){
  body.ag-site{font-size:16px}
  .ag-wrap{padding:0 18px}
  .ag-mast__bar{padding:12px 18px}
  .ag-trio{grid-template-columns:1fr}
  .ag-row{grid-template-columns:1fr;gap:14px}
  .ag-row .ag-media{aspect-ratio:16/9}
  .ag-grid{grid-template-columns:1fr 1fr;gap:24px 18px}
  .ag-foot__grid{grid-template-columns:1fr}
  .ag-news form{flex-direction:column}
  .single .entry-content,.page .entry-content{font-size:17px}
}