/* ROUND 102 — Gallery thumbnails and lightbox (inc/round102.php). /gallery/ only; loads after inner.css,
   r63.css, r78-gallery.css and r86-gallery.css. */

/* 1 — Heart at rest: a soft drop shadow under the glass circle plus a hairline ring, and a faint shadow
   under the white heart glyph, so the button reads on white plans and pale photos as well as on dark
   ones. Colours, 32px size, 16px inset, hover pill and saved state are unchanged (hover/saved reset it). */
.sh-r102 .gal__body .gt__save{box-shadow:0 1px 3px rgba(0,0,0,.22),0 0 0 1px rgba(66,64,64,.14)}
.sh-r102 .gal__body .gt__save-icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.sh-r102 .gal__body .gt:hover .gt__save,.sh-r102 .gal__body .gt:focus-visible .gt__save,.sh-r102 .gal__body .gt__save:focus-visible,
.sh-r102 .gal__body .gt__save.is-saved,.sh-r102 .gt__save.gt__save--pill{box-shadow:none}
.sh-r102 .gal__body .gt:hover .gt__save-icon,.sh-r102 .gal__body .gt:focus-visible .gt__save-icon,.sh-r102 .gal__body .gt__save:focus-visible .gt__save-icon,
.sh-r102 .gal__body .gt__save.is-saved .gt__save-icon,.sh-r102 .gt__save.gt__save--pill .gt__save-icon{filter:none}

/* 2 — Lightbox caption shade spans the whole image width (round 63 had narrowed it to the text);
   the tag, title and link keep their lower-left position. */
.sh-r102.sh-r63 .glb.sh-r63-glb .glb__info{left:0;right:0}

/* 3 — Tag pills: Montserrat's ascender/descender metrics place the capitals a little above the middle of
   the line box in some browsers. Where the browser can trim the line box to the cap height the pill is
   measured from the letters themselves (padding grows to keep the same 22.4px / 18px pill); elsewhere
   the current layout is kept. Font, size, spacing and colours unchanged. */
@supports (text-box-trim:trim-both) and (text-box-edge:cap alphabetic){
  .sh-r102 .gal__body .gt__tag,.sh-r102 .gal__body .gt__corner-tag,.sh-r102 .glb .gt__tag{text-box-trim:trim-both;text-box-edge:cap alphabetic;padding-top:7px;padding-bottom:7px}
  @media (max-width:768px){
    .sh-r102.sh-r78-gal .gt__tag,.sh-r102.sh-r78-gal .gt__corner-tag{padding-top:5.5px;padding-bottom:5.5px}
  }
}

/* 4 — Phone thumbnails: photo and heart only. The overlay text, tag, maximise glyph and award medals are
   hidden; the tile itself still opens the lightbox, which is untouched. */
@media (max-width:768px){
  .sh-r102 .gal__body .gt .gt__info,
  .sh-r102 .gal__body .gt .gt__corner-tag,
  .sh-r102 .gal__body .gt .gt__max,
  .sh-r102 .gal__body .gt .gt__awards{display:none!important}
}