/*
 * IPTV Belgique Commerce Engine v2.7.19.151
 * Light, readable premium mobile menu overrides for the IPTV Belgique theme.
 * Targets the common mobile drawer / off-canvas selectors used by the site theme.
 */

@media (max-width: 1024px) {
  body :is(#iptvb-mobile-command-drawer,
           .iptvb-mobile-command-drawer,
           #iptvb-mobile-drawer,
           .iptvb-mobile-drawer,
           .iptvb-mobile-menu-drawer,
           .iptvb-mobile-nav-drawer,
           .iptvb-mobile-menu-panel,
           .iptvb-mobile-navigation,
           .iptvb-mobile-menu,
           .iptvb-mobile-nav) {
    color: #0f172a !important;
    background:
      radial-gradient(circle at top right, rgba(239, 18, 30, 0.07), transparent 28%),
      linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.98)) !important;
    border-left: 1px solid rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.16) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }

  body :is(#iptvb-mobile-command-drawer,
           .iptvb-mobile-command-drawer,
           #iptvb-mobile-drawer,
           .iptvb-mobile-drawer,
           .iptvb-mobile-menu-drawer,
           .iptvb-mobile-nav-drawer,
           .iptvb-mobile-menu-panel,
           .iptvb-mobile-navigation,
           .iptvb-mobile-menu,
           .iptvb-mobile-nav) :is(.menu,
                                  .menu-mobile,
                                  .mobile-menu,
                                  .mobile-nav,
                                  .nav,
                                  ul,
                                  .drawer-menu,
                                  .drawer-nav) {
    background: transparent !important;
  }

  body :is(#iptvb-mobile-command-drawer,
           .iptvb-mobile-command-drawer,
           #iptvb-mobile-drawer,
           .iptvb-mobile-drawer,
           .iptvb-mobile-menu-drawer,
           .iptvb-mobile-nav-drawer,
           .iptvb-mobile-menu-panel,
           .iptvb-mobile-navigation,
           .iptvb-mobile-menu,
           .iptvb-mobile-nav) :is(a,
                                  button,
                                  .menu-item > a,
                                  .sub-menu a,
                                  .drawer-link,
                                  .mobile-link) {
    color: #0f172a !important;
    text-shadow: none !important;
  }

  body :is(#iptvb-mobile-command-drawer,
           .iptvb-mobile-command-drawer,
           #iptvb-mobile-drawer,
           .iptvb-mobile-drawer,
           .iptvb-mobile-menu-drawer,
           .iptvb-mobile-nav-drawer,
           .iptvb-mobile-menu-panel,
           .iptvb-mobile-navigation,
           .iptvb-mobile-menu,
           .iptvb-mobile-nav) :is(.menu > li > a,
                                  .mobile-menu > li > a,
                                  .drawer-menu > li > a,
                                  .menu-item > a,
                                  .drawer-link,
                                  .mobile-link) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 52px !important;
    padding: 14px 16px !important;
    margin: 0 0 8px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,0.88) !important;
    border: 1px solid rgba(15, 23, 42, 0.06) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
  }

  body :is(#iptvb-mobile-command-drawer,
           .iptvb-mobile-command-drawer,
           #iptvb-mobile-drawer,
           .iptvb-mobile-drawer,
           .iptvb-mobile-menu-drawer,
           .iptvb-mobile-nav-drawer,
           .iptvb-mobile-menu-panel,
           .iptvb-mobile-navigation,
           .iptvb-mobile-menu,
           .iptvb-mobile-nav) :is(.menu-item.current-menu-item > a,
                                  .menu-item.current_page_item > a,
                                  .menu-item.current-menu-parent > a,
                                  .menu-item.is-active > a,
                                  a[aria-current="page"],
                                  .drawer-link.is-active,
                                  .mobile-link.is-active) {
    color: #ef121e !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,244,245,0.96)) !important;
    border-color: rgba(239, 18, 30, 0.18) !important;
    box-shadow: 0 14px 30px rgba(239, 18, 30, 0.10) !important;
  }

  body :is(#iptvb-mobile-command-drawer,
           .iptvb-mobile-command-drawer,
           #iptvb-mobile-drawer,
           .iptvb-mobile-drawer,
           .iptvb-mobile-menu-drawer,
           .iptvb-mobile-nav-drawer,
           .iptvb-mobile-menu-panel,
           .iptvb-mobile-navigation,
           .iptvb-mobile-menu,
           .iptvb-mobile-nav) :is(.sub-menu,
                                  .children,
                                  .drawer-submenu,
                                  .mobile-submenu) {
    margin: 8px 0 10px 12px !important;
    padding: 8px !important;
    border-radius: 16px !important;
    background: rgba(248,250,252,0.90) !important;
    border: 1px solid rgba(15,23,42,0.05) !important;
  }

  body :is(#iptvb-mobile-command-drawer,
           .iptvb-mobile-command-drawer,
           #iptvb-mobile-drawer,
           .iptvb-mobile-drawer,
           .iptvb-mobile-menu-drawer,
           .iptvb-mobile-nav-drawer,
           .iptvb-mobile-menu-panel,
           .iptvb-mobile-navigation,
           .iptvb-mobile-menu,
           .iptvb-mobile-nav) :is(.sub-menu a,
                                  .children a,
                                  .drawer-submenu a,
                                  .mobile-submenu a) {
    min-height: 44px !important;
    padding: 11px 13px !important;
    margin-bottom: 6px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.92) !important;
    font-weight: 600 !important;
    color: #334155 !important;
  }

  body :is(#iptvb-mobile-command-drawer,
           .iptvb-mobile-command-drawer,
           #iptvb-mobile-drawer,
           .iptvb-mobile-drawer,
           .iptvb-mobile-menu-drawer,
           .iptvb-mobile-nav-drawer,
           .iptvb-mobile-menu-panel,
           .iptvb-mobile-navigation,
           .iptvb-mobile-menu,
           .iptvb-mobile-nav) :is(.menu-item-has-children > a::after,
                                  .has-children > a::after,
                                  .drawer-toggle,
                                  .submenu-toggle) {
    color: #64748b !important;
  }

  body :is(#iptvb-mobile-command-drawer,
           .iptvb-mobile-command-drawer,
           #iptvb-mobile-drawer,
           .iptvb-mobile-drawer,
           .iptvb-mobile-menu-drawer,
           .iptvb-mobile-nav-drawer,
           .iptvb-mobile-menu-panel,
           .iptvb-mobile-navigation,
           .iptvb-mobile-menu,
           .iptvb-mobile-nav) :is(.iptvb-btn,
                                  .button,
                                  .menu-cta,
                                  .drawer-cta,
                                  .mobile-cta,
                                  .iptvbc-nav-identity-v2719148) {
    color: #0f172a !important;
    background: rgba(255,255,255,0.94) !important;
    border: 1px solid rgba(15,23,42,0.08) !important;
    box-shadow: 0 12px 28px rgba(15,23,42,0.08) !important;
  }

  body :is(#iptvb-mobile-command-drawer,
           .iptvb-mobile-command-drawer,
           #iptvb-mobile-drawer,
           .iptvb-mobile-drawer,
           .iptvb-mobile-menu-drawer,
           .iptvb-mobile-nav-drawer,
           .iptvb-mobile-menu-panel,
           .iptvb-mobile-navigation,
           .iptvb-mobile-menu,
           .iptvb-mobile-nav) :is(.iptvb-btn-primary,
                                  .button-primary,
                                  .menu-cta-primary,
                                  .drawer-cta-primary,
                                  .mobile-cta-primary) {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ef121e, #ff4d5a) !important;
    border-color: transparent !important;
    box-shadow: 0 14px 28px rgba(239,18,30,0.22) !important;
  }

  body :is(#iptvb-mobile-command-drawer,
           .iptvb-mobile-command-drawer,
           #iptvb-mobile-drawer,
           .iptvb-mobile-drawer,
           .iptvb-mobile-menu-drawer,
           .iptvb-mobile-nav-drawer,
           .iptvb-mobile-menu-panel,
           .iptvb-mobile-navigation,
           .iptvb-mobile-menu,
           .iptvb-mobile-nav) :is(.cart-count,
                                  .count,
                                  .badge,
                                  .menu-badge,
                                  .iptvb-cart-count,
                                  .iptvb-menu-count) {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ef121e, #ff5964) !important;
    border: 1px solid rgba(255,255,255,0.65) !important;
    box-shadow: 0 10px 18px rgba(239,18,30,0.20) !important;
  }

  body :is(#iptvb-mobile-command-drawer,
           .iptvb-mobile-command-drawer,
           #iptvb-mobile-drawer,
           .iptvb-mobile-drawer,
           .iptvb-mobile-menu-drawer,
           .iptvb-mobile-nav-drawer,
           .iptvb-mobile-menu-panel,
           .iptvb-mobile-navigation,
           .iptvb-mobile-menu,
           .iptvb-mobile-nav) :is(.drawer-header,
                                  .mobile-menu-header,
                                  .menu-header,
                                  .iptvb-mobile-header) {
    color: #0f172a !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(15,23,42,0.06) !important;
  }

  body :is(#iptvb-mobile-command-drawer,
           .iptvb-mobile-command-drawer,
           #iptvb-mobile-drawer,
           .iptvb-mobile-drawer,
           .iptvb-mobile-menu-drawer,
           .iptvb-mobile-nav-drawer,
           .iptvb-mobile-menu-panel,
           .iptvb-mobile-navigation,
           .iptvb-mobile-menu,
           .iptvb-mobile-nav) :is(.drawer-close,
                                  .mobile-menu-close,
                                  .menu-close,
                                  .iptvb-mobile-close,
                                  button[aria-label*="Fermer"],
                                  button[aria-label*="Close"]) {
    color: #0f172a !important;
    background: rgba(255,255,255,0.92) !important;
    border: 1px solid rgba(15,23,42,0.08) !important;
    box-shadow: 0 10px 20px rgba(15,23,42,0.06) !important;
  }

  body :is(.iptvb-mobile-drawer-overlay,
           .iptvb-mobile-menu-overlay,
           .mobile-menu-overlay,
           [class*="mobile"][class*="overlay"]) {
    background: rgba(15, 23, 42, 0.26) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
  }
}