/* ==== Soult Menu Categorías - Visual tipo menú MUJER (Clotya) ==== */

#soult-mc{
  position:relative;
  display:inline-flex;
  align-items:center;
  margin:0 14px;
  color:inherit;
  font:inherit;
  z-index: 9999;
}

/* Hamburger */
#soult-mc .soult-mc-trigger{
  background:transparent;
  border:0;
  padding:8px 10px;
  cursor:pointer;
  color:inherit;
}
#soult-mc .soult-mc-hamburger,
#soult-mc .soult-mc-hamburger::before,
#soult-mc .soult-mc-hamburger::after{
  content:"";
  display:block;
  width:22px;
  height:2px;
  background:currentColor;
  position:relative;
}
#soult-mc .soult-mc-hamburger::before{ position:absolute; top:-6px; left:0; }
#soult-mc .soult-mc-hamburger::after { position:absolute; top: 6px; left:0; }

/* Panel (columna 1 gris claro como captura) */
#soult-mc .soult-mc-panel{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:280px;
  background:#f1f1f1;
  box-shadow:0 12px 28px rgba(0,0,0,.14);
  padding:0;
}

/* Open on hover */
#soult-mc.open .soult-mc-panel{ display:block; }

/* Title */
#soult-mc .soult-mc-title{
  padding:14px 16px 10px;
  font-weight:600;
  background:#f1f1f1;
}

/* Lists reset */
#soult-mc ul{ list-style:none; margin:0; padding:0; }

/* Items */
#soult-mc .soult-mc-itemnode{ position:relative; }
#soult-mc .soult-mc-link{
  display:block;
  padding:10px 44px 10px 16px;
  color:#222;
  text-decoration:none;
  white-space:nowrap;
  background:transparent;
}
#soult-mc .soult-mc-link:hover{
  background:#e9e9e9;
}

/* Arrow: chevron cerrado (no “>”) */
#soult-mc .soult-mc-arrow{
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%) rotate(-45deg);
  width:7px;
  height:7px;
  border-right:2px solid #7a7a7a;
  border-bottom:2px solid #7a7a7a;
  opacity:1;
}

/* Submenus (columna blanca como captura) */
#soult-mc .soult-mc-submenu{
  display:none;
  position:absolute;
  top:0;
  left:100%;
  min-width:280px;
  background:#ffffff;
  box-shadow:0 12px 28px rgba(0,0,0,.14);
  padding:0;
}

/* Hover open submenu */
#soult-mc .soult-mc-itemnode.has-children:hover > .soult-mc-submenu{ display:block; }

/* Hover bridge to avoid flicker */
#soult-mc .soult-mc-itemnode.has-children::after{
  content:"";
  position:absolute;
  top:0;
  right:-14px;
  width:14px;
  height:100%;
}

/* Submenu item hover (gris suave) */
#soult-mc .soult-mc-submenu .soult-mc-link:hover{ background:#f4f4f4; }

/* Mobile: ocultar, tema maneja menu mobile */
@media (max-width: 991px){
  #soult-mc{ display:none !important; }
}