/* style-streaming.css */
body{
  background: linear-gradient(1080deg,#031522,#072236);
  color: #fff;
  font-family: Arial, sans-serif;
  margin:0;
}
.container{max-width:1100px;margin:0 auto;padding:18px}
header,footer{position:sticky;top:0;z-index:60}
header{backdrop-filter: blur(4px);}
.nav a{color:#ccc;text-decoration:none;padding:8px 12px}
.nav a:hover{color:#fff;background:rgba(255,255,255,0.05);border-radius:6px}
.film-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px}
.film-card{background:rgba(0,0,0,0.4);border-radius:10px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.5);display:flex;flex-direction:column}
.film-card img{width:100%;height:auto;display:block}
.film-info{padding:12px;flex:1}
.film-info h3{margin:0 0 6px 0;font-size:18px}
.card-actions{display:flex;gap:6px;margin-top:8px}
.btn-en-savoir,.btn-signal,.btn-share{padding:6px 8px;border:none;border-radius:6px;background:#e50914;color:#fff;cursor:pointer;font-size:14px;flex:1}
.btn-share{background:#ff4500}
/* popup */
.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:999}
.popup{background:#0b1622;padding:18px;border-radius:12px;width:90%;max-width:400px;color:#fff;display:flex;flex-direction:column;gap:10px}
.popup textarea{width:100%;padding:8px;border-radius:6px;border:none;resize:none;background:#1b2a3b;color:#fff}
.popup-actions{display:flex;justify-content:space-between}
.popup-actions button{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;color:#fff;background:#e50914}
@media(max-width:600px){.film-grid{grid-template-columns:1fr}}