/* Event detail - tickets button, website link, hero overlay. Kept outside main.css for now; move into scss/sites/_event-detail.scss later. */

.site-events-detail .hero .container { z-index: 10; position: relative; }
.site-events-detail .hero .bg .overlay { top: 0; height: 100%; }

.site-events-detail .hero .hero-tickets .btn-hero-tickets { padding: 16px 38px; font-size: 14px; white-space: nowrap; }
.site-events-detail .hero .hero-tickets .btn-hero-tickets i,
.site-events-detail .event-detail .btn-text-tickets i { margin-right: 8px; }
.site-events-detail .event-detail .btn-text-tickets { margin-top: 10px; font-size: 13px; }

.site-events-detail .event-detail .r .details-box .unit .data a.web-link { color: #bb9457; font-weight: 500; word-break: break-all; transition: color 0.2s; }
.site-events-detail .event-detail .r .details-box .unit .data a.web-link:hover { color: #fff; text-decoration: underline; }

@media (min-width: 992px) {
  .site-events-detail .hero .container { display: flex; align-items: center; }
  .site-events-detail .hero .container .event-info { flex: 1 1 auto; min-width: 0; }
  .site-events-detail .hero .hero-tickets { flex: 0 0 auto; margin-left: auto; padding-left: 30px; padding-top: 35px; }
}
@media (max-width: 991px) {
  .site-events-detail .hero .hero-tickets { text-align: center; margin-top: 28px; }
}