/* V35 — NATURAL-WIDTH NORMAL-PAGE THUMBNAILS
   V34 vertical gallery architecture remains unchanged.
   This file changes only thumbnail presentation. */

/* The visible row is centred and gaps are between the photographs themselves. */
#thumbRow {
  display:flex !important;
  width:auto !important;
  max-width:100% !important;
  gap:22px !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  padding:0 !important;
  margin:0 auto !important;
}

/* Remove the artificial fixed-width thumbnail boxes. */
#thumbRow .thumb {
  flex:0 0 auto !important;
  width:auto !important;
  height:118px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:none !important;
  overflow:visible !important;
  display:block !important;
  box-sizing:border-box !important;
}

/* The photograph itself determines thumbnail width from its natural aspect ratio. */
#thumbRow .thumb img {
  display:block !important;
  width:auto !important;
  height:118px !important;
  max-width:none !important;
  object-fit:contain !important;
  background:none !important;
  box-shadow:none !important;
}

/* Hidden V33/V34 pages remain out of layout. */
#thumbRow .thumb.dl-fixed-slot-hidden {
  display:none !important;
}

/* Keep paging arrows vertically centred against the photographs. */
.thumb-scroll {
  height:118px !important;
  margin:0 !important;
  align-self:center !important;
}

/* Narrower layouts: same principle, slightly smaller fixed photograph height. */
@media (max-width:700px) {
  #thumbRow {
    gap:12px !important;
  }

  #thumbRow .thumb,
  #thumbRow .thumb img {
    height:92px !important;
  }

  .thumb-scroll {
    height:92px !important;
  }
}

/* V36 — remove selected-thumbnail gold outline only. */
#thumbRow .thumb.active,
#thumbRow .thumb.is-active,
#thumbRow .thumb[aria-current="true"],
#thumbRow .thumb.active img,
#thumbRow .thumb.is-active img,
#thumbRow .thumb[aria-current="true"] img {
  outline:none !important;
  outline-offset:0 !important;
}

#thumbRow .thumb.active,
#thumbRow .thumb.is-active,
#thumbRow .thumb[aria-current="true"] {
  box-shadow:none !important;
}

/* V37 — active/current normal-page thumbnail treatment.
   No border or outline: simply darken the photograph currently shown above. */
#thumbRow .thumb.active img,
#thumbRow .thumb.is-active img,
#thumbRow .thumb[aria-current="true"] img {
  filter: brightness(0.58) !important;
}

/* Non-current thumbnails remain at normal brightness. */
#thumbRow .thumb:not(.active):not(.is-active):not([aria-current="true"]) img {
  filter: none;
}