/* PÉRON 2026 — pages Mairie : séance du conseil, journal municipal, Péron Info, offres d'emploi (données : v2026/mairie.php).
 * Mise en page avec colonne latérale : pages.css (.p26-doc-layout) · texte riche : p26.css. */

.p26-mairie__muted{color:var(--p26-muted)}
.p26-mairie__nav{margin-bottom:24px}
.p26-mairie__notice{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:var(--p26-radius);background:#fff4e5;color:#7a4a00;font-weight:600}
.p26-mairie__notice .bi{font-size:1.2rem}
.p26-dlmeta{margin-left:4px;font-size:.78em;font-weight:600;opacity:.75}
.p26-btn--block{display:flex;width:100%}
.p26-kicker--light{color:var(--p26-mint)}

/* ---------- Séance du conseil ---------- */
.p26-cm__next{display:flex;gap:22px;align-items:flex-start}
.p26-cm__cal{display:flex;flex-direction:column;align-items:center;flex:none;width:96px;padding:10px 0 12px;border-radius:18px;background:var(--p26-navy);color:#fff;line-height:1.1;text-align:center}
.p26-cm__cal span{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--p26-mint)}
.p26-cm__cal strong{font-size:2.6rem;font-weight:800}
.p26-cm__when{font-size:1.25rem;font-weight:800;color:var(--p26-navy)}
.p26-cm__when span{font-weight:600;color:var(--p26-muted)}
.p26-cm__where{margin-top:6px;font-weight:600}
.p26-cm__where .bi{color:var(--p26-teal)}
.p26-cm__tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}
.p26-cm__odj-t{margin:22px 0 10px;font-size:1.1rem;font-weight:800}
.p26-cm__odj-none{margin-top:18px}
.p26-cm__list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.p26-cm__list li{padding:10px 14px;border:1px solid var(--p26-line);border-radius:12px}
.p26-cm__list a{margin-left:6px;color:var(--p26-teal)}

/* ---------- Journal municipal / Péron Info ---------- */
.p26-jm-feature{display:grid;grid-template-columns:minmax(180px,300px) minmax(0,1fr);gap:clamp(22px,4vw,48px);align-items:center;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)}
.p26-jm-feature__cover{display:block;border-radius:14px;overflow:hidden;box-shadow:var(--p26-shadow);background:var(--p26-mint-50);aspect-ratio:3/4}
.p26-jm-feature__cover img{width:100%;height:100%;object-fit:cover}
.p26-jm-feature h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}
.p26-jm-feature h2 a{color:var(--p26-navy);text-decoration:none!important}
.p26-jm__date{margin-top:4px;font-weight:700;color:var(--p26-teal)}
.p26-jm-feature__une{margin-top:16px;font-size:1.1rem;font-weight:700;color:var(--p26-navy)}
.p26-jm-feature__une span{display:inline-block;margin-right:6px;padding:2px 10px;border-radius:999px;background:var(--p26-mint);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--p26-navy-900);vertical-align:2px}
.p26-jm-feature__excerpt{margin-top:8px;color:var(--p26-muted)}
.p26-jm-feature__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.p26-jm__nocover{display:grid;place-items:center;width:100%;height:100%;font-size:2.4rem;color:var(--p26-teal)}

.p26-jm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px}
.p26-jm-grid--wide{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.p26-jm-card{display:flex;flex-direction:column;gap:4px;height:100%;color:var(--p26-navy)!important;text-decoration:none!important}
.p26-jm-card__cover{display:block;aspect-ratio:3/4;margin-bottom:8px;border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--p26-shadow-sm);transition:transform .25s var(--p26-ease),box-shadow .25s}
.p26-jm-card__cover--wide{aspect-ratio:4/3}
.p26-jm-card__cover img{width:100%;height:100%;object-fit:cover}
.p26-jm-card:hover .p26-jm-card__cover{transform:translateY(-4px);box-shadow:var(--p26-shadow)}
.p26-jm-card__n{font-weight:800}
.p26-jm-card__d{font-size:.85rem;font-weight:600;color:var(--p26-teal)}
.p26-jm-card__une{font-size:.86rem;color:var(--p26-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.p26-pi-year+.p26-pi-year{margin-top:36px}

.p26-jd{display:grid;gap:22px}
.p26-jd__cover{display:block;max-width:420px;margin:0 auto;border-radius:14px;overflow:hidden;box-shadow:var(--p26-shadow)}
.p26-jd__cover--wide{max-width:none}
.p26-jd__cover img{width:100%;height:auto}
.p26-jd__dl{text-align:center}
.p26-jd__dl p{margin-bottom:10px}
.p26-jd__une-img{display:block;float:left;width:min(40%,240px);margin:4px 22px 12px 0;border-radius:12px;overflow:hidden}
.p26-jd__une-img img{width:100%;height:auto}
.p26-jd__nav{display:flex;justify-content:space-between;gap:12px}
.p26-jd__nav a{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border:1px solid var(--p26-line);border-radius:var(--p26-radius);font-weight:700;color:var(--p26-navy);text-decoration:none!important;transition:border-color .15s}
.p26-jd__nav a:hover{border-color:var(--p26-mint)}
.p26-jd__nav a.is-next{text-align:right}
.p26-jd__nav small{display:block;font-size:.75rem;font-weight:700;color:var(--p26-muted)}
.p26-jd__nav .bi{color:var(--p26-teal)}
.p26-jd__others a.is-active{background:var(--p26-mint-50);color:var(--p26-teal)}

/* ---------- Offres d'emploi ---------- */
.p26-jobs{display:grid;gap:16px}
.p26-job{position:relative;padding:22px 24px;background:#fff;border:1px solid var(--p26-line);border-radius:var(--p26-radius-lg);box-shadow:var(--p26-shadow-sm);transition:transform .2s var(--p26-ease),border-color .2s}
.p26-job:hover{transform:translateY(-2px);border-color:var(--p26-mint)}
.p26-job h2{font-size:1.25rem;font-weight:800}
.p26-job h2 a{color:var(--p26-navy);text-decoration:none!important}
.p26-job h2 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.p26-job__excerpt{margin-top:12px;color:var(--p26-muted)}
.p26-job__more{margin-top:12px;font-weight:700;color:var(--p26-teal)}
.p26-job__more .bi{margin-left:.3em}
.p26-job__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none}
.p26-article>.p26-job__facts{margin-top:0}
.p26-job__facts li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--p26-mint-50);font-weight:700;color:var(--p26-navy)}
.p26-job__facts .bi{font-size:1.1rem;color:var(--p26-teal)}
.p26-job__facts small{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--p26-muted)}
.p26-job__img{display:block;margin-top:18px;border-radius:14px;overflow:hidden}
.p26-job__img img{width:100%;height:auto}
.p26-job__apply{background:linear-gradient(135deg,var(--p26-mint-50),#fff)}
.p26-job__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
/* Encadré latéral "Candidatures" : icône collée au mail (coupure après @), téléphone en bouton */
.p26-job-contact__mail{display:flex;align-items:baseline;gap:10px;overflow-wrap:normal}
.p26-job-contact__mail .bi{flex:none;color:var(--p26-teal)}
.p26-job-contact__label{margin:14px 0 6px;color:var(--p26-muted)}
.p26-job-contact .p26-btn{display:flex;width:fit-content;margin:0 auto}
.p26-job-contact .p26-btn .bi{margin-right:2px}

/* ---------- Adaptations ---------- */
@media (max-width:760px){
	.p26-jm-feature{grid-template-columns:minmax(0,1fr)}
	.p26-jm-feature__cover{max-width:260px}
	.p26-cm__next{flex-direction:column;gap:14px}
	.p26-jm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
	.p26-jd__une-img{float:none;width:100%;margin:0 0 12px}
}