/* NOVA 12.5.132 — navigation et sélecteur de l'affiche sur mobile. */
@media (max-width: 900px) {
  body.nova-ui-rewrite .topbar > .mobile-menu {
    width: 34px !important;
    height: 34px !important;
    margin-left: 2px !important;
    margin-right: auto !important;
    border-radius: 10px !important;
    gap: 4px !important;
  }

  body.nova-ui-rewrite .topbar > .mobile-menu span {
    width: 15px !important;
    height: 1.5px !important;
  }

  body.nova-ui-rewrite .topbar > .mobile-menu.open span:nth-child(1) {
    transform: translateY(5.5px) rotate(45deg) !important;
  }

  body.nova-ui-rewrite .topbar > .mobile-menu.open span:nth-child(3) {
    transform: translateY(-5.5px) rotate(-45deg) !important;
  }

  body.nova-x-home .nova-hero .hero-dots {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    margin-top: 14px !important;
  }

  body.nova-x-home .nova-hero .hero-dots button {
    position: relative !important;
    width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
  }

  body.nova-x-home .nova-hero .hero-dots button::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .55);
    content: "";
    transform: translate(-50%, -50%);
    transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
  }

  body.nova-x-home .nova-hero .hero-dots button.active::before {
    background: #ff1748;
    box-shadow: 0 0 0 3px rgba(255, 23, 72, .16), 0 0 12px rgba(255, 23, 72, .55);
    transform: translate(-50%, -50%) scale(1.15);
  }

  body.nova-x-home .nova-hero .hero-dots button:focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: -2px;
  }
}