/* ============================================================
   SINTEX — EDITORIAL MOBILE MENU V2

   Goal:
   - no pill/card navigation
   - clean editorial rows
   - subtle separators
   - more breathing room below brand
   - smaller CTA
   - mobile only
   ============================================================ */

@media (max-width: 980px) {

  html body #mobileMenu.mobile-menu {
    padding:
      22px 28px 28px !important;
  }


  /* Più respiro tra logo/close e navigazione */
  html body #mobileMenu .mobile-menu-top {
    margin-bottom:
      34px !important;
  }


  /* Close appena più discreta */
  html body #mobileMenu .mobile-menu-close {
    width:
      48px !important;

    height:
      48px !important;

    min-width:
      48px !important;

    min-height:
      48px !important;

    border-radius:
      15px !important;
  }


  /* Navigazione verticale editoriale */
  html body #mobileMenu .mobile-menu-links {
    display:
      block !important;

    margin:
      0 !important;

    padding:
      0 !important;

    gap:
      0 !important;
  }


  html body #mobileMenu .mobile-menu-links > a {
    position:
      relative !important;

    display:
      flex !important;

    align-items:
      center !important;

    justify-content:
      flex-start !important;

    width:
      100% !important;

    min-height:
      62px !important;

    margin:
      0 !important;

    padding:
      0 6px !important;

    gap:
      0 !important;

    border:
      0 !important;

    border-radius:
      0 !important;

    background:
      transparent !important;

    box-shadow:
      none !important;

    overflow:
      visible !important;

    color:
      #eef4ff !important;

    font-size:
      1.03rem !important;

    font-weight:
      650 !important;

    letter-spacing:
      -0.018em !important;

    text-decoration:
      none !important;

    transform:
      none !important;
  }


  /* Riga sottile sotto ogni voce */
  html body
  #mobileMenu
  .mobile-menu-links > a:not(:last-child) {
    border-bottom:
      1px solid
      rgba(255, 255, 255, 0.095) !important;
  }


  /* Spegne i vecchi pseudo-effetti */
  html body
  #mobileMenu
  .mobile-menu-links > a::before,

  html body
  #mobileMenu
  .mobile-menu-links > a::after {
    display:
      none !important;

    content:
      none !important;
  }


  /* Eventuali vecchie icone: menu definitivamente text-only */
  html body
  #mobileMenu
  .mobile-menu-links
  .menu-svg-icon {
    display:
      none !important;
  }


  html body
  #mobileMenu
  .mobile-menu-links > a
  .menu-label {
    display:
      inline-block !important;

    color:
      inherit !important;

    transform:
      none !important;
  }


  html body
  #mobileMenu
  .mobile-menu-links > a:hover,

  html body
  #mobileMenu
  .mobile-menu-links > a:focus-visible {
    color:
      #ffffff !important;

    background:
      transparent !important;

    box-shadow:
      none !important;

    transform:
      none !important;
  }


  /* Pagina corrente: segnale leggero, non un box */
  html body
  #mobileMenu
  .mobile-menu-links > a.is-active {
    color:
      #bfa7ff !important;
  }


  /* CTA più piccola e staccata */
  html body
  #mobileMenu
  .mobile-menu-cta {
    width:
      100% !important;

    display:
      flex !important;

    justify-content:
      center !important;

    margin:
      28px 0 0 !important;

    padding:
      0 !important;
  }


  html body
  #mobileMenu
  .mobile-menu-cta
  .mobile-menu-cta-link {
    width:
      min(238px, 78%) !important;

    max-width:
      238px !important;

    min-height:
      52px !important;

    height:
      52px !important;

    margin:
      0 auto !important;

    padding:
      0 28px !important;

    border-radius:
      999px !important;

    font-size:
      1rem !important;

    font-weight:
      700 !important;

    line-height:
      1 !important;
  }


  html body
  #mobileMenu
  .mobile-menu-cta
  .mobile-menu-cta-link span {
    line-height:
      1 !important;
  }

}


/*
 * Display più bassi:
 * mantiene tutto raggiungibile senza tornare alle pillole.
 */
@media
  (max-width: 980px)
  and (max-height: 720px) {

  html body #mobileMenu.mobile-menu {
    padding-top:
      18px !important;

    padding-bottom:
      20px !important;
  }

  html body #mobileMenu .mobile-menu-top {
    margin-bottom:
      24px !important;
  }

  html body #mobileMenu .mobile-menu-links > a {
    min-height:
      54px !important;
  }

  html body #mobileMenu .mobile-menu-cta {
    margin-top:
      20px !important;
  }

  html body
  #mobileMenu
  .mobile-menu-cta
  .mobile-menu-cta-link {
    min-height:
      48px !important;

    height:
      48px !important;
  }

}