/* BRICK & BARREL · photos and video from the admin (console 15). See /site-media.js. */

/* photo wall: a second and third row of photos keeps the same pattern */
.gallery-grid.more{margin-top:10px;}
.gallery-item video,.gallery-item>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.gallery-item>img{transition:transform .6s ease,filter .4s ease;filter:brightness(0.88) saturate(0.9);}
.gallery-item:hover>img{transform:scale(1.04);filter:brightness(1) saturate(1.05);}
.gallery-item.clip{cursor:default;}

/* video tour: a YouTube link from the admin; the video loads only on tap */
.tour-sec{padding:100px 72px;background:var(--deep);text-align:center;}
.tour-sec .sec-title{margin-bottom:40px;}
.tour-yt{position:relative;display:block;width:100%;max-width:960px;margin:0 auto;aspect-ratio:16/9;padding:0;border:1px solid var(--rule);background:#000;cursor:pointer;overflow:hidden;}
.tour-yt img,.tour-yt iframe{width:100%;height:100%;object-fit:cover;display:block;border:0;}
.tour-yt img{filter:brightness(.8);transition:filter .3s,transform .6s ease;}
.tour-yt:hover img,.tour-yt:focus-visible img{filter:brightness(.95);transform:scale(1.02);}
.tour-yt:focus-visible{outline:2px solid var(--warm);outline-offset:4px;}
.tour-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--warm);box-shadow:0 10px 40px rgba(0,0,0,.45);}
.tour-play::after{content:'';position:absolute;left:31px;top:24px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent var(--ink);}
.tour-empty{max-width:960px;margin:24px auto 0;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;border:1px dashed var(--rule);color:var(--muted);font-size:14px;letter-spacing:.06em;}

/* Pizza and Cocktail of the Month: a photo on top of the card when one is placed from the admin */
.special-photo{margin:-40px -36px 28px;aspect-ratio:4/3;overflow:hidden;background:var(--bark);border-bottom:1px solid rgba(200,153,106,.15);}
.special-photo img{width:100%;height:100%;object-fit:cover;display:block;}

@media(max-width:900px){
  .tour-sec{padding:64px 20px;}
  .tour-sec .sec-title{margin-bottom:28px;}
  .tour-play{width:60px;height:60px;margin:-30px 0 0 -30px;}
  .tour-play::after{left:24px;top:18px;border-width:12px 0 12px 19px;}
  .gallery-grid.more{margin-top:8px;}
  /* more than one block of photos: no empty row between them on phones */
  .gallery-wall.multi .gallery-grid{grid-template-rows:200px 200px;}
}
@media(max-width:768px){
  .special-photo{margin:-28px -22px 20px;}
}