/* CN_LOCAL_MENU_MOBILE_TOGGLE_3_23_5 */

/* Il pulsante hamburger non deve esistere visivamente su desktop */
.cn-local-mobile-toggle-3235{
  display:none;
}

/* DESKTOP: NON TOCCARE il comportamento 3.23.4 */
@media (min-width:901px){
  .cn-local-mobile-toggle-3235{
    display:none !important;
  }
}

/* MOBILE */
@media (max-width:900px){

  /*
   * La testata diventa:
   * EDIZIONI LOCALI        ☰
   *
   * sotto, inizialmente, il menu regioni è nascosto.
   */
  .cn-local-menu-host-3234.cn-local-menu-host-toggle-3235{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    column-gap:12px !important;
    row-gap:0 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  .cn-local-menu-host-toggle-3235 > .cn-local-menu-label-3234{
    grid-column:1 !important;
    grid-row:1 !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:14px 0 14px 16px !important;
    display:block !important;
    position:static !important;
    float:none !important;
    clear:none !important;
    line-height:1.2 !important;
  }

  .cn-local-mobile-toggle-3235{
    grid-column:2 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:48px !important;
    height:48px !important;
    margin:0 8px 0 0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:inherit !important;
    cursor:pointer !important;
    border-radius:0 !important;
    appearance:none !important;
    -webkit-appearance:none !important;
  }

  .cn-local-mobile-toggle-3235:focus-visible{
    outline:2px solid currentColor !important;
    outline-offset:2px !important;
  }

  .cn-local-mobile-toggle-icon-3235{
    position:relative;
    display:block;
    width:25px;
    height:18px;
  }

  .cn-local-mobile-toggle-icon-3235::before,
  .cn-local-mobile-toggle-icon-3235::after,
  .cn-local-mobile-toggle-icon-3235 span{
    content:"";
    position:absolute;
    left:0;
    width:25px;
    height:2px;
    background:currentColor;
    border-radius:2px;
    transition:
      transform .18s ease,
      top .18s ease,
      opacity .18s ease;
  }

  .cn-local-mobile-toggle-icon-3235::before{
    top:0;
  }

  .cn-local-mobile-toggle-icon-3235 span{
    top:8px;
  }

  .cn-local-mobile-toggle-icon-3235::after{
    top:16px;
  }

  /* Quando aperto l'hamburger diventa una X */
  .cn-local-mobile-toggle-3235[aria-expanded="true"]
  .cn-local-mobile-toggle-icon-3235::before{
    top:8px;
    transform:rotate(45deg);
  }

  .cn-local-mobile-toggle-3235[aria-expanded="true"]
  .cn-local-mobile-toggle-icon-3235 span{
    opacity:0;
  }

  .cn-local-mobile-toggle-3235[aria-expanded="true"]
  .cn-local-mobile-toggle-icon-3235::after{
    top:8px;
    transform:rotate(-45deg);
  }

  /*
   * PUNTO FONDAMENTALE:
   * l'elenco delle regioni NON compare appena si apre il menu del sito.
   */
  .cn-local-menu-host-toggle-3235 > .cn-local-tree-3234{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    display:none !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  /*
   * Appare esclusivamente dopo il tap sull'hamburger.
   */
  .cn-local-menu-host-toggle-3235.cn-mobile-local-open-3235
  > .cn-local-tree-3234{
    display:block !important;
  }

  /*
   * Separatore pulito tra titolo e regioni quando l'elenco è aperto.
   */
  .cn-local-menu-host-toggle-3235.cn-mobile-local-open-3235
  > .cn-local-tree-3234{
    border-top:1px solid rgba(0,0,0,.12) !important;
  }

  /*
   * Evita doppio bordo perché 3.23.4 ne mette già uno sulla prima regione.
   */
  .cn-local-menu-host-toggle-3235.cn-mobile-local-open-3235
  .cn-lm-region-wrap-3234:first-child{
    border-top:0 !important;
  }
}