/* Contenedor principal */
body#index {
   overflow-x: hidden;
}
.header__flex {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: nowrap;       /* importante: no permite salto de línea */
}

/* Logo */
.displayLogo img {
    max-height: 60px;
}

/* Búsqueda flexible */
.displayTopCenter {
    flex: 1;               /* ocupa el espacio disponible */
    min-width: 150px;      /* evita que sea demasiado pequeña */
    max-width: 400px;      /* opcional: limita el ancho */
}

/* Login + carrito al final */
.header-actions {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-shrink: 0;        /* evita que se reduzca y salte a otra línea */
}

/* Hamburguesa */
#menu-icon {
    font-size: 25px;
    cursor: pointer;
}

/* MENÚ LATERAL */
#mobile_top_menu_wrapper {
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100%;
    background: #fff;
    overflow-y: auto;
    transition: left 0.3s ease;
    z-index: 9999;
    padding: 20px;
}

/* Abrir menú */
#mobile_top_menu_wrapper.open {
    left: 0;
}

/* Menú vertical y subcategorías */
#mobile_top_menu_wrapper ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
}

#mobile_top_menu_wrapper li {
    margin: 10px 0;
    position: relative;
}

#mobile_top_menu_wrapper li ul {
    display: none;
    padding-left: 15px;
}

#mobile_top_menu_wrapper li.submenu-open > ul {
    display: block;
}

#mobile_top_menu_wrapper li.has-submenu > a::after {
    content: "▶";
    float: right;
    transition: transform 0.3s ease;
}

#mobile_top_menu_wrapper li.submenu-open > a::after {
    transform: rotate(90deg);
}

/* cabecera  */

#mobile_top_menu_wrapper .top-menu .sub-menu {
    position: absolute !important;
}
#mobile_top_menu_wrapper .top-menu .category.submenu-open .sub-menu.collapse {
   display: block !important;
   width: 200% !important;
   background: #FFF !important;
   z-index: 999 !important;
   
}

ul.top-menu {
   background: #FFF !important;
   position: relative !important;
}
#mobile_top_menu_wrapper li.submenu-open ul {
  
   display: block !important;
   position: relative !important;
}

#search_widget {
   flex-basis: 0 !important;
}

#cookieNoticeContent p .closeButtonNormal {
   color: #FFF !important;
   font-weight: 500 !important;
   padding: 5px 10px;
}
#cookieNoticeContent p  a{
   color: #000 !important;
   font-weight: 600 !important;
}

#cookieNoticeContent p {
   color: #000 !important;
}
#cookieNoticeContent p .closeButtonNormal.aceptar-cookies {
   background: green !important;
}
#cookieNoticeContent p .closeButtonNormal.rechazar-cookies {
   background: red !important;
}
#cookieNoticeContent p .closeButtonNormal.configurar-cookies {
   background: blue !important;
}
@media (min-width:767px) {
   #header .header-top .header__flex {
      justify-content: unset !important;
   }
   .header-actions {
      margin-left: auto;
   }
    #mobile_top_menu_wrapper {
    top: 70px !important;
   }
   .carousel .carousel-inner {
      height: 608px;
   }
    .fa-rss, .fa-brands {
       display: inline;       
       top: 0;
       right: -5px;
       position: relative;
   }
   .carousel .carousel-item img {
      border-radius: 10px;
   }
}


@media (max-width:768px) {
   #header {
      padding: 15px !important;
      overflow: hidden;
   }
    #header .header-top .header__flex {
      justify-content: unset !important;
   }
   .header-actions {
      margin-left: auto;
   }
   #mobile_top_menu_wrapper {
    top: 70px !important;
   }
   .texto_cookies {
      display: block !important;
      padding-right: 40px;
   }
   .table-cookies {
      border-collapse: collapse;
   }
   .table-cookies tr {
      display: block !important;
   }
   #cookieNotice {
      max-width: 100vw;
   }
  #search_widget {
    width: 100%;
    position: absolute;
    bottom: 0;
   }
   .icon_name {
      font-size: 10px !important;
   }
   
   #search_widget form i {
      padding-left: 20px !important;
   }
   .search-widget>form input[type="text"] {
    padding: 8px 25px 8px 8px !important;
   }
   .header-actions {
      display: block;
      width: calc(100vw - 30px) !important;
      margin: 0 auto;
      position: relative;
      height: 100px;
   }
   .block-social {
      position: absolute;
      top: -7px;
      right: 0;
   }
   .blocksocial_title {
      display: none;
   }
   #_desktop_user_info {
    display: inline-block;
    width: 27%;
    position: relative;
    top: -53px;
    right: -20px;
   }
   #_desktop_cart {
      display: inline-block;
       width: 27%;
       position: relative;
       top: -53px;
       right: -35px;
   }
   nav {
      display: inline-block;
   }
   .block-social ul {
      display: block;
   }
   .block-social ul li {
      margin-bottom: 0px;
      margin-right: 5px;
   }
    .fa-rss, .fa-brands {
       display: inline;
       font-size: 20px;
       top: 5px;
       right: 6px;
       position: relative;
   }
}   

.category-sub-menu  li[data-depth="0"] > a {
   text-transform: uppercase;
   font-weight: 600;
}
.category-sub-menu li[data-depth="1"] {
   padding-left: 20px;
}