/* ms-layer-button mobile fix START */

@media (max-width: 768px) {



  /* Bottoni dello slider */

  a.ms-layer-button.btn,

  a.module-subitem.ms-layer-button.btn,

  .ms-layer.ms-layer-button.btn {

    font-size: 10px !important;

    line-height: 1.1 !important;

    padding: 5px 7px !important;



    height: auto !important;

    min-height: 24px !important;



    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;



    width: max-content !important;

    min-width: max-content !important;

    max-width: 92vw !important;

    box-sizing: border-box !important;



    white-space: nowrap !important;   /* NON spezzare */

    overflow: visible !important;     /* niente clipping sul bottone */

    text-overflow: clip !important;



    flex: 0 0 auto !important;        /* NON comprimere */

    flex-shrink: 0 !important;



    z-index: 20 !important;           /* sopra altri layer */

  }



  a.ms-layer-button.btn > span,

  a.module-subitem.ms-layer-button.btn > span {

    display: inline !important;

    max-width: none !important;

    white-space: inherit !important;

  }



  /* Evita che il layer/container tagli la scritta */

  .ms-slide-layers,

  .ms-slide-layers .ms-layer {

    overflow: visible !important;

  }

}



@media (max-width: 360px) {

  a.ms-layer-button.btn,

  a.module-subitem.ms-layer-button.btn,

  .ms-layer.ms-layer-button.btn {

    font-size: 9px !important;

    padding: 4px 6px !important;

    min-height: 22px !important;

    max-width: 94vw !important;

  }

}

/* ms-layer-button mobile fix END */




/* Extra: evita clipping del wrapper slider su mobile */

@media (max-width: 768px) {

  .ms-view,

  .ms-container,

  .ms-inner-controls-cont,

  .ms-slide-container {

    overflow: visible !important;

  }

}