/* Scoped frontend CSS */
.mtm-plugin { font-family: "Poppins", Arial, sans-serif; color:#fff; }
.mtm-grid { display:flex; flex-wrap:wrap; gap:12px; }
.mtm-card, .mtm-card-tv { width:200px; display:block; text-decoration:none; color:inherit; background:rgba(255,255,255,0.02); border-radius:8px; overflow:hidden; border:1px solid rgba(255,255,255,0.04); }
.mtm-poster { width:100%; height:280px; object-fit:cover; display:block; background:#111; }
.mtm-info { padding:8px; }
.mtm-info h3 { font-size:1rem; margin:0 0 6px; }
.mtm-video-player { position:relative; padding-top:56.25%; background:#000; margin-bottom:12px; }
.mtm-video-player iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
.mtm-modal { position:fixed; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.9); z-index:10000; }
.mtm-modal .mtm-modal-content { width:90%; max-width:980px; background:#0c0c1e; padding:12px; border-radius:8px; color:#fff; }

/* Additional styles for better UI */
.movie-meta span, .tvshow-meta span { margin-right:15px; padding-right:15px; border-right:1px solid #555; }
.movie-meta span:last-child, .tvshow-meta span:last-child { border-right:none; }
.detail-row { display:flex; margin-bottom:8px; }
.detail-label { font-weight:bold; min-width:80px; }
.detail-value { flex:1; }
.mtm-downloads { margin-top:20px; }
.download-btn { display:inline-block; margin-right:10px; padding:8px 16px; background:#0073aa; color:white; text-decoration:none; border-radius:4px; }
.download-btn:hover { background:#005a87; }
.episodes-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:12px; margin-top:20px; }
.episode-card { background:rgba(255,255,255,0.05); border-radius:8px; overflow:hidden; cursor:pointer; }
.episode-thumbnail { width:100%; height:120px; object-fit:cover; }
.episode-info { padding:8px; }
.episode-number { font-size:0.8em; color:#aaa; }
.episode-title { font-weight:bold; }
.season-nav { margin:20px 0; }
.season-btn { margin-right:10px; padding:8px 16px; background:#333; color:white; border:none; border-radius:4px; cursor:pointer; }
.season-btn.active { background:#0073aa; }