/* container */
.venue-detail { max-width: 1100px; margin: 0 auto; padding: 32px 20px; color:#fff; }

/* header */
.venue-detail .head { display:flex; gap:16px; align-items:center; margin-bottom:16px; }
.venue-detail .head .logo { width:72px; height:72px; object-fit:contain; border-radius:8px; background:rgba(255,255,255,.06); padding:8px; }
.venue-detail .head .titles h1 { margin:0; font-size:28px; }
.venue-detail .head .titles h1 span { font-size:16px; opacity:.85; margin-left:8px; }
.venue-detail .head .titles .addr { margin:6px 0 0; opacity:.9; }

/* (kept) default link style inside header blocks */
.venue-detail .head .titles .addr a { color:#9e42f5; text-decoration:none; }
.venue-detail .head .titles .links a { color:#9e42f5; text-decoration:none; margin-right:12px; }
.venue-detail .head .titles .links a:hover { text-decoration:underline; }

/* bio */
.venue-detail .bio { margin:14px 0 20px; opacity:.95; }

/* big gallery */
.venue-detail .gallery { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:14px; }
.venue-detail .gallery .slides { display:flex; transition:transform .4s ease; }
.venue-detail .gallery img { width:100%; aspect-ratio: 16/9; object-fit:cover; flex:0 0 100%; display:block; }

.venue-detail .gallery .prev,
.venue-detail .gallery .next {
  position:absolute; top:50%; transform:translateY(-50%);
  border:none; background:rgba(0,0,0,.45); color:#fff; font-size:32px; line-height:1;
  padding:8px 12px; cursor:pointer; border-radius:8px; z-index:2;
}
.venue-detail .gallery .prev{ left:12px; }
.venue-detail .gallery .next{ right:12px; }
.venue-detail .gallery .prev:hover,
.venue-detail .gallery .next:hover { background:rgba(0,0,0,.65); }

/* crumb */
.venue-detail .crumbs { margin: 6px 0 12px; }
.venue-detail .crumbs a { color:#9e42f5; text-decoration:none; }
.venue-detail .crumbs a:hover { text-decoration:underline; }

/* ✅ Map button inside the address line */
.venue-detail .addr a {
  display: inline-block;
  margin-left: 6px;
  padding: 4px 8px;
  background: #9e42f5;
  color: #fff !important;
  border-radius: 6px;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 600;
  transition: background 0.3s ease;
}
.venue-detail .addr a:hover {
  background: #7d2fd1;
}

/* responsive */
@media (max-width: 720px){
  .venue-detail .head { align-items:flex-start; }
  .venue-detail .head .logo { width:56px; height:56px; }
  .venue-detail .head .titles h1 { font-size:24px; }
}

@media (max-width: 640px){
  .venue-detail  { 
    padding: 24px 14px;  /* slightly tighter mobile spacing */
  }
}