/* StringPhoto v7.6: wall page polish.
   1. Size buttons (40 cm / 16 in, 50 cm / 20 in, 60 cm / 24 in) each get their own border, on every screen.
   2. Phones: the room is sized to the space left above the size panel (wall-v7-6.js), so the frame hangs inside
      the middle arch, above the sofa, with its label under it; the floor lamp stands fully on screen at the end of
      the sofa, below the wall sconce; the sconces sit in the middle of the side arches. */
.hall-copy .wv-tabs{gap:6px;padding:5px;grid-template-columns:repeat(3,minmax(0,1fr))}
.hall-copy .wv-tabs button{padding-left:2px;padding-right:2px;border:1.5px solid rgba(21,18,15,.16);background:#fff;transition:background-color .25s,color .25s,border-color .25s}
.hall-copy .wv-tabs button b{white-space:nowrap;font-size:clamp(.72rem,.98vw,1.15rem);letter-spacing:-.04em}
.hall-copy .wv-tabs button:hover{border-color:rgba(21,18,15,.45)}
.hall-copy .wv-tabs button[aria-selected="true"]{border-color:var(--text);background:var(--text);color:#fff}
.hall-copy .wv-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

@media(max-width:900px),(orientation:portrait) and (max-width:1100px){
  .hall-copy .wv-tabs button{padding:8px 2px}
  .hall-copy .wv-tabs button b{white-space:nowrap;font-size:clamp(.74rem,3.5vw,1rem)}
  /* sconces: centred on the side arches, near the top, a size that reads on a phone */
  .hall-sconce{width:clamp(28px,8.5vw,44px);top:calc(var(--pan-t) + 3vh)}
  .sc-l{left:calc((4vw + 50% - var(--spot-max) / 2 - var(--m) - 3vw) / 2 + 2vw)}
  .sc-r{left:calc(100% - (4vw + 50% - var(--spot-max) / 2 - var(--m) - 3vw) / 2 - 2vw)}
  /* the label sits on the wall just under the frame */
  .hall-label{bottom:calc(var(--spot-b) - 8px)}
  /* lamp and its light are placed by wall-v7-6.js */
  .hall-room.v76 .hall-lamp{right:auto}
}