/* Shared Shorts modal player — overlay/dialog styled like the existing interstitial-ad
   modal (pageination-v2.css's .pageination-v2-modal-*), but as its own classes so it can
   be reused/parameterized for a dynamic list of videos (homepage Shorts section +
   /pages/shorts listing). */

.shorts-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:1001;display:flex;align-items:center;justify-content:center;padding:24px;}
.shorts-modal-overlay[hidden]{display:none;}

.shorts-modal-dialog{position:relative;background:#111;border-radius:12px;padding:16px;max-width:360px;width:100%;max-height:92vh;display:flex;flex-direction:column;gap:12px;}

.shorts-modal-close{position:absolute;top:-16px;right:-16px;width:32px;height:32px;border-radius:50%;background:#fff;border:none;color:#000;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;}

.shorts-modal-frame{position:relative;width:100%;aspect-ratio:9/16;background:#000;border-radius:8px;overflow:hidden;}
.shorts-modal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:none;display:block;}

.shorts-modal-title{margin:0;font-family:var(--font-body);font-weight:500;font-size:15px;line-height:1.3;color:#fff;}

.shorts-modal-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.shorts-modal-prev,.shorts-modal-next{font-family:var(--font-label);font-weight:600;font-size:13px;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:4px;padding:8px 14px;cursor:pointer;}
.shorts-modal-prev:hover,.shorts-modal-next:hover{background:rgba(255,255,255,.2);}
.shorts-modal-prev:disabled,.shorts-modal-next:disabled{opacity:.35;cursor:not-allowed;}
.shorts-modal-fallback{font-family:var(--font-label);font-weight:600;font-size:11px;color:var(--color-brand-red);text-decoration:none;text-align:center;flex:1;}

.shorts-modal-viewmore{display:block;text-align:center;font-family:var(--font-label);font-weight:700;font-size:13px;color:#fff;background:var(--color-brand-red);border-radius:4px;padding:10px 14px;text-decoration:none;text-transform:uppercase;}
.shorts-modal-viewmore[hidden]{display:none;}

@media (max-width:480px){
  .shorts-modal-dialog{max-width:100%;}
}