/* --- MOBILE MEGAMENU COMPLETO + FULL WIDTH ADATTIVO + BORDI ARROTONDATI + NESSUNA RIGA GIALLO --- */
@media (max-width: 991px) {

  /* Menu principale verticale */
  .leo-top-menu .navbar-nav.megamenu.horizontal {
    display: flex !important;
    flex-direction: column !important;
    text-align: left;
    gap: 0;
    background-color: #222222 !important;
    width: 100% !important;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    overflow: hidden;
  }

  /* Voci principali allineate */
  .leo-top-menu .navbar-nav.megamenu.horizontal > .nav-item {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  /* Link principali */
  .leo-top-menu .navbar-nav.megamenu.horizontal > .nav-item > .nav-link {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px !important;
    font-size: 16px;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,255,255,0.15) !important;
    width: 100%;
    box-sizing: border-box;

    /* Rimuove qualsiasi riga gialla del tema originale */
    background: none !important;
  }

  /* Rimuove pseudo-elementi ::before e ::after */
  .leo-top-menu .navbar-nav.megamenu.horizontal > .nav-item > .nav-link::before,
  .leo-top-menu .navbar-nav.megamenu.horizontal > .nav-item > .nav-link::after {
    content: none !important;
    border: none !important;
    background: none !important;
  }

  /* Caret (+) per aprire sottocategorie */
  .leo-top-menu .navbar-nav.megamenu.horizontal > .nav-item.parent > .nav-link .caret {
    display: inline-block;
    transition: transform 0.4s ease;
    border-top-color: #ffffff !important;
    cursor: pointer;
  }

  /* Dropdown chiuso con effetto slide */
  .leo-top-menu .dropdown-menu.level1 {
    max-height: 0;
    overflow: hidden;
    padding: 0 15px !important;
    background-color: #222222 !important;
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box;
    border-radius: 0 0 10px 10px;
    transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), padding 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  }

  /* Dropdown aperto */
  .leo-top-menu .nav-item.parent.open > .dropdown-menu.level1 {
    max-height: 500px;
    padding: 10px 15px !important;
    background-color: #555555 !important;
  }

  /* Link sottocategorie */
  .leo-top-menu .dropdown-menu.level1 .nav-item > .nav-link {
    padding: 8px 0;
    font-size: 15px;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,255,255,0.10) !important;
    width: 100%;
    box-sizing: border-box;
  }

  /* Caret ruotato quando aperto */
  .leo-top-menu .nav-item.parent.open > .nav-link .caret {
    transform: rotate(90deg);
  }
}
/* Fuix.com - Spazia meglio ricerca e carrello nell'header (desktop + mobile) */

/* Blocco header destro: search, cart, user ecc. */
#header .header_right, 
#header .top-nav, 
#search_block_top, 
.shopping_cart, 
.cart_block,
#header .right-nav,
#header .user-info,
#header .blockcart {
    margin-left: 15px !important;   /* aumenta spazio a sinistra tra elementi */
    margin-right: 10px !important;  /* spazio a destra se serve */
}

/* Specifico: separa SEARCH dal CARRELLO */
#search_block_top,
.search-widget,
#header .search-widget,
.blocksearch,
.search_block_top {
    margin-right: 25px !important;  /* <-- chiave: spazio tra search e cart – prova 30px o 35px se vuoi di più */
    padding-right: 15px !important;
}

/* Icona carrello / blocco cart */
.shopping_cart,
.cart_block,
.blockcart_preview,
#header .cart-block {
    margin-left: 20px !important;   /* sposta carrello più a destra */
    padding-left: 10px !important;
}

/* Su mobile: evita che si sovrappongano o diventino troppo stretti */
@media (max-width: 991px) {  /* tablet/mobile landscape */
    #search_block_top,
    .search-widget {
        margin-right: 18px !important;  /* un po' meno su mobile per non spingere troppo */
    }
    
    .shopping_cart,
    .cart_block {
        margin-left: 15px !important;
    }
    
    /* Se la ricerca diventa icona solo (lente), rendila più cliccabile */
    .search-widget .search-icon,
    #search-icon {
        font-size: 22px !important;     /* lente più grande */
        padding: 10px !important;
    }
}

/* Extra: se hai account/wishlist prima del cart, spaziali tutti */
#header .user-info,
#wishlist_block,
.compare-form,
#header .links a {
    margin: 0 12px !important;  /* spazio uniforme tra icone utente */
}