/* R2506 - gallery-polish.css : lot CSS borné, chargé après les styles actuels.
   Aucun changement d'image, de dialogue, de HTML ou de JS. */

/* ---------- 1. Cadre commun des deux galeries d'art ---------- */
.lt-finish figure.art-carousel{
  box-sizing:border-box;
  row-gap:0;
  padding:14px;
  border:1px solid #d9cfb4;
  border-radius:14px;
  background:#faf6ea;
}
.lt-finish figure.art-carousel>.rf-badge{margin:0 0 10px}

/* Bandeau titre/compteur et flèches : espacement régulier */
.lt-finish .art-carousel .art-toolbar{
  gap:14px;
  margin:0 0 12px;
  padding:6px;
  border:1px solid #e4dcc3;
  border-radius:12px;
  background:#fffdf8;
}
.lt-finish .art-carousel .art-current{flex:1 1 auto;padding:0 4px}
.lt-finish .art-carousel .art-current strong{color:#153b51;line-height:1.3}
.lt-finish .art-carousel [data-art-count]{display:block;margin-top:2px;font-variant-numeric:tabular-nums;color:#4f6a76}
.lt-finish .art-carousel .art-step{flex:none;border-color:#b8923f;background:#fffdf8}
.lt-finish .art-carousel .art-step:hover{background:#f4f1e8;border-color:#8e6a22}

/* Fond et espace autour de l'image : contain, intégralité et identité conservées */
.lt-finish .art-carousel .art-open{
  background:#e9eeea;
  border:1px solid #d3dcd6;
  box-sizing:border-box;
}
.lt-finish .art-carousel .art-description{margin:.7rem 0 0;padding:0 2px}
.lt-finish figure.art-carousel>figcaption{margin:.7rem 0 0;padding:0 2px}

/* Espace régulier entre image/légende et vignettes */
.lt-finish .art-carousel .art-selectors{margin-top:14px;gap:8px}

/* ---------- 2. Boutons de sélection : état actif lisible sans la couleur seule ---------- */
.lt-finish .art-carousel .art-choice{
  position:relative;
  border-color:#cfc8b2;
  line-height:1.3;
}
.lt-finish .art-carousel .art-choice:hover{border-color:#8e6a22}
.lt-finish .art-carousel .art-choice[aria-pressed="true"]{
  border:2px solid #153b51;
  padding:6px; /* compense la bordure de 2px */
  background:#f1ecdc;
  box-shadow:inset 0 -4px #8e6a22;
  font-weight:700;
}
.lt-finish .art-carousel .art-choice[aria-pressed="true"] > span{text-decoration:underline;text-underline-offset:3px}
.lt-finish .art-carousel .art-choice img{border-radius:4px}

/* ---------- 3. Daily : grille 3+3 dans sa vraie colonne, vignette et titre verticaux ---------- */
.lt-finish .art-carousel[data-art-carousel="daily"] .art-selectors{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.lt-finish .art-carousel[data-art-carousel="daily"] .art-choice{
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:6px;
  min-height:44px;
  padding:8px;
  font-size:.875rem;
  line-height:1.3;
  overflow-wrap:anywhere;
  hyphens:auto;
}
.lt-finish .art-carousel[data-art-carousel="daily"] .art-choice[aria-pressed="true"]{padding:7px}
.lt-finish .art-carousel[data-art-carousel="daily"] .art-choice img{
  width:45px;
  height:66px;
  object-fit:cover; /* vignette seulement ; l'image principale reste en contain */
}
/* Annule le passage à 6 colonnes (>=1800px), forcé dans une demi-colonne bornée */
@media(min-width:1800px){
  .lt-finish .art-carousel[data-art-carousel="daily"] .art-selectors{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:500px){
  .lt-finish figure.art-carousel{padding:10px;border-radius:12px}
  .lt-finish .art-carousel[data-art-carousel="daily"] .art-choice{font-size:.875rem;padding:6px}
  .lt-finish .art-carousel[data-art-carousel="daily"] .art-choice img{width:36px;height:52.8px}
}

/* ---------- 4. Models : 3 choix verticaux préservés ---------- */
.lt-finish .art-carousel[data-art-carousel="models"] .art-choice{
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}

/* ---------- 5. Focus visible : halo interne + externe, lisible sur crème ---------- */
.lt-finish .art-carousel :is(.art-step,.art-choice,.art-open):focus-visible{
  outline:3px solid #153b51;
  outline-offset:3px;
  box-shadow:0 0 0 6px #fffdf8;
}

/* ---------- 6. Beyondwake : commandes seulement (marine/crème, crops intacts) ---------- */
.bw-carousel .bw-caption-line{padding-bottom:8px;border-bottom:1px solid #b89a5b66}
.bw-carousel .bw-status{margin:8px 0 12px}
.bw-controls{gap:10px}
.bw-selectors{gap:8px}
.bw-controls button{border-color:#e3d5b69a;border-radius:8px}
.bw-controls button:hover{border-color:#e4bb58}
.bw-controls button[aria-pressed=true]{
  box-shadow:inset 0 -4px #b89a5b;
  text-decoration:underline;
  text-underline-offset:4px;
}
@media(max-width:700px){
  .bw-controls{gap:10px}
  .bw-controls .bw-selectors{gap:8px}
}

/* ---------- 7. Compte : Reprendre/Supprimer à hauteur naturelle ---------- */
@media(min-width:805px){
  .account-shell-active .lt-draft > .lt-draft-actions > .btn{
    flex:0 0 auto;
    min-height:44px;
    height:auto;
  }
}

/* ---------- 8. Mouvement réduit ---------- */
@media(prefers-reduced-motion:reduce){
  .lt-finish .art-carousel :is(.art-step,.art-choice),
  .bw-controls button{transition:none!important}
}

@media(max-width:500px){.lt-finish .art-carousel[data-art-carousel="daily"] .art-choice[aria-pressed="true"]{padding:5px}}

/* Keep four scene choices and 44px arrows within a narrow half-column. */
@media(max-width:800px){.bw-carousel .bw-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px}.bw-carousel .bw-controls .bw-selectors{grid-column:1/-1;grid-row:1;justify-content:center;gap:8px}.bw-carousel .bw-controls [data-bw-prev]{grid-column:1;grid-row:2}.bw-carousel .bw-controls [data-bw-next]{grid-column:3;grid-row:2}}