/* Pages "Artistes representes" V2 et fiche artiste V2 — charte ADM
   (Georgia, Or Vieilli #8B7500, Noir Profond Bleute #141419, fond creme). */

.adm-av2 {
  --av2-or: #8B7500;
  --av2-or-fonce: #6f5e00;
  --av2-or-clair: #f3ecd2;
  --av2-noir: #141419;
  --av2-texte: #3a362e;
  --av2-doux: #7a7264;
  --av2-creme: #faf6ef;
  --av2-carte: #fffdf9;
  --av2-filet: #e4dccb;
  font-family: Georgia, "Times New Roman", serif;
  color: var(--av2-texte);
  background: var(--av2-creme);
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 32px 72px;
  box-sizing: border-box;
}
.adm-av2 *, .adm-av2 *::before, .adm-av2 *::after { box-sizing: border-box; }
.adm-av2 a { color: inherit; text-decoration: none !important; }
.adm-av2 h1, .adm-av2 h2, .adm-av2 h3 { font-family: Georgia, "Times New Roman", serif; margin: 0; }
.adm-av2 p { margin: 0; }
.adm-av2 [hidden] { display: none !important; }
.adm-av2 button { font-family: Georgia, serif; }
/* Le theme (qodef-content-grid) limite le contenu a 1300 px : ces 2 pages seulement */
body.adm-av2-page #qodef-page-inner.qodef-content-grid { width: 100%; max-width: none; padding: 0; }
body.adm-av2-page { background: #faf6ef; }
.adm-av2-masque { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.adm-av2-chargement { padding: 80px 0; text-align: center; color: var(--av2-doux); font-style: italic; }

/* ---- Pictos ---- */
.adm-av2-ico { display: inline-flex; width: 20px; height: 20px; flex: none; color: var(--av2-or); }
.adm-av2-ico svg { width: 100%; height: 100%; display: block; }
.adm-av2-ico-grand { width: 36px; height: 36px; }

/* ---- Boutons ---- */
.adm-av2-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 44px; padding: 10px 20px; font-size: 12px; letter-spacing: .14em; text-transform: uppercase;
  border: 1px solid var(--av2-or); border-radius: 2px; cursor: pointer; line-height: 1.2;
  transition: background .2s, color .2s, border-color .2s;
}
.adm-av2-btn-plein { background: var(--av2-or); color: #fff !important; }
.adm-av2-btn-plein .adm-av2-ico { color: #fff; }
.adm-av2-btn-plein:hover { background: var(--av2-or-fonce); border-color: var(--av2-or-fonce); }
.adm-av2-btn-contour { background: transparent; color: var(--av2-or) !important; }
.adm-av2-btn-contour:hover { background: var(--av2-or-clair); }
.adm-av2-btn-bloc { width: 100%; }
.adm-av2-btn:focus-visible, .adm-av2-lien-action:focus-visible, .adm-av2-pastille:focus-visible { outline: 2px solid var(--av2-or); outline-offset: 2px; }
.adm-av2-lien-action {
  background: none; border: 0; padding: 4px 0; cursor: pointer; font-size: 13px;
  color: var(--av2-or) !important; border-bottom: 1px solid transparent;
}
.adm-av2-lien-action:hover { border-bottom-color: var(--av2-or); }

/* ================= LISTE ================= */

/* Bandeau compact et sobre (23/10) : moins haut, filets or en haut et en bas, devise discrete */
.adm-av2-bandeau {
  margin: 0 -32px; padding: 34px 32px 28px; text-align: center; color: #fff;
  background: linear-gradient(135deg, #2c1f0e 0%, #4b3519 50%, #2c1f0e 100%);
  background-size: cover; background-position: center;
  border-top: 1px solid rgba(217,182,92,.55); border-bottom: 1px solid rgba(217,182,92,.55);
}
.adm-av2-bandeau-titre {
  font-size: clamp(26px, 3.4vw, 40px); font-weight: 400; letter-spacing: .16em;
  text-transform: uppercase; color: #fff !important; line-height: 1.15; margin: 0 !important;
}
.adm-av2-bandeau-sous { margin-top: 8px !important; font-style: italic; font-size: clamp(15px, 1.6vw, 19px); color: #f3ead8; }
.adm-av2-filet { display: block; width: 40px; height: 1px; background: #d9b65c; margin: 14px auto 10px; }
.adm-av2-bandeau-devise { margin: 0 !important; font-size: 11px; letter-spacing: .28em; text-transform: uppercase; color: #d9c79c; }

.adm-av2-filtres { display: grid; grid-template-columns: 2fr repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin: 28px 0 8px; }
.adm-av2-select, .adm-av2-recherche {
  height: 46px; border: 1px solid var(--av2-filet); background: var(--av2-carte);
  font-family: Georgia, serif; font-size: 15px; color: var(--av2-texte); border-radius: 2px;
}
.adm-av2-select { padding: 0 12px; }
.adm-av2-select-petit { height: 40px; font-size: 14px; }
.adm-av2-recherche { display: flex; align-items: center; gap: 10px; padding: 0 14px; }
.adm-av2-recherche .adm-av2-ico { color: var(--av2-noir); }
.adm-av2-recherche input {
  flex: 1; border: 0 !important; outline: 0; background: transparent !important; box-shadow: none !important;
  height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 1.3 !important;
  align-self: center; font-family: Georgia, serif !important; font-size: 15px !important; color: var(--av2-noir) !important;
}
.adm-av2-recherche input::placeholder { color: #6b6457; opacity: 1; }
.adm-av2-select { color: var(--av2-or) !important; -webkit-text-fill-color: var(--av2-or); opacity: 1 !important; font-family: Georgia, serif !important; font-size: 15px !important; font-weight: 700; border-color: var(--av2-or) !important; }
.adm-av2-select option { color: var(--av2-noir); font-weight: 400; }
.adm-av2-picto-legende .adm-av2-pastille { display: inline-flex !important; margin: 6px 6px 0 0; font-size: 12.5px; padding: 5px 10px; }
.adm-av2-legende-titre { display: block; }
.adm-av2-legende-doc { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 6px; }
.adm-av2-legende-doc .adm-av2-legende-coll { flex-basis: 100%; margin-top: 4px; }
.adm-av2-legende-doc .adm-av2-puce { margin: 0 !important; }
.adm-av2-legende-coll { display: block; margin-top: 6px; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--av2-or-fonce); }
.adm-av2-tuile-sous { margin: 12px 0 6px !important; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--av2-or-fonce); }
.adm-av2-date { color: var(--av2-doux); font-size: 12.5px; }
#blog .adm-av2-liste-liens { list-style: none !important; margin: 0 !important; padding: 0 !important; }
#blog .adm-av2-liste-liens li { margin: 0 0 8px !important; padding: 0 !important; font-size: 14px !important; line-height: 1.45 !important; }
#blog .adm-av2-liste-liens li::before { content: none !important; }
#blog .adm-av2-liste-liens a { color: var(--av2-noir) !important; border-bottom: 1px solid var(--av2-filet); }
#blog .adm-av2-liste-liens a:hover { color: var(--av2-or) !important; }
#blog .adm-av2-blog-cites .adm-av2-liste-liens { margin-top: 10px !important; }
.adm-av2-blog-cites { margin-top: 12px; }
.adm-av2-blog-cites summary { cursor: pointer; color: var(--av2-or-fonce); font-size: 14px; }
.adm-av2-compteur-ligne { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 20px; margin: 6px 0 18px; }
.adm-av2-compteur-ligne .adm-av2-compteur { margin: 0 !important; }
.adm-av2-en-ligne { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: var(--av2-or-fonce) !important; border-bottom: 1px solid var(--av2-or); }
.adm-av2-en-ligne .adm-av2-ico { width: 15px; height: 15px; }
.adm-av2-picto-legende { min-height: 1.4em; margin: 8px 0 0 !important; font-size: 12.5px; line-height: 1.4; color: var(--av2-or-fonce); }
.adm-av2-picto-legende.est-off { color: var(--av2-doux); }
.adm-av2-compteur { margin: 6px 0 18px !important; font-size: 13px; color: var(--av2-doux); font-style: italic; }

.adm-av2-grille { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
/* Cartes douces, comme la page Artistes representes actuelle : coins arrondis, ombre legere, visuel carre */
.adm-av2-carte {
  display: flex; flex-direction: column; background: var(--av2-carte); border-radius: 10px; overflow: hidden;
  border: 0; box-shadow: 0 4px 16px rgba(20,20,25,.08); transition: box-shadow .25s;
}
.adm-av2-carte:hover { box-shadow: 0 10px 28px rgba(20,20,25,.14); }
/* Portraits K2 verticaux 2:3 montres en entier, grand format */
.adm-av2-carte-visuel { display: block; aspect-ratio: 1 / 1; overflow: hidden; background: #efe8da; }
.adm-av2-carte-visuel img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; display: block; transition: transform .6s; }
.adm-av2-carte-bio { margin-top: 10px !important; font-size: 14.5px; line-height: 1.55; color: var(--av2-texte);
  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.adm-av2-carte:hover .adm-av2-carte-visuel img { transform: scale(1.03); }
.adm-av2-carte-corps { display: flex; flex-direction: column; flex: 1; padding: 16px 18px 18px; }
.adm-av2-carte-nom { font-size: 22px; font-weight: 400; color: var(--av2-noir); line-height: 1.2; }
/* Toujours 2 lignes reservees au nom : les techniques restent alignees d'une carte a l'autre (Marc 25/10) */
.adm-av2-carte-nom { min-height: 2.4em; }
.adm-av2-discipline { margin-top: 5px !important; font-size: 11px; letter-spacing: .24em; text-transform: uppercase; color: var(--av2-or); }
.adm-av2-carte-citation {
  margin-top: 10px !important; font-size: 14px; line-height: 1.45; font-style: italic;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.adm-av2-accroche { font-style: italic; color: var(--av2-texte); }
.adm-av2-carte-citation { -webkit-line-clamp: 3 !important; }
.adm-av2-az { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; margin: 0 0 18px; }
.adm-av2-az-lettre { min-width: 34px; height: 34px; padding: 0 6px; border: 1px solid var(--av2-filet); background: #fff; color: var(--av2-noir); font-family: Georgia, serif; font-size: 14px; cursor: pointer; }
.adm-av2-az-lettre:hover:not(:disabled) { border-color: var(--av2-or); color: var(--av2-or); }
.adm-av2-az-lettre.est-actif { background: var(--av2-noir); border-color: var(--av2-noir); color: #fff; }
.adm-av2-az-lettre.est-vide { color: #c9c1b1; border-color: #efe9dd; cursor: default; }
.adm-av2-az-tous { padding: 0 12px; }
.adm-av2-pictos-bloc { margin-top: auto; padding-top: 16px; display: grid; gap: 8px; }
.adm-av2-pictos { display: flex; flex-wrap: nowrap; gap: 8px; list-style: none; margin: 0 !important; padding: 0 !important; }
.adm-av2-picto {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  width: 42px; height: 42px; border: 1px solid var(--av2-filet); border-radius: 50%; background: #fff; margin: 0 !important;
}
.adm-av2-picto .adm-av2-ico { width: 24px; height: 24px; }
.adm-av2-picto-lien { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; }
.adm-av2-picto:hover { border-color: var(--av2-or); background: var(--av2-or-clair); }
.adm-av2-picto-lien:focus-visible { outline: 2px solid var(--av2-or); outline-offset: 2px; }
.adm-av2-carte .adm-av2-btn { margin-top: 14px; width: 100%; }
.adm-av2-carte .adm-av2-btn + .adm-av2-btn { margin-top: 8px; text-align: center; }
/* Boutons en bas de carte, partage a hauteur fixe (2 lignes) : boutons alignes d'une carte a l'autre */
.adm-av2-carte .adm-av2-picto-legende { flex: 1 0 auto; }
.adm-av2-carte .adm-av2-btn + .adm-av2-btn span { line-height: 1.2; }
.adm-av2-carte .adm-av2-btn + .adm-av2-btn { min-height: calc(2.4em + 22px); }

/* ================= FICHE ================= */

.adm-av2-ariane { display: flex; flex-wrap: wrap; gap: 10px; padding: 16px 0; font-size: 13px; color: var(--av2-or); }
.adm-av2-ariane a:hover { text-decoration: underline !important; }
.adm-av2-sep { color: var(--av2-doux); }

/* 1. Heros */
.adm-av2-heros { display: grid; grid-template-columns: minmax(280px, 32%) 1fr; gap: 44px; align-items: start; }
.adm-av2-portrait { background: #efe8da; aspect-ratio: 2 / 3; max-height: 82vh; overflow: hidden; }
.adm-av2-portrait img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* Ordinateur : la photo prend la hauteur du bloc de droite (le panneau ne depasse jamais la photo, 23/10) */
@media (min-width: 901px) {
  .adm-av2-heros { align-items: stretch; }
  .adm-av2-portrait { aspect-ratio: auto; height: 100%; min-height: 520px; max-height: none; }
  .adm-av2-portrait img { object-position: center 25%; }
  .adm-av2-ligne { min-height: 40px; padding-top: 6px; padding-bottom: 6px; }
  /* Grille régulière du panneau 01 / 02 / 03 (Marc 03/11/2026) : une case simple = 48 px ; une case avec boutons
     (Présentation, Couverture Noire / Blanche) = 2 cases + l'écart de 7 px ; le Sceau d'Artiste = 3 cases + 2 écarts
     (adm-sceau-artiste.js). Les bords tombent ainsi sur les mêmes lignes d'une colonne à l'autre, quel que soit le
     nombre de services. */
  .adm-av2-panneau .adm-av2-col > .adm-av2-ligne { min-height: 48px; }
  .adm-av2-panneau .adm-av2-col > .adm-av2-ligne-avec-puces { min-height: 103px; align-content: center; }
  /* Catalogues dépliés : chaque collection ajoute exactement 1 case. La case « Catalogues » (48) + l'écart (7) - le
     raccord (-4) + la liste = (1 + k) cases + k écarts, d'où une liste de 55 k - 3 px pour k collections. */
  .adm-av2-panneau .adm-av2-sous-liste { box-sizing: border-box; grid-auto-rows: 1fr; align-items: center; }
  .adm-av2-panneau .adm-av2-sous-liste:has(> :nth-child(1):last-child) { min-height: 52px; }
  .adm-av2-panneau .adm-av2-sous-liste:has(> :nth-child(2):last-child) { min-height: 107px; }
  .adm-av2-panneau .adm-av2-sous-liste:has(> :nth-child(3):last-child) { min-height: 162px; }
  .adm-av2-panneau .adm-av2-sous-liste:has(> :nth-child(4):last-child) { min-height: 217px; }
  .adm-av2-panneau .adm-av2-sous-liste:has(> :nth-child(5):last-child) { min-height: 272px; }
  .adm-av2-panneau .adm-av2-sous-liste:has(> :nth-child(6):last-child) { min-height: 327px; }
  .adm-av2-panneau .adm-av2-sous-liste:has(> :nth-child(7):last-child) { min-height: 382px; }
  .adm-av2-panneau .adm-av2-sous-liste:has(> :nth-child(8):last-child) { min-height: 437px; }
}
/* La barre d'ancres reste en haut au defilement : le theme coupait le debordement (overflow: hidden) */
#qodef-page-wrapper { overflow: clip !important; }
html:root, html:root body { overflow-x: clip !important; overflow-y: visible !important; }
.adm-av2-heros-texte { min-width: 0; }
.adm-av2-nom { font-size: clamp(34px, 4.4vw, 58px); font-weight: 400; color: var(--av2-noir); line-height: 1.08; }
.adm-av2-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; margin-top: 14px !important; }
.adm-av2-meta .adm-av2-discipline { margin: 0 !important; font-size: 13px; letter-spacing: .32em; color: var(--av2-noir); }
.adm-av2-lieu { display: inline-flex; align-items: center; gap: 6px; font-size: 16px; padding-left: 20px; border-left: 1px solid var(--av2-filet); }
.adm-av2-citation {
  margin: 26px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
  font-style: italic; font-size: clamp(19px, 2vw, 25px); line-height: 1.45; color: var(--av2-texte);
}
/* Boutons du haut (Suivre, Partager, Sceau d'Artiste) sur la même grille que les 3 colonnes du panneau : bords alignés
   sur « 01 », « 02 », « 03 », filet de droite compris (Marc 03/11/2026). Le bloc « Message à l'artiste » (administrateurs)
   occupe toute la largeur. Téléphone : règle 2 colonnes plus bas, inchangée. */
.adm-av2-heros-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 22px; margin-top: 22px; }
.adm-av2-heros-actions > .adm-av2-btn { width: 100%; justify-content: center; text-align: center; }
/* « !important » : le script des messages (administrateurs) pose display:flex en style direct sur ce bloc */
.adm-av2-heros-actions > div { grid-column: 1 / -1; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 22px !important; }
.adm-av2-heros-actions > div > * { width: 100%; margin: 0; box-sizing: border-box; justify-content: center; text-align: center; }

/* Panneau d'actions a droite du portrait (3 colonnes) */
.adm-av2-panneau { display: grid; gap: 22px; margin-top: 30px; }
.adm-av2-panneau-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.adm-av2-panneau-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.adm-av2-col { min-width: 0; display: flex; flex-direction: column; gap: 7px; }
.adm-av2-col-titre {
  display: flex; align-items: center; gap: 8px; margin-bottom: 5px !important;
  font-size: 12px !important; font-weight: 400; letter-spacing: .12em; text-transform: uppercase; color: var(--av2-or) !important;
}
.adm-av2-col-titre::after { content: ""; flex: 1; height: 1px; background: var(--av2-filet); }
.adm-av2-col-num { font-size: 17px; letter-spacing: 0; }
.adm-av2-ligne {
  display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 8px 10px;
  background: var(--av2-carte); border: 1px solid var(--av2-filet); text-align: left; cursor: pointer;
  font-family: Georgia, serif; color: var(--av2-noir) !important; transition: border-color .2s, background .2s;
}
div.adm-av2-ligne { cursor: default; }
a.adm-av2-ligne:hover, button.adm-av2-ligne:hover { border-color: var(--av2-or); background: #fff; }
.adm-av2-ligne > .adm-av2-ico:first-child { width: 26px; height: 26px; color: var(--av2-or); }
.adm-av2-ligne-texte { flex: 1; min-width: 0; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; line-height: 1.3; }
.adm-av2-ligne-prix { font-size: 13px; color: var(--av2-or); white-space: nowrap; }
.adm-av2-ligne-bientot { font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--av2-doux); }
.adm-av2-ligne-puces { display: flex; flex-wrap: wrap; gap: 5px; row-gap: 6px; min-width: 0; }
.adm-av2-ligne-avec-puces { flex-wrap: wrap; row-gap: 6px; }
.adm-av2-ligne-avec-puces .adm-av2-ligne-texte { flex: 1 1 calc(100% - 40px); }
.adm-av2-ligne-avec-puces .adm-av2-ligne-puces { flex: 1 1 100%; align-items: center; padding-left: 36px; }
.adm-av2-puces-libelle { font-size: 11px; color: var(--av2-doux); margin-right: 3px; }
.adm-av2-puce {
  display: inline-flex; align-items: center; justify-content: center; min-width: 46px; height: 28px; padding: 0 8px;
  font-size: 11px; border: 1px solid var(--av2-noir); border-radius: 14px;
}
.adm-av2-puce-noir { background: var(--av2-noir); color: #fff !important; }
.adm-av2-puce-blanc { background: #fff; color: var(--av2-noir) !important; }
.adm-av2-puce:hover { border-color: var(--av2-or); }
/* Partager du catalogue Decorateurs : meme allure que Noire / Blanche (pas le gris du bouton par defaut),
   et passe a la ligne au lieu de sortir du cadre (26/10/2026) */
.adm-av2-puce-partage { gap: 5px; background: #fff; color: var(--av2-noir) !important; font-family: Georgia, serif; cursor: pointer; }
.adm-av2-puce-partage .adm-av2-ico { width: 14px; height: 14px; color: var(--av2-or); }
.adm-av2-puce-partage .adm-av2-ico svg { width: 100%; height: 100%; display: block; }
/* Partager en simple picto rond, a cote de Noire / Blanche, pour chaque document et chaque collection
   (Marc 06/11/2026) : ne passe plus a la ligne ; l'intitule complet est dans l'infobulle */
.adm-av2-puce-partage-icone { min-width: 28px; width: 28px; padding: 0; border-radius: 50%; flex: 0 0 28px; }
.adm-av2-puce-partage-icone .adm-av2-ico { width: 13px; height: 13px; }
.adm-av2-plus { margin-top: 18px; }
.adm-av2-suivre.est-favori svg { fill: var(--av2-or); }

/* 2. Ancres */
.adm-av2-ancres {
  position: sticky; top: 0; z-index: 20; display: flex; gap: 28px; overflow-x: auto;
  margin: 40px -32px 0; padding: 14px 32px; background: rgba(250,246,239,.96);
  border-top: 1px solid var(--av2-filet); border-bottom: 1px solid var(--av2-filet);
}
.adm-av2-ancre { white-space: nowrap; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: var(--av2-noir) !important; padding: 4px 0; border-bottom: 1px solid transparent; }
.adm-av2-ancre:hover, .adm-av2-ancre.est-actif { color: var(--av2-or) !important; border-bottom-color: var(--av2-or); }
/* En-tete compact : ligne depliable (plusieurs collections) */
.adm-av2-ligne-depliable::after { content: '▾'; margin-left: auto; color: var(--av2-or); font-size: 13px; }
.adm-av2-ligne-depliable.est-ouvert::after { content: '▴'; }
.adm-av2-sous-liste { display: grid; gap: 6px; padding: 8px 10px; margin-top: -4px; background: #fff; border: 1px solid var(--av2-filet); border-top: 0; }
.adm-av2-sous-liste[hidden] { display: none; }
.adm-av2-sous-ligne { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
/* Boutons Noire / Blanche des sous-lignes (une ligne par collection) dans une colonne de largeur fixe : alignés
   verticalement d'une collection à l'autre, quelle que soit la longueur du nom (Marc 03/11/2026) */
.adm-av2-sous-ligne .adm-av2-ligne-puces { flex: 0 0 146px; flex-wrap: nowrap; justify-content: flex-start; }
/* Sous-lignes sur deux lignes (Marc 06/11/2026) : le nom complet du document au-dessus
   (« Catalogue Collectionneurs · Peintures »), « Couverture Noire / Blanche » et le partage dessous */
.adm-av2-sous-ligne { flex-wrap: wrap; row-gap: 6px; }
.adm-av2-nb-docs { font-weight: 700; }
/* Partage d'un service ou d'une rubrique : picto au bout de la ligne du titre (Marc 06/11/2026) */
.adm-av2-partage-titre { margin-left: auto; align-self: flex-start; }
/* Tuiles « Decouvrir » : versions noire / blanche a gauche, partage a droite centre entre les deux (Marc 06/11/2026) */
.adm-av2-pastilles-partage { display: flex; align-items: center; gap: 12px; }
.adm-av2-pastilles-partage > .adm-av2-pastilles { flex: 1 1 auto; min-width: 0; margin: 0; }
.adm-av2-pastilles-partage > .adm-av2-puce-partage-icone { flex: 0 0 28px; margin-left: auto; align-self: center; }
/* Alignement vertical des colonnes (Marc 06/11/2026) : « Fond » / « Couverture » sur une largeur fixe, boutons
   Noir(e) / Blanc(he) de meme largeur, sans retrait pour la Presentation : Noir sous Noire, Blanc sous Blanche,
   partage sous partage, d'une ligne a l'autre (Presentation, Catalogues Collectionneurs, Catalogues Decorateurs) */
.adm-av2-ligne-avec-puces .adm-av2-ligne-puces { padding-left: 0; }
/* Picto de partage dans une ligne du panneau (experiences) : apres le prix, avant le chevron */
.adm-av2-ligne > .adm-av2-puce-partage-icone { flex: 0 0 28px; width: 28px; min-width: 28px; height: 28px; }
/* Tous les partages au bord droit de leur bloc, a la meme distance, bien detaches de Noir / Blanc et du prix
   (Marc 06/11/2026) : lignes du panneau, sous-lignes des collections, experiences */
.adm-av2-ligne-puces .adm-av2-puce-partage-icone,
.adm-av2-ligne > .adm-av2-puce-partage-icone { margin-left: auto; }
.adm-av2-ligne:has(> .adm-av2-puce-partage-icone) > .adm-av2-chevron { display: none; }
.adm-av2-ligne-puces .adm-av2-puces-libelle { flex: 0 0 5.3em; margin-right: 0; }
.adm-av2-ligne-puces .adm-av2-puce-noir, .adm-av2-ligne-puces .adm-av2-puce-blanc { min-width: 5.2em; }
.adm-av2-sous-ligne .adm-av2-sous-nom { flex: 1 1 100%; }
.adm-av2-sous-ligne .adm-av2-ligne-puces { flex: 1 1 100%; align-items: center; }
.adm-av2-sous-ligne .adm-av2-sous-nom { flex: 1 1 auto; min-width: 0; }
.adm-av2-sous-nom { font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--av2-texte); }
.adm-av2-panneau-onglets { display: none; }
/* Textes de serie replies */
.adm-av2-serie-texte.est-replie .adm-av2-serie-p[lang="en"] { display: none; }
.adm-av2-serie-texte.est-replie .adm-av2-serie-p[lang="fr"] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.adm-av2-serie-suite { justify-self: start; background: none; border: 0; padding: 0; font-family: Georgia, serif; font-size: 13px; color: var(--av2-or-fonce); border-bottom: 1px solid var(--av2-or); cursor: pointer; }

/* Sections */
.adm-av2-section { padding-top: 48px; scroll-margin-top: 64px; }
/* Liens vers un encadre (#exp-diner_prive, #exp-cours_prive...) : arret sous le bandeau des rubriques
   colle en haut (62 px), avec une marge, pour que le titre de l'encadre reste visible (27/10/2026) */
.adm-av2-exp { scroll-margin-top: 84px; }
.adm-av2-section-tete { display: flex; align-items: center; gap: 16px; }
.adm-av2-titre-filet {
  flex: 1; display: flex; align-items: center; gap: 16px;
  font-size: 22px !important; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; color: var(--av2-noir) !important;
}
.adm-av2-titre-filet::after { content: ""; flex: 1; height: 1px; background: var(--av2-filet); }
.adm-av2-section-sous { margin-top: 8px !important; color: var(--av2-doux); }
.adm-av2-voir-tout { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--av2-or) !important; white-space: nowrap; }
.adm-av2-legende { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 12px !important; font-size: 13px; color: var(--av2-doux); }
.adm-av2-legende span:not(.adm-av2-ico) { margin-right: 14px; }

/* 3. Oeuvres */
.adm-av2-serie { margin-top: 28px; }
.adm-av2-serie-titre { font-size: 19px !important; font-weight: 400; font-style: italic; color: var(--av2-or) !important; margin-bottom: 16px !important; }
.adm-av2-sous-serie .adm-av2-serie-titre { font-size: 16px !important; padding-left: 14px; border-left: 2px solid var(--av2-filet); }
.adm-av2-oeuvres-grille { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }
.adm-av2-oeuvre { position: relative; display: flex; flex-direction: column; min-width: 0; background: var(--av2-carte); border: 1px solid var(--av2-filet); }
.adm-av2-oeuvre-visuel { display: block; position: relative; aspect-ratio: 3 / 2; overflow: hidden; background: #efe8da; }
.adm-av2-oeuvre-visuel img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; }
.adm-av2-oeuvre:hover .adm-av2-oeuvre-visuel img { transform: scale(1.03); }
.adm-av2-oeuvre-cp .adm-av2-oeuvre-visuel img { filter: saturate(.85); }
.adm-av2-marques { position: absolute; left: 10px; top: 10px; display: flex; gap: 6px; }
.adm-av2-marque { width: 38px; height: 38px; padding: 7px; border-radius: 50%; background: rgba(255,255,255,.92); color: var(--av2-noir); }
.adm-av2-legende .adm-av2-marque { width: 24px; height: 24px; padding: 4px; background: #fff; border: 1px solid var(--av2-filet); }
.adm-av2-badge {
  position: absolute; left: 10px; bottom: 10px; padding: 4px 10px; font-size: 11px;
  letter-spacing: .12em; text-transform: uppercase; background: var(--av2-noir); color: #fff;
}
.adm-av2-fav {
  position: absolute; top: 10px; right: 10px; width: 38px; height: 38px; padding: 0;
  display: flex; align-items: center; justify-content: center; border-radius: 50%;
  border: 0; background: rgba(255,255,255,.92); cursor: pointer;
}
.adm-av2-fav .adm-av2-ico { width: 20px; height: 20px; }
.adm-av2-fav.est-favori svg { fill: var(--av2-or); }
.adm-av2-oeuvre-info { padding: 14px 16px 0; flex: 1; }
.adm-av2-oeuvre-titre { font-size: 18px !important; font-weight: 400; color: var(--av2-noir) !important; line-height: 1.25; }
.adm-av2-oeuvre-titre a:hover { color: var(--av2-or); }
.adm-av2-oeuvre-ligne { margin-top: 3px !important; font-size: 13.5px; color: var(--av2-texte); }
.adm-av2-oeuvre-prix { margin-top: 8px !important; font-size: 16px; color: var(--av2-or); }
.adm-av2-oeuvre-cp .adm-av2-oeuvre-prix { color: var(--av2-doux); font-style: italic; font-size: 14px; }
.adm-av2-oeuvre-actions { padding: 14px 16px 16px; }
.adm-av2-oeuvre-secondaires { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 14px; margin-top: 8px; }
.adm-av2-oeuvre-cp .adm-av2-oeuvre-info, .adm-av2-oeuvre-info:last-child { padding-bottom: 16px; }
.adm-av2-offre { padding: 0 16px 16px; display: grid; gap: 10px; }
.adm-av2-offre label { display: grid; gap: 6px; font-size: 13px; color: var(--av2-texte); }
.adm-av2-offre input { height: 42px; padding: 0 10px; border: 1px solid var(--av2-filet); font-family: Georgia, serif; font-size: 16px; }
.adm-av2-offre-note { font-size: 12px; color: var(--av2-doux); font-style: italic; }
.adm-av2-offre-question { margin: 0; padding: 8px 12px; border-left: 2px solid #8B7500; background: rgba(139, 117, 0, .06); font-size: 13px; font-style: italic; color: var(--av2-texte); }
.adm-av2-offre-question[hidden] { display: none; }
/* Onglets Ambiance · Œuvre · Certificat sous la photo de l'oeuvre, et visionneuse plein ecran */
.adm-av2-vues { display: flex; border-bottom: 1px solid var(--av2-filet); }
.adm-av2-vue { flex: 1; padding: 8px 4px; line-height: 1.25; background: none; border: 0; border-bottom: 2px solid transparent; font-family: Georgia, serif; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--av2-or-fonce); cursor: pointer; }
.adm-av2-vue:hover, .adm-av2-vue.est-actif { border-bottom-color: var(--av2-or); color: var(--av2-noir); }
.adm-av2-lb { position: fixed; inset: 0; z-index: 100000; background: rgba(20,20,25,.98) !important; opacity: 1 !important; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 56px 16px 20px; }
.adm-av2-lb-img { max-width: min(1100px, 100%); max-height: calc(100vh - 170px); object-fit: contain; background: #fff; box-shadow: 0 10px 40px rgba(0,0,0,.4); }
.adm-av2-lb-legende { margin: 12px 0 8px !important; color: #f3ead8; font-family: Georgia, serif; font-size: 14px; text-align: center; }
.adm-av2-lb-onglets { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.adm-av2-lb-onglet { padding: 7px 14px; background: transparent; border: 1px solid rgba(217,182,92,.6); color: #eadcbc; font-family: Georgia, serif; font-size: 12.5px; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.adm-av2-lb-onglet.est-actif { background: #8B7500; border-color: #8B7500; color: #fff; }
.adm-av2-lb-fermer { position: absolute; top: 10px; right: 14px; width: 42px; height: 42px; background: none; border: 0; color: #fff; font-size: 34px; line-height: 1; cursor: pointer; }
.adm-av2-lb-fleche { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 64px; background: rgba(255,255,255,.08); border: 0; color: #fff; font-size: 40px; line-height: 1; cursor: pointer; }
.adm-av2-lb-prec { left: 10px; } .adm-av2-lb-suiv { right: 10px; }
@media (max-width: 640px) {
  .adm-av2-lb { padding: 50px 8px 14px; }
  .adm-av2-lb-img { max-height: calc(100vh - 190px); }
  .adm-av2-lb-fleche { width: 36px; height: 52px; font-size: 32px; background: rgba(0,0,0,.25); }
  .adm-av2-lb-prec { left: 2px; } .adm-av2-lb-suiv { right: 2px; }
}
.adm-av2-mode-aide { margin: 5px 0 0 !important; font-size: 12px; line-height: 1.4; color: var(--av2-doux); }
.adm-av2-oeuvre-secondaires .adm-av2-mode { flex: 1 1 130px; }
/* Reserver et Faire une offre : petits boutons or, plus fins qu'Acquerir (23/10) */
.adm-av2-oeuvre-secondaires .adm-av2-mode .adm-av2-lien-action {
  display: flex; align-items: center; justify-content: center; width: 100%; min-height: 34px; padding: 6px 8px;
  border: 1px solid var(--av2-or) !important; border-radius: 2px; background: #fff; color: var(--av2-or-fonce) !important;
  font-family: Georgia, serif; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; text-align: center; cursor: pointer;
}
.adm-av2-oeuvre-secondaires .adm-av2-mode .adm-av2-lien-action:hover { background: var(--av2-or) !important; color: #fff !important; }
.adm-av2-modes { margin: 0 0 22px; padding: 16px 18px; background: var(--av2-carte); border: 1px solid var(--av2-filet); border-left: 3px solid var(--av2-or); }
.adm-av2-modes-titre { margin: 0 0 12px !important; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--av2-or); font-weight: 700; }
.adm-av2-modes-grille { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px 22px; }
.adm-av2-modes-nom { display: flex; align-items: center; gap: 8px; margin: 0 0 4px !important; font-size: 16px; color: var(--av2-noir); }
.adm-av2-modes-nom .adm-av2-ico { width: 18px; height: 18px; color: var(--av2-or); }
.adm-av2-modes-texte { margin: 0 !important; font-size: 13.5px; line-height: 1.55; color: var(--av2-texte); }

/* 4. Tuiles Decouvrir */
.adm-av2-tuiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 22px; margin-top: 22px; }
.adm-av2-tuile { display: flex; flex-direction: column; gap: 14px; padding: 22px; background: var(--av2-carte); border: 1px solid var(--av2-filet); }
.adm-av2-tuile-tete { display: flex; align-items: center; gap: 14px; }
.adm-av2-tuile-titre { font-size: 18px !important; font-weight: 400; color: var(--av2-noir) !important; }
.adm-av2-tuile-desc { font-size: 14px; color: var(--av2-doux); line-height: 1.5; }
.adm-av2-pastilles { display: flex; flex-wrap: wrap; gap: 8px; }
.adm-av2-pastille {
  display: inline-flex; align-items: center; min-height: 38px; padding: 8px 14px; font-size: 13px;
  border: 1px solid var(--av2-filet); border-radius: 20px; background: #fff; color: var(--av2-noir) !important;
}
.adm-av2-pastille:hover { border-color: var(--av2-or); color: var(--av2-or) !important; }
.adm-av2-pastille-noir::before, .adm-av2-pastille-blanc::before {
  content: ""; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; border: 1px solid var(--av2-noir);
}
.adm-av2-pastille-noir::before { background: var(--av2-noir); }
.adm-av2-pastille-blanc::before { background: #fff; }
.adm-av2-imprime { display: grid; gap: 10px; padding-top: 14px; border-top: 1px solid var(--av2-filet); }
.adm-av2-imprime-titre { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--av2-noir); }
.adm-av2-imprime-ligne { display: grid; grid-template-columns: 1fr 80px; gap: 10px; }
.adm-av2-qte { height: 40px; padding: 0 10px; border: 1px solid var(--av2-filet); font-family: Georgia, serif; font-size: 15px; text-align: center; }
.adm-av2-liste-liens { margin: 0 !important; padding-left: 18px !important; }
.adm-av2-liste-liens a { color: var(--av2-or) !important; }

/* 5-6. Experiences, Sponsoriser */
.adm-av2-exps { display: grid; grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)); gap: 20px; margin-top: 22px; }
/* Experiences : cartes de meme hauteur, douces comme les cartes artistes, action alignee en bas */
.adm-av2-exp { display: flex; flex-direction: column; gap: 12px; padding: 22px; background: var(--av2-carte); border: 0; border-radius: 10px; box-shadow: 0 4px 16px rgba(20,20,25,.08); }
.adm-av2-exp-action { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--av2-filet); display: grid; gap: 10px; min-height: 104px; align-content: end; }
@media (max-width: 640px) { .adm-av2-exp-action { min-height: 0; } }
.adm-av2-exp-action .adm-av2-bientot { margin: 0 !important; text-align: center; }
.adm-av2-dates.adm-av2-dates-4 { grid-template-columns: repeat(2, 1fr) !important; }
.adm-av2-dates.adm-av2-dates-rdv { grid-template-columns: 1fr !important; }
.adm-av2-dates-rdv .adm-av2-date.est-actif { background: var(--av2-noir) !important; color: #fff !important; border-color: var(--av2-noir) !important; }
.adm-av2-rdv { display: grid; gap: 8px; }
.adm-av2-rdv input, .adm-av2-rdv textarea { width: 100%; padding: 8px 10px; border: 1px solid var(--av2-filet); font-family: Georgia, serif; font-size: 14px; background: #fff; }
.adm-av2-rdv-note { margin: 0 !important; font-size: 12.5px; line-height: 1.45; color: var(--av2-doux); }
.adm-av2-rdv-ok { margin: 0 !important; font-size: 14px; line-height: 1.5; color: var(--av2-noir); }
.adm-av2-exp-tete { display: flex; align-items: flex-start; gap: 14px; }
.adm-av2-exp-titre { font-size: 18px !important; font-weight: 400; line-height: 1.3; color: var(--av2-noir) !important; }
.adm-av2-exp-prix { margin-top: 4px !important; font-size: 16px; color: var(--av2-or); }
.adm-av2-exp-accroche { font-size: 15px; line-height: 1.5; }
.adm-av2-exp-choix { font-size: 13px; color: var(--av2-doux); }
.adm-av2-dates { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: auto; }
.adm-av2-date { padding: 10px 6px; letter-spacing: .04em; text-transform: none; font-size: 14px; }
.adm-av2-exp > .adm-av2-btn-bloc { margin-top: auto; }
.adm-av2-detail summary { cursor: pointer; font-size: 13px; color: var(--av2-or); }
.adm-av2-detail p { margin-top: 10px !important; font-size: 14px; line-height: 1.55; }
.adm-av2-detail-pratique { font-style: italic; color: var(--av2-doux); }
.adm-av2-inactif { opacity: .62; }
.adm-av2-bientot { margin-top: auto !important; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--av2-doux); }

/* Avis "paiement bientot disponible" */
.adm-av2-avis {
  position: fixed; left: 50%; bottom: 24px; z-index: 9999; transform: translate(-50%, 20px); opacity: 0;
  max-width: calc(100vw - 32px); padding: 12px 20px; background: #141419; color: #fff;
  font-family: Georgia, serif; font-size: 14px; border-left: 3px solid #8B7500; transition: opacity .25s, transform .25s; pointer-events: none;
}
.adm-av2-avis.visible { opacity: 1; transform: translate(-50%, 0); }

/* ================= Responsive ================= */

@media (max-width: 1280px) {
  .adm-av2-panneau-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .adm-av2-grille, .adm-av2-oeuvres-grille { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 960px) {
  .adm-av2-grille, .adm-av2-oeuvres-grille { grid-template-columns: repeat(2, 1fr); }
  .adm-av2-heros { grid-template-columns: 1fr; gap: 24px; }
  .adm-av2-portrait { max-width: 520px; max-height: none; }
  .adm-av2-filtres { grid-template-columns: 1fr 1fr; }
  .adm-av2-recherche { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .adm-av2 { padding: 0 16px 56px; }
  .adm-av2-bandeau { margin: 0 -16px; padding: 22px 16px 18px; }
  .adm-av2-bandeau-titre { font-size: 23px; letter-spacing: .12em; }
  .adm-av2-bandeau-sous { font-size: 14.5px; margin-top: 6px !important; }
  .adm-av2-filet { margin: 10px auto 8px; width: 32px; }
  .adm-av2-bandeau-devise { letter-spacing: .14em; font-size: 9.5px; line-height: 1.5; }
  .adm-av2-az { gap: 3px; }
  .adm-av2-az-lettre { min-width: 25px; height: 28px; padding: 0 2px; font-size: 12.5px; }
  .adm-av2-az-tous { padding: 0 8px; }
  .adm-av2-filtres { grid-template-columns: 1fr; gap: 10px; margin-top: 20px; }

  /* Liste : 2 portraits par ligne, carte resserree (nom, metier, pictos, bouton) */
  .adm-av2-grille { grid-template-columns: 1fr 1fr; gap: 12px; }
  .adm-av2-carte-corps { padding: 10px 10px 12px; }
  .adm-av2-carte-nom { font-size: 16px; }
  .adm-av2-discipline { font-size: 9.5px; letter-spacing: .14em; }
  /* Cartes etroites : 3 lignes reservees au nom, 2 au metier (alignement d'une carte a l'autre) */
  .adm-av2-carte-nom { min-height: 3.6em; }
  .adm-av2-carte .adm-av2-discipline { min-height: 3.5em; letter-spacing: .08em; }
  .adm-av2-carte .adm-av2-btn + .adm-av2-btn { min-height: calc(3.6em + 18px); letter-spacing: .03em; }
  .adm-av2-carte-citation { display: none; }
  .adm-av2-pictos { gap: 4px; }
  .adm-av2-pictos-bloc { padding-top: 10px; gap: 4px; }
  /* Grille commune a toutes les rangees d'une carte : pictos de meme taille, toujours dans la carte
     (5 colonnes ; 6 quand une rangee en a 6, ex. langue des signes) */
  .adm-av2-pictos { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .adm-av2-pictos-bloc:has(.adm-av2-pictos > :nth-child(6)) .adm-av2-pictos { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .adm-av2-picto { width: 100%; max-width: 34px; height: auto; min-width: 0; aspect-ratio: 1 / 1; }
  .adm-av2-picto .adm-av2-ico { width: 56%; height: 56%; }
  .adm-av2-carte .adm-av2-btn { margin-top: 10px; min-height: 40px; padding: 8px 6px; font-size: 10px; letter-spacing: .08em; gap: 6px; }

  /* Fiche : portrait en tete (hauteur limitee), actions pleine largeur */
  .adm-av2-ariane { padding: 12px 0; font-size: 12px; }
  .adm-av2-heros { gap: 20px; }
  .adm-av2-portrait { max-width: none; aspect-ratio: 4 / 5; max-height: 62vh; margin: 0 -16px; }
  .adm-av2-portrait img { object-position: center 25%; }
  .adm-av2-citation { margin-top: 18px !important; font-size: 18px; }
  .adm-av2-heros-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; }
  .adm-av2-panneau-3, .adm-av2-panneau-2 { grid-template-columns: 1fr; gap: 12px; }
  .adm-av2-panneau-onglets { display: flex; border-bottom: 1px solid var(--av2-filet); }
  .adm-av2-panneau-onglet { flex: 1; padding: 10px 4px; background: none; border: 0; border-bottom: 2px solid transparent; font-family: Georgia, serif; font-size: 12.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--av2-or-fonce); cursor: pointer; }
  .adm-av2-panneau-onglet.est-actif { color: var(--av2-noir); border-bottom-color: var(--av2-or); }
  .adm-av2-col.est-cache-mobile { display: none; }
  .adm-av2-col-titre { display: none; }
  .adm-av2-heros-actions .adm-av2-btn-plein { grid-column: 1 / -1; }
  .adm-av2-heros-actions .adm-av2-btn { padding: 10px 8px; letter-spacing: .08em; font-size: 11px; }
  .adm-av2-lieu { padding-left: 0; border-left: 0; }
  .adm-av2-ancres { margin: 24px -16px 0; padding: 12px 16px; gap: 20px; }
  .adm-av2-section { padding-top: 32px; scroll-margin-top: 52px; }
  .adm-av2-exp { scroll-margin-top: 72px; }
  .adm-av2-section-tete { flex-wrap: wrap; gap: 8px; }
  .adm-av2-titre-filet { font-size: 18px !important; flex-basis: 100%; }
  .adm-av2-oeuvres-grille { grid-template-columns: 1fr; gap: 18px; }
  .adm-av2-tuiles, .adm-av2-exps { grid-template-columns: 1fr; gap: 14px; }
  .adm-av2-tuile, .adm-av2-exp { padding: 18px; }
  .adm-av2-dates { grid-template-columns: 1fr 1fr 1fr; gap: 6px; }
  .adm-av2-date { font-size: 12.5px; padding: 8px 2px; }
}

/* Pagination des oeuvres */
.adm-av2-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; margin-top: 30px; }
.adm-av2-page-btn {
  min-width: 42px; height: 42px; padding: 0 12px; border: 1px solid var(--av2-filet); background: var(--av2-carte);
  font-size: 14px; color: var(--av2-noir); cursor: pointer; border-radius: 2px;
}
.adm-av2-page-btn:hover:not(:disabled) { border-color: var(--av2-or); color: var(--av2-or); }
.adm-av2-page-btn:disabled { opacity: .4; cursor: default; }
.adm-av2-page-btn.est-courante { background: var(--av2-or); border-color: var(--av2-or); color: #fff; }
.adm-av2-page-ellipse { padding: 0 4px; color: var(--av2-doux); }
.adm-av2-page-info { flex-basis: 100%; text-align: center; font-size: 13px; color: var(--av2-doux); font-style: italic; }
@media (max-width: 640px) { .adm-av2-page-num:not(.est-courante) { display: none; } }

/* Collection privee : cadre dedie (oeuvres deja acquises, sans prix ni action) */
.adm-av2-section-cp {
  margin: 56px -32px 0; padding: 44px 32px 48px; background: #141419; color: #e9e2d0;
  border-top: 1px solid #8B7500; border-bottom: 1px solid #8B7500;
}
.adm-av2-section-cp .adm-av2-titre-filet { color: #fff !important; }
.adm-av2-section-cp .adm-av2-titre-filet::after { background: rgba(139,117,0,.6); }
.adm-av2-section-cp .adm-av2-titre-filet .adm-av2-ico { color: #c9a227; }
.adm-av2-section-cp .adm-av2-section-sous { color: #b9b09c; font-style: italic; }
.adm-av2-section-cp .adm-av2-serie-titre { color: #c9a227 !important; }
.adm-av2-section-cp .adm-av2-oeuvre { background: #1e1e25; border-color: #2c2c35; }
.adm-av2-section-cp .adm-av2-oeuvre-titre, .adm-av2-section-cp .adm-av2-oeuvre-titre a { color: #fff !important; }
.adm-av2-section-cp .adm-av2-oeuvre-ligne { color: #cfc7b4; }
.adm-av2-section-cp .adm-av2-oeuvre-prix { color: #c9a227; }
.adm-av2-section-cp .adm-av2-page-btn { background: transparent; color: #e9e2d0; border-color: #3a3a44; }
.adm-av2-section-cp .adm-av2-page-btn.est-courante { background: #8B7500; border-color: #8B7500; color: #fff; }
.adm-av2-section-cp .adm-av2-page-info { color: #b9b09c; }
@media (max-width: 640px) { .adm-av2-section-cp { margin: 40px -16px 0; padding: 32px 16px 36px; } }

/* Mon Compte > Mes Favoris : artistes suivis */
.adm-av2-mes-artistes { margin-top: 40px; }
.adm-av2-suivis { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 18px; list-style: none; margin: 0; padding: 0; }
.adm-av2-suivis a { display: block; text-decoration: none !important; color: #141419; font-family: Georgia, serif; font-size: 14px; text-align: center; }
.adm-av2-suivis img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; margin-bottom: 8px; border: 1px solid #e4dccb; }
.adm-av2-suivis a:hover span { color: #8B7500; }

.adm-av2-tuile-collection { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--av2-or); margin-top: 4px !important; }

/* Texte de la serie (JSON Master du catalogue), francais et anglais */
.adm-av2-serie-texte { max-width: 980px; margin: -4px 0 20px; display: grid; gap: 10px; }
.adm-av2-serie-p { font-size: 14.5px; line-height: 1.6; color: var(--av2-texte); }
.adm-av2-serie-p[lang="en"] { color: var(--av2-doux); font-style: italic; }
.adm-av2-drapeau { display: inline-flex; vertical-align: -2px; margin-right: 10px; box-shadow: 0 0 0 1px rgba(0,0,0,.12); }
.adm-av2-drapeau svg { display: block; }

/* Services non ouverts a l'artiste : visibles mais grises (pour donner envie) */
.adm-av2-picto-off { background: #f3f0ea; border-style: dashed; }
.adm-av2-picto-off .adm-av2-ico { color: #b8b0a0; }
.adm-av2-picto-off:hover { background: #f3f0ea; border-color: var(--av2-filet); }
.adm-av2-picto-off .adm-av2-picto-lien { cursor: default; }
.adm-av2-ligne-off { background: #f6f3ee; border-style: dashed; color: #a59d8e !important; cursor: default; }
.adm-av2-ligne-off > .adm-av2-ico:first-child { color: #bdb5a6 !important; }
.adm-av2-ligne-off .adm-av2-ligne-texte { color: #a59d8e; }

/* Cartes d experiences de hauteurs differentes (texte Sponsoriser deplie) : pas d etirement */
.adm-av2-exps { align-items: stretch; }

/* Contenu texte servi par le serveur (moteurs de recherche, lecteurs sans JavaScript),
   remplace par la page des que le script s'execute */
.adm-av2-seo { max-width: 960px; margin: 40px auto; padding: 0 20px; line-height: 1.6; }
/* Pendant le chargement : ce texte (pour les moteurs) reste dans la page mais invisible ;
   il ne s'affiche qu'au bout de 6 s, si le script ne s'est pas lance (navigateur sans JavaScript).
   A la place : « Chargement… » discret, hauteur reservee (le pied de page ne saute pas). */
.adm-av2:has(> .adm-av2-seo) { position: relative; min-height: 70vh; }
.adm-av2-seo { opacity: 0; animation: adm-av2-seo-secours .4s ease 6s forwards; }
@keyframes adm-av2-seo-secours { to { opacity: 1; } }
.adm-av2:has(> .adm-av2-seo)::before {
  content: "Chargement…"; position: absolute; left: 0; right: 0; top: 120px;
  text-align: center; color: var(--av2-doux); font-style: italic;
  animation: adm-av2-seo-chargement .2s ease 6s forwards;
}
@keyframes adm-av2-seo-chargement { to { opacity: 0; } }
.adm-av2-seo h1 { font-size: 1.6rem; margin: 0 0 .6rem; }
.adm-av2-seo ul { list-style: none; padding: 0; }
.adm-av2-seo li { margin: .3rem 0; }

/* Nom d'artiste apres une elision francaise (d’Arnaud) : espace en anglais (of Arnaud) */
html[lang^="en"] .adm-nom-elision { margin-left: .28em; }

/* Avantage sponsor : remise artistique (24/10/2026) */
.adm-av2-oeuvre-prix-sponsor { margin: 2px 0 0 !important; font-size: 13px; color: var(--av2-or-fonce); letter-spacing: .02em; }
.adm-av2-oeuvre-prix-sponsor.est-actif { font-weight: 700; color: var(--av2-or); }
.adm-av2-incitation { margin: 10px 0 0 !important; padding: 8px 10px; font-size: 12.5px; line-height: 1.45; color: #3a362e;
  background: var(--av2-or-clair); border-left: 3px solid var(--av2-or); }
.adm-av2-incitation a { color: var(--av2-or-fonce); font-weight: 700; white-space: nowrap; }
.adm-av2-avantage { margin: 12px 0 4px; padding: 12px 14px; border: 1px solid var(--av2-or); background: #fffdf6; }
.adm-av2-avantage p { margin: 0 0 6px !important; font-size: 14px; line-height: 1.5; }
.adm-av2-avantage-titre { font-size: 12px !important; letter-spacing: .14em; text-transform: uppercase; color: var(--av2-or-fonce); font-weight: 700; }
.adm-av2-avantage-montant { font-size: 16px !important; color: var(--av2-or); font-weight: 700; }
.adm-av2-avantage-membre { margin-top: 8px !important; padding-top: 8px; border-top: 1px solid var(--av2-or-clair); color: var(--av2-or-fonce); font-weight: 700; }

/* Artiste CODA / langue des signes (24/10/2026) */
.adm-av2-mention { display: flex; align-items: center; gap: 6px; margin: 6px 0 0 !important; font-size: 13px; color: var(--av2-or-fonce); font-style: italic; }
.adm-av2-mention.est-coda { font-style: normal; font-weight: 700; letter-spacing: .02em; }
.adm-av2-mention .adm-av2-ico, .adm-av2-oeuvre-lsf .adm-av2-ico { width: 18px; height: 18px; flex-shrink: 0; }
.adm-av2-oeuvre-lsf { display: inline-flex; align-items: center; gap: 6px; margin: 6px 0 0; font-size: 12.5px; color: var(--av2-or-fonce); text-decoration: none; }
.adm-av2-oeuvre-lsf:hover { color: var(--av2-or); text-decoration: underline; }

/* Petits telephones : les prenoms composes passent sur 4 lignes, reserve identique pour toutes les cartes (Marc 25/10) */
@media (max-width: 400px) {
  .adm-av2-carte .adm-av2-btn + .adm-av2-btn { min-height: calc(4.8em + 18px); }
}

/* Navigation entre artistes representes, sous la fiche (05/11/2026, adm-artistes-v2.php) */
.adm-av2-nav-artistes { max-width: 1180px; margin: 48px auto 64px; padding: 22px 24px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 18px; align-items: center; border-top: 1px solid rgba(139, 117, 0, .35); border-bottom: 1px solid rgba(139, 117, 0, .35); font-family: Georgia, 'Times New Roman', serif; box-sizing: border-box; }
.adm-av2-nav-artistes a, .adm-av2-nav-artistes a span { text-decoration: none !important; color: #141419; }
.adm-av2-nav-prec, .adm-av2-nav-suiv { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.adm-av2-nav-suiv { text-align: right; align-items: flex-end; }
.adm-av2-nav-artistes .adm-av2-nav-sens { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #8B7500 !important; }
.adm-av2-nav-nom { font-size: 19px; line-height: 1.25; overflow-wrap: anywhere; transition: color .2s; }
.adm-av2-nav-artistes a:hover .adm-av2-nav-nom, .adm-av2-nav-artistes a:focus-visible .adm-av2-nav-nom { color: #8B7500; }
.adm-av2-nav-artistes .adm-av2-nav-liste { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #8B7500; border: 1px solid #8B7500; padding: 11px 18px; white-space: nowrap; transition: background .2s, color .2s; }
.adm-av2-nav-artistes .adm-av2-nav-liste:hover, .adm-av2-nav-artistes .adm-av2-nav-liste:focus-visible { background: #8B7500; color: #fff; }
@media (max-width: 680px) {
  .adm-av2-nav-artistes { grid-template-columns: 1fr 1fr; margin: 32px 16px 44px; padding: 18px 0; gap: 16px 12px; align-items: start; }
  .adm-av2-nav-artistes .adm-av2-nav-liste { grid-column: 1 / -1; grid-row: 2; text-align: center; white-space: normal; }
  .adm-av2-nav-nom { font-size: 16px; }
}

/* Bouton flottant « Voir ses oeuvres » sur telephone (05/11/2026, fin de adm-artistes-v2.js) */
.adm-av2 .adm-av2-barre-mobile { display: none; }
@media (max-width: 680px) {
  .adm-av2 .adm-av2-barre-mobile { display: inline-flex; align-items: center; gap: 10px; position: fixed; left: 50%; bottom: 76px; z-index: 9990; transform: translate(-50%, 140px); opacity: 0; pointer-events: none; padding: 12px 22px; background: #8B7500 !important; color: #fff !important; text-decoration: none !important; font-family: Georgia, 'Times New Roman', serif; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; border-radius: 2px; box-shadow: 0 6px 18px rgba(20, 20, 25, .25); transition: transform .3s ease, opacity .3s ease; }
  .adm-av2 .adm-av2-barre-mobile.adm-av2-barre-visible { transform: translate(-50%, 0); opacity: 1; pointer-events: auto; }
  .adm-av2 .adm-av2-barre-mobile span { color: #fff !important; }
  .adm-av2-barre-fleche { font-size: 15px; letter-spacing: 0; }
}