/* ABLOGUI — widget « projets » (repris de la maquette d'accueil, maquettes/css/accueil.css) */
.ab-carrousel__tete { display: flex; justify-content: space-between; align-items: end; gap: 20px; flex-wrap: wrap; margin-bottom: 36px; }
.ab-carrousel__nav { display: flex; align-items: center; gap: 12px; font-weight: 800; font-size: var(--ab-fs-s); font-variant-numeric: tabular-nums; }
.ab-rond { width: 52px; height: 52px; border-radius: 50%; border: 0; display: grid; place-items: center; background: var(--ab-vert-nuit); color: #fff; transition: background .4s ease, transform .5s var(--ab-doux), opacity .3s ease; }
.ab-rond:hover { background: var(--ab-vert); transform: scale(1.06); }
.ab-rond:disabled { opacity: .35; pointer-events: none; }
.ab-rond svg { width: 20px; height: 20px; }
.ab-rond--precedent svg { transform: rotate(180deg); }
.ab-carrousel__piste { display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 8px var(--ab-gouttiere) 28px; margin-inline: calc(-1 * var(--ab-gouttiere)); scroll-padding-inline: var(--ab-gouttiere); scrollbar-width: none; }
.ab-carrousel__piste::-webkit-scrollbar { display: none; }
.ab-diapo { flex: 0 0 min(900px, 86%); scroll-snap-align: start; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: center; padding: 28px; border-radius: 24px; background: #fff; box-shadow: var(--ab-ombre); transition: box-shadow .5s ease, transform .6s var(--ab-doux); }
.ab-diapo:hover { box-shadow: var(--ab-ombre-forte); transform: translateY(-4px); }
.ab-diapo__texte { padding: 8px 0 8px 8px; }
.ab-diapo__texte .ab-etiquette { margin-bottom: 18px; }
.ab-diapo h3 { font-size: var(--ab-fs-xl); font-weight: 900; line-height: 1.08; letter-spacing: -.025em; text-wrap: balance; }
.ab-diapo p { margin: 16px 0 26px; color: var(--ab-texte-doux); }
.ab-diapo__image { aspect-ratio: 4 / 3.4; border-radius: 18px; overflow: hidden; }
.ab-diapo__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ab-doux); }
.ab-diapo:hover .ab-diapo__image img { transform: scale(1.05); }
@media (max-width: 760px) {
  .ab-diapo { grid-template-columns: 1fr; flex-basis: 88%; padding: 18px; gap: 18px; }
  .ab-diapo__image { order: -1; aspect-ratio: 16 / 10; }
  .ab-diapo__texte { padding: 0; }
}
/* Photo pleine carte : la photo couvre la carte, le texte est posé dessus dans un encadré blanc */
.ab-diapo--pleine { position: relative; display: flex; align-items: flex-end; flex-basis: min(980px, 88%); min-height: 540px; padding: 28px; overflow: hidden; isolation: isolate; background: var(--ab-degrade, var(--ab-noir)); }
.ab-diapo--pleine .ab-diapo__image { position: absolute; inset: 0; z-index: -1; aspect-ratio: auto; border-radius: 0; }
.ab-diapo--pleine .ab-diapo__texte { width: min(460px, 100%); padding: 28px 30px 30px; border-radius: 18px; background: #fff; }
.ab-diapo--pleine p { margin: 14px 0 24px; }
@media (max-width: 760px) {
  .ab-diapo--pleine { flex-basis: 88%; min-height: 520px; padding: 12px; }
  .ab-diapo--pleine .ab-diapo__image { order: 0; aspect-ratio: auto; }
  .ab-diapo--pleine .ab-diapo__texte { padding: 20px; }
}
.ag-ligne:hover .ab-rond-ico { background: var(--_c); color: #fff; transform: rotate(-45deg); }
@media (max-width: 760px) {
  .ag-ligne .ab-rond-ico { display: none; }
}
.pb-doc:hover .ab-rond-ico { background: var(--_c); color: #fff; }
.pb2-actions .ab-rond-ico { background: #fff; }

/* Polaroïds (accueil, choix du 22 octobre 2026) : cadre blanc, posés de travers sur fond menthe, redressés au survol */
.pl-grille { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; padding-top: 10px; }
.pl-carte { display: flex; flex-direction: column; gap: 10px; padding: 12px 12px 22px; background: #fff; border-radius: 6px; box-shadow: 0 22px 40px -26px rgba(15, 43, 36, .55); transition: rotate .5s var(--ab-doux), translate .5s var(--ab-doux); }
.pl-carte:nth-child(4n+1) { rotate: -3deg; }
.pl-carte:nth-child(4n+2) { rotate: 2deg; translate: 0 18px; }
.pl-carte:nth-child(4n+3) { rotate: -2deg; }
.pl-carte:nth-child(4n+4) { rotate: 3deg; translate: 0 18px; }
.pl-carte:hover, .pl-carte:focus-visible { rotate: 0deg; translate: 0 -6px; }
.pl-carte img, .pl-vide { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 3px; background: var(--ab-menthe); }
/* Survol : le résumé remonte du bas de la photo, sur fond blanc, comme sur les documents */
.pl-photo { position: relative; display: block; overflow: hidden; border-radius: 3px; }
.pl-synopsis { position: absolute; left: 0; right: 0; bottom: 0; padding: 16px 16px 18px; background: #fff; color: var(--ab-texte-doux); font-size: var(--ab-fs-s); font-weight: 400; line-height: 1.5; transform: translateY(101%); transition: transform .45s var(--ab-doux); box-shadow: 0 -12px 24px -18px rgba(0, 0, 0, .35); }
/* La coupure à 6 lignes se fait sur l'élément intérieur : sur la boîte positionnée, la 7e ligne restait visible */
.pl-synopsis > span { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
@media (hover: hover) {
  .pl-carte:hover .pl-synopsis, .pl-carte:focus-visible .pl-synopsis { transform: none; }
}
@media (prefers-reduced-motion: reduce) { .pl-synopsis { transition: none; } }
.pl-carte em { margin-top: 6px; padding-inline: 6px; font-family: var(--ab-police); font-style: normal; font-weight: 400; font-size: 1.02rem; letter-spacing: -.01em; line-height: 1.2; color: var(--ab-vert-texte); }
.pl-carte h3 { padding-inline: 6px; font-size: 1.2rem; font-weight: 900; line-height: 1.2; letter-spacing: -.02em; }
.pl-lien { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; padding-inline: 6px; font-size: var(--ab-fs-s); font-weight: 800; color: var(--ab-vert-texte); }
.pl-lien svg { width: 16px; height: 16px; transition: transform .3s var(--ab-doux); }
.pl-carte:hover .pl-lien svg { transform: translateX(4px); }
@media (max-width: 1000px) { .pl-grille { grid-template-columns: 1fr 1fr; gap: 22px 16px; } }
@media (max-width: 560px) { .pl-carte { padding: 10px 10px 18px; } .pl-carte em { font-size: .9rem; } .pl-carte h3 { font-size: 1.02rem; } .pl-lien { white-space: nowrap; font-size: .82rem; gap: 6px; } }
@media (prefers-reduced-motion: reduce) { .pl-carte { transition: none; } }