/* Revision 10: tap a prominent play button to enter native fullscreen on phones.
   No change to desktop playback, event picker, sticky positions or captions. */
@media (max-width:767px) and (pointer:coarse) {
  .events-page .events-detail-media.has-mobile-fullscreen-button { position:relative; }
  .events-page .events-detail-media .events-fullscreen-play {
    position:absolute; inset:0; z-index:2; display:flex;
    flex-direction:column; justify-content:center; align-items:center; gap:12px;
    width:100%; height:100%; padding:16px;
    border:0; border-radius:inherit;
    background:linear-gradient(180deg, transparent 30%, rgba(20,6,34,.40) 100%);
    color:#fff; cursor:pointer; font:600 14px/1.4 Montserrat,Arial,sans-serif;
    -webkit-tap-highlight-color:transparent;
  }
  .events-page .events-detail-media .events-fullscreen-play:focus-visible {
    outline:3px solid #e4ad49; outline-offset:-5px;
  }
  .events-page .events-detail-media .events-fullscreen-play[hidden] {display:none!important;}
  .events-page .events-detail-media .events-fullscreen-play-icon {
    width:66px; height:66px; display:grid; place-items:center;
    border-radius:50%; background:#e4ad49; color:#27093c;
    box-shadow:0 7px 26px rgba(0,0,0,.35);
  }
  .events-page .events-detail-media .events-fullscreen-play-icon::after {
    content:''; width:0;height:0; border-top:10px solid transparent;
    border-bottom:10px solid transparent; border-left:17px solid currentColor;
    margin-left:5px;
  }
  .events-page .events-detail-media video:fullscreen {
    width:100vw!important; height:100vh!important;
    max-width:100vw!important; max-height:100vh!important;
    object-fit:contain!important; background:#000;
  }
  .events-page .events-detail-media .events-fullscreen-play-label {
    padding:6px 12px; border-radius:30px; background:rgba(23,3,34,.80);
    text-align:center; overflow-wrap:anywhere;
  }
}