/**
 * InterFilm — Pages principales sans bordure invisible (comme Sport)
 * Top 10, FAQ, Demandes, Avis, Studios, Ma liste, Catalogue, Recherche, VIP shell, Accueil banner
 * Ne touche PAS aux modals tickets / auth / popups.
 */

:root {
  --page-pad-x: clamp(14px, 2.2vw, 28px);
}

.view-panel,
#listView.view-panel,
#listView,
#catalogueView.view-panel,
#catalogueView,
#top10View,
#top10View .t10-shell,
.t10-shell,
#faqView,
#faqView .faq-shell,
.faq-shell,
.faq-hero-inner,
#demandesView,
#demandesView .demandes-shell,
.demandes-shell,
#reviewsView,
#reviewsView .reviews-shell,
.reviews-shell,
#studioView,
#studioView .fr-view-shell,
.fr-view-shell,
.view-page,
.chart10-inner,
.search-panel,
.search-bg .search-panel,
#premiumModal .vip-page__shell,
.vip-page__shell,
.rw-shell,
.premium-banner,
#mainHome .premium-banner {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.view-panel,
#listView,
#catalogueView,
.t10-shell,
.faq-shell,
.faq-hero-inner,
.demandes-shell,
.reviews-shell,
.fr-view-shell,
.view-page,
.chart10-inner,
.search-panel,
.vip-page__shell,
.rw-shell,
.premium-banner {
  padding-left: var(--page-pad-x) !important;
  padding-right: var(--page-pad-x) !important;
}

/* FAQ / Demandes thèmes avec !important */
#faqView .faq-shell,
.faq-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

#demandesView .demandes-shell,
.demandes-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

#top10View .t10-shell,
.t10-shell,
#studioView .fr-view-shell,
.fr-view-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Hub live (déjà OK, renforce) */
#tvView,
#tvMainContent,
.tv-pane,
.radio-pane,
.tv-select-step,
.tv-inline-layout,
.tv-browse,
#tvSportsRoot {
  max-width: none !important;
  width: 100% !important;
}

@media (max-width: 768px) {
  :root { --page-pad-x: max(12px, env(safe-area-inset-left, 0px)); }
  .view-panel,
  .t10-shell,
  .faq-shell,
  .demandes-shell,
  .reviews-shell,
  .fr-view-shell,
  .search-panel,
  .vip-page__shell {
    padding-left: max(12px, env(safe-area-inset-left)) !important;
    padding-right: max(12px, env(safe-area-inset-right)) !important;
  }
}
