/* PÉRON 2026 — pages de contenu : pages d'articles (mentions légales, urbanisme, déchetterie… gabarit pages/page-articles.php)
 * et plan du site. En-tête : search.css · texte riche (.p26-rich) : p26.css. */

/* ---------- Pages d'articles (gabarit standard des pages saisies dans l'admin : v2026/articles.php) ----------
 * Contenu à gauche ; à droite une colonne latérale collante : sommaire puis encadrés ("sidebar" de l'admin). */
.p26-doc-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,44px);align-items:start;max-width:900px}
.p26-doc-layout.has-aside{grid-template-columns:minmax(0,1fr) 300px;max-width:none}
.p26-doc-layout__main{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0}
.p26-doc-layout__banner{width:100%;max-height:340px;object-fit:cover;border-radius:var(--p26-radius-lg);box-shadow:var(--p26-shadow-sm)}
.p26-doc-layout__side{display:grid;gap:16px;position:sticky;top:96px;max-height:calc(100vh - 112px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px}
.p26-article--side{padding:20px;background:linear-gradient(135deg,var(--p26-mint-50),#fff)}
.p26-article--side>h2{display:flex;align-items:center;gap:8px;font-size:1.02rem;margin-bottom:10px}
.p26-article--side>h2::before{content:"";flex:none;width:8px;height:8px;border-radius:2px;background:var(--p26-mint);transform:rotate(45deg)}
.p26-article--side .p26-rich{font-size:.94rem}

.p26-toc{padding:18px 18px 14px;background:#fff;border:1px solid var(--p26-line);border-radius:var(--p26-radius);box-shadow:var(--p26-shadow-sm)}
.p26-toc__title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--p26-teal);margin-bottom:8px}
.p26-toc ol{margin:0;padding:0;list-style:none;counter-reset:toc}
.p26-toc li{counter-increment:toc}
.p26-toc a{display:flex;gap:10px;padding:7px 8px;border-radius:10px;font-size:.9rem;font-weight:600;line-height:1.35;color:var(--p26-navy);text-decoration:none!important;transition:background .15s,color .15s}
.p26-toc a::before{content:counter(toc,decimal-leading-zero);flex:none;font-size:.74rem;font-weight:800;color:#a3abc6;padding-top:2px}
.p26-toc a:hover{background:var(--p26-mint-50);color:var(--p26-teal)}
.p26-toc a.is-active{background:var(--p26-mint-50);color:var(--p26-teal);box-shadow:inset 3px 0 0 var(--p26-mint)}
.p26-toc a.is-active::before{color:var(--p26-teal)}
.p26-toc ol ol{margin:0 0 4px 30px;border-left:2px solid var(--p26-line)}
.p26-toc ol ol a{padding:4px 8px;font-size:.82rem;font-weight:500;border-radius:0 8px 8px 0}
.p26-toc ol ol a::before,.p26-toc--plain a::before{content:none}
.p26-rich [id]{scroll-margin-top:100px}

.p26-article{padding:clamp(20px,3vw,32px);background:#fff;border:1px solid var(--p26-line);border-radius:var(--p26-radius-lg);box-shadow:var(--p26-shadow-sm);scroll-margin-top:100px}
.p26-article>h2{font-size:1.35rem;font-weight:800;margin-bottom:14px}
.p26-article:target{border-color:var(--p26-mint);box-shadow:0 0 0 4px var(--p26-mint-50),var(--p26-shadow-sm)}
.p26-article__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:18px}
.p26-article__gallery a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:var(--p26-line)}
.p26-article__gallery img{width:100%;height:100%;object-fit:cover}
.p26-article__video{position:relative;aspect-ratio:16/9;margin-top:18px;overflow:hidden;border-radius:14px;background:#000}
.p26-article__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.p26-article__docs{display:grid;gap:8px;margin-top:18px}
.p26-article__docs a{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--p26-line);border-radius:14px;font-weight:700;color:var(--p26-navy);text-decoration:none!important}
.p26-article__docs a:hover{border-color:var(--p26-mint);background:var(--p26-mint-50)}
.p26-article__docs .bi{color:var(--p26-teal);font-size:1.2rem}
.p26-article__docs span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p26-article__docs small{color:var(--p26-muted);font-weight:600}

/* ---------- Listes de documents (délibérations, arrêtés, comptes rendus : gabarit pages/liste-documents.php) ----------
 * Même mise en page que les pages d'articles ; fiches document = base documentaire (documents.css). */
.p26-ldoc__resume{font-weight:800;color:var(--p26-navy)}
.p26-ldoc__resume a{font-weight:600}
#p26-ldoc-liste{display:grid;gap:28px;transition:opacity .15s}
#p26-ldoc[aria-busy="true"] #p26-ldoc-liste{opacity:.5}
.p26-ldoc__group{scroll-margin-top:100px}
.p26-ldoc__gtitle{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:1.2rem;font-weight:800}
.p26-ldoc__gtitle span{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:var(--p26-mint-50);color:var(--p26-teal);font-size:.78rem}
.p26-ldoc__group:target .p26-ldoc__gtitle{color:var(--p26-teal)}
#p26-ldoc-sommaire{display:contents}
.p26-ldoc__filters{padding:18px 18px 14px;background:#fff;border:1px solid var(--p26-line);border-radius:var(--p26-radius);box-shadow:var(--p26-shadow-sm)}
.p26-ldoc__filters ul{margin:0;padding:0;list-style:none;display:grid;gap:2px}
.p26-ldoc__filters a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:10px;font-size:.92rem;font-weight:600;color:var(--p26-navy);text-decoration:none!important;transition:background .15s,color .15s}
.p26-ldoc__filters a small{flex:none;min-width:28px;padding:1px 8px;border-radius:999px;background:var(--p26-line);color:var(--p26-muted);font-size:.75rem;font-weight:800;text-align:center}
.p26-ldoc__filters a:hover{background:var(--p26-mint-50);color:var(--p26-teal)}
.p26-ldoc__filters a.is-active{background:var(--p26-navy);color:#fff}
.p26-ldoc__filters a.is-active small{background:var(--p26-mint);color:var(--p26-navy-900)}
#p26-ldoc.is-searching .p26-ldoc__filters[aria-label="Années"] a.is-active{background:transparent;color:var(--p26-navy)}
#p26-ldoc.is-searching .p26-ldoc__filters[aria-label="Années"] a.is-active small{background:var(--p26-line);color:var(--p26-muted)}
.p26-ldoc__cm{display:flex;gap:10px;align-items:flex-start}
.p26-ldoc__cm .bi{font-size:1.3rem;color:var(--p26-teal)}
.p26-ldoc__all{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px dashed #c8cfe3;border-radius:var(--p26-radius);font-size:.88rem;color:var(--p26-navy);text-decoration:none!important;transition:border-color .15s,background .15s}
.p26-ldoc__all>.bi:first-child{font-size:1.3rem;color:var(--p26-teal)}
.p26-ldoc__all span{flex:1}
.p26-ldoc__all:hover{border-color:var(--p26-mint);background:var(--p26-mint-50)}

/* ---------- Plan du site ---------- */
.p26-plan{columns:3 300px;column-gap:20px}
.p26-plan__group{break-inside:avoid;margin-bottom:20px;padding:22px 22px 16px;background:#fff;border:1px solid var(--p26-line);border-radius:var(--p26-radius-lg);box-shadow:var(--p26-shadow-sm)}
.p26-plan__group>h2{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:800;margin-bottom:10px}
.p26-plan__group--quick{background:linear-gradient(135deg,var(--p26-mint-50),#fff)}
.p26-plan__ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--p26-mint-50);color:var(--p26-teal);font-size:1.1rem}
.p26-plan__group--quick .p26-plan__ic{background:var(--p26-mint);color:var(--p26-navy-900)}
.p26-plan__desc{margin:-4px 0 8px;font-size:.88rem;color:var(--p26-muted)}
.p26-plan__list{margin:0;padding:0;list-style:none}
.p26-plan__list a{display:flex;flex-direction:column;padding:8px 10px;margin:0 -10px;border-radius:10px;color:var(--p26-navy);text-decoration:none!important;transition:background .15s}
.p26-plan__list a span{font-weight:700}
.p26-plan__list a span::before{content:"";display:inline-block;width:6px;height:6px;margin:0 10px 2px 0;border-radius:2px;background:var(--p26-mint);vertical-align:middle;transition:transform .2s}
.p26-plan__list a small{padding-left:16px;font-size:.8rem;line-height:1.35;color:var(--p26-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.p26-plan__list a:hover{background:var(--p26-mint-50)}
.p26-plan__list a:hover span{color:var(--p26-teal)}
.p26-plan__list a:hover span::before{transform:rotate(45deg) scale(1.2)}
.p26-plan__sub{margin:10px 0 4px}
.p26-plan__subtitle{display:block;margin-bottom:2px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--p26-teal)}
.p26-plan__list--2,.p26-plan__list--3{padding-left:12px;border-left:2px solid var(--p26-line)}
.p26-plan__status{margin-bottom:14px;font-weight:800;color:var(--p26-navy)}
.p26-plan.is-filtered .p26-plan__list a small{-webkit-line-clamp:unset}

/* ---------- Adaptations ---------- */
@media (max-width:1100px){
	.p26-doc-layout.has-aside{grid-template-columns:minmax(0,1fr) 260px}
}
/* Une colonne : sommaire en tête, puis le contenu, puis les encadrés */
@media (max-width:860px){
	.p26-doc-layout.has-aside{grid-template-columns:minmax(0,1fr)}
	.p26-doc-layout__side{display:contents}
	.p26-toc{order:-1}
	.p26-ldoc__filters{order:-2}
	.p26-ldoc__filters ul{display:flex;flex-wrap:wrap;gap:6px}
	.p26-ldoc__filters a{border:1px solid var(--p26-line)}
	.p26-article--side,.p26-ldoc__all{order:1}
}