/* Atmosphere galerie sur toutes les pages (Marc 29/10/2026) : frise attenuee sous le menu
   + « En ce moment a la galerie » avant le pied de page. Charte : ivoire, encre, or vieilli. */
.adm-atmo-frise, .adm-atmo-rangee {
  --or: #9B7A49; --noir: #25211D; --creme: #F8F6F2; --filet: #DCD6CB;
  --titre: "Cormorant Garamond", Georgia, serif; --sans: "Helvetica Neue", Arial, sans-serif;
}

/* ---- 1. Frise attenuee : un mur d'accrochage vu en douceur ---- */
.adm-atmo-frise { position: relative; height: 150px; overflow: hidden; background: var(--creme); border-bottom: 1px solid var(--filet); }
.adm-atmo-mur { display: flex; height: 100%; gap: 2px; justify-content: center; }
.adm-atmo-scene { position: relative; flex: 0 0 auto; height: 100%; aspect-ratio: 2 / 3; overflow: hidden; display: block; text-decoration: none !important; }
.adm-atmo-scene .adm-atmo-img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: var(--adm-atmo-opacite, .42); filter: saturate(.75); transition: opacity .35s ease, filter .35s ease, transform .6s ease; max-width: none; }
.adm-atmo-scene:hover .adm-atmo-img, .adm-atmo-scene:focus .adm-atmo-img { opacity: 1; filter: none; transform: scale(1.04); }
.adm-atmo-frise::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(248,246,242,.35) 0%, rgba(248,246,242,0) 40%, rgba(248,246,242,.55) 100%); }
.adm-atmo-cartel { position: absolute; left: 6px; right: 6px; bottom: 6px; z-index: 2; background: rgba(248,246,242,.94); padding: 6px 7px; display: flex; flex-direction: column; gap: 1px; opacity: 0; transform: translateY(6px); transition: opacity .3s ease, transform .3s ease; }
.adm-atmo-scene:hover .adm-atmo-cartel, .adm-atmo-scene:focus .adm-atmo-cartel { opacity: 1; transform: none; }
.adm-atmo-cartel-a { font-family: var(--sans); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; color: var(--or); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adm-atmo-cartel-t { font-family: var(--titre); font-style: italic; font-size: 13px; line-height: 1.15; color: var(--noir); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adm-atmo-cartel-p { font-family: var(--sans); font-size: 10px; color: var(--noir); }

/* ---- 2. En ce moment a la galerie ---- */
.adm-atmo-rangee { max-width: 1300px; margin: 64px auto 56px; padding: 0 32px; box-sizing: border-box; color: var(--noir); }
.adm-atmo-tete { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 22px; border-top: 1px solid var(--filet); padding-top: 28px; }
.adm-atmo-titre { font-family: var(--titre); font-size: 34px; line-height: 1.1; }
.adm-atmo-sous { font-family: var(--titre); font-style: italic; font-size: 16px; opacity: .7; margin-top: 4px; }
.adm-atmo-tout { font-family: var(--sans); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--noir) !important; text-decoration: none !important; border-bottom: 1px solid var(--or); padding-bottom: 3px; white-space: nowrap; }
.adm-atmo-grille { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; min-height: 260px; }
.adm-atmo-carte { display: flex; flex-direction: column; text-decoration: none !important; color: var(--noir) !important; }
.adm-atmo-visuel { display: block; aspect-ratio: 2 / 3; overflow: hidden; background: #EFEAE2; }
.adm-atmo-visuel .adm-atmo-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; max-width: none; }
.adm-atmo-carte:hover .adm-atmo-img { transform: scale(1.03); }
.adm-atmo-a { font-family: var(--sans); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--or); margin-top: 10px; font-weight: 600; }
.adm-atmo-t { font-family: var(--titre); font-style: italic; font-size: 18px; line-height: 1.2; margin-top: 3px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.adm-atmo-bas { display: flex; justify-content: space-between; align-items: baseline; margin-top: 6px; }
.adm-atmo-p { font-family: var(--sans); font-size: 13px; }
.adm-atmo-voir { font-family: var(--sans); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; border-bottom: 1px solid var(--or); }

@media (max-width: 1000px) { .adm-atmo-grille { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .adm-atmo-frise { height: 96px; }
  .adm-atmo-cartel { display: none; }
  .adm-atmo-rangee { padding: 0 16px; margin: 44px auto 40px; }
  .adm-atmo-tete { flex-direction: column; align-items: flex-start; }
  .adm-atmo-titre { font-size: 28px; }
  .adm-atmo-grille { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; scrollbar-width: none; min-height: 0; }
  .adm-atmo-grille::-webkit-scrollbar { display: none; }
  .adm-atmo-carte { flex: 0 0 42%; scroll-snap-align: start; }
}
@media (prefers-reduced-motion: reduce) { .adm-atmo-img, .adm-atmo-cartel { transition: none !important; } }

/* Alignement ligne a ligne des 6 œuvres de la rangee (ordinateur) : nom, titre et prix a la meme hauteur */
@media (min-width: 761px) {
  .adm-atmo-grille { grid-auto-rows: auto; row-gap: 0; }
  .adm-atmo-carte { display: grid; grid-template-rows: subgrid; grid-row: span 4; row-gap: 0; }
  .adm-atmo-carte > * { align-self: start; }
}

/* Revue mobile du 29/10/2026 : chemin (fil d'Ariane) sur une seule ligne sur telephone, toutes les pages */
@media (max-width: 760px) {
  html body .adm-breadcrumb { font-size: 11.5px !important; letter-spacing: .02em !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}