/* ================================================
   NAV MENU FIX - MÓVIL + DROPDOWN + CARRITO
   ================================================ */

/* ── MENÚ MÓVIL: quitar fondo amarillo de mesa de regalo ── */
.menu a,
.menu a:link,
.menu a:visited {
  background: transparent !important;
  color: #102a63 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  display: block !important;
  text-decoration: none !important;
  border: none !important;
}
.menu a:hover {
  background: #eef4ff !important;
  color: #2048a0 !important;
}
/* Específico: quitar amarillo de gift-nav */
.menu .gift-nav,
.menu a.gift-nav,
a.gift-nav {
  background: transparent !important;
  color: #102a63 !important;
  border: none !important;
  box-shadow: none !important;
}
.menu .gift-nav:hover,
a.gift-nav:hover {
  background: #eef4ff !important;
}

/* ── FLECHA CATEGORÍAS: mismo tamaño que el texto ── */
.nav-drop-trigger,
button.nav-drop-trigger {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #102a63 !important;
  background: transparent !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  cursor: pointer !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  width: 100% !important;
  justify-content: space-between !important;
}
.nav-drop-trigger:hover {
  background: #eef4ff !important;
  color: #2048a0 !important;
}
/* Flecha mismo tamaño que texto */
.cat-caret,
.nav-drop-trigger .cat-caret,
.nav-drop-trigger::after {
  font-size: 15px !important;
  line-height: 1 !important;
  color: #102a63 !important;
  margin-left: auto !important;
}

/* ── CONTADOR CARRITO: número más pequeño ── */
#cartCountTop,
#cartCountFloat,
.nav-cart span,
.nav-cart #cartCountTop {
  font-size: 12px !important;
  font-weight: 800 !important;
  min-width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
  padding: 0 4px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* Botón carrito nav */
.nav-cart,
button.nav-cart {
  background: #2048a0 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 8px 14px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
}
/* Número del carrito dentro del botón nav */
.nav-cart #cartCountTop {
  background: #ffc72c !important;
  color: #102a63 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  border-radius: 50% !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

/* ── DROPDOWN CATEGORÍAS: rediseño sin flechas doradas ── */
.dropdown-menu,
.nav-item .dropdown-menu {
  background: #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(16,42,99,.14) !important;
  border: 1px solid #e8eef8 !important;
  padding: 8px !important;
  min-width: 200px !important;
  overflow: hidden !important;
}
.dropdown-menu a {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #102a63 !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: background .15s, color .15s !important;
  text-decoration: none !important;
}
.dropdown-menu a:hover {
  background: linear-gradient(135deg, #eef4ff, #e4edff) !important;
  color: #2048a0 !important;
  font-weight: 700 !important;
}
/* QUITAR TODAS LAS FLECHAS DORADAS */
.dropdown-menu a::after,
.dropdown-menu a::before,
.dropdown-menu li::after,
.dropdown-menu li::before,
.menu a::after,
nav li::after,
nav li::before {
  display: none !important;
  content: none !important;
}
/* Iconos por categoría */
.dropdown-menu a[href*="ninos"]::before    { content: "👕"; display: inline !important; }
.dropdown-menu a[href*="calzados"]::before { content: "👟"; display: inline !important; }
.dropdown-menu a[href*="juguetes"]::before { content: "🧸"; display: inline !important; }
.dropdown-menu a[href*="coches"]::before   { content: "🛒"; display: inline !important; }
.dropdown-menu a[href*="silla"]::before    { content: "🚗"; display: inline !important; }
.dropdown-menu a[href*="cargadores"]::before{ content: "🤱"; display: inline !important; }
.dropdown-menu a[href*="cunas"]::before    { content: "🛏️"; display: inline !important; }
.dropdown-menu a[href*="hogar"]::before    { content: "🏠"; display: inline !important; }
.dropdown-menu a[href*="accesorios"]::before{ content: "🎒"; display: inline !important; }

/* ── BOTONES FLOTANTES PERFECTOS ── */
.float-up, button.float-up,
.float-cart, button.float-cart,
.float-wa, a.float-wa {
  position: fixed !important;
  right: 20px !important;
  z-index: 9990 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: transform .2s, box-shadow .2s !important;
}
.float-up, button.float-up {
  bottom: 188px !important;
  right: 26px !important; /* centrado con los de 56px: (56-44)/2 = 6 */
  width: 44px !important;
  height: 44px !important;
  background: #fff !important;
  color: #2048a0 !important;
  border: 2px solid #d0dff5 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  box-shadow: 0 4px 14px rgba(32,72,160,.12) !important;
}
.float-cart, button.float-cart {
  bottom: 126px !important;
  right: 20px !important;
  width: 56px !important;
  height: 56px !important;
  background: #2048a0 !important;
  color: #fff !important;
  font-size: 22px !important;
  border: 0 !important;
  box-shadow: 0 6px 20px rgba(32,72,160,.30) !important;
}
.float-cart span {
  position: absolute !important;
  top: -3px !important; right: -3px !important;
  background: #ef4444 !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 20px !important; height: 20px !important;
  font-size: 11px !important; font-weight: 900 !important;
  display: flex !important;
  align-items: center !important; justify-content: center !important;
  border: 2px solid #fff !important;
}
.float-wa, a.float-wa {
  bottom: 54px !important;
  right: 20px !important;
  width: 56px !important;
  height: 56px !important;
  background: #25D366 !important;
  border: 0 !important;
  box-shadow: 0 6px 20px rgba(37,211,102,.35) !important;
}
.float-wa::after {
  content: "" !important;
  display: block !important;
  width: 30px !important; height: 30px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M16 0C7.163 0 0 7.163 0 16c0 2.833.736 5.494 2.027 7.808L0 32l8.418-2.007A15.93 15.93 0 0016 32c8.837 0 16-7.163 16-16S24.837 0 16 0zm0 29.333a13.26 13.26 0 01-6.77-1.853l-.486-.29-4.993 1.19 1.225-4.864-.318-.5A13.257 13.257 0 012.667 16C2.667 8.636 8.636 2.667 16 2.667S29.333 8.636 29.333 16 23.364 29.333 16 29.333z'/%3E%3Cpath fill='%23fff' d='M23.18 19.293c-.36-.18-2.13-1.05-2.46-1.17-.33-.12-.57-.18-.81.18-.24.36-.93 1.17-1.14 1.41-.21.24-.42.27-.78.09-.36-.18-1.521-.561-2.9-1.787-1.07-.954-1.794-2.132-2.004-2.492-.21-.36-.022-.555.158-.734.162-.161.36-.42.54-.63.18-.21.24-.36.36-.6.12-.24.06-.45-.03-.63-.09-.18-.81-1.95-1.11-2.67-.292-.702-.588-.607-.81-.618-.21-.009-.45-.011-.69-.011s-.63.09-.96.45c-.33.36-1.26 1.23-1.26 3s1.29 3.48 1.47 3.72c.18.24 2.54 3.88 6.154 5.44.86.372 1.53.594 2.053.76.862.274 1.647.235 2.267.143.692-.103 2.13-.87 2.43-1.71.3-.84.3-1.56.21-1.71-.09-.15-.33-.24-.69-.42z'/%3E%3C/svg%3E") !important;
  background-size: 30px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.float-wa img { display: none !important; }
.float-up:hover { transform: scale(1.08) !important; }
.float-cart:hover { transform: scale(1.06) !important; }
.float-wa:hover { transform: scale(1.06) !important; }

@media(max-width:640px){
  .float-up, button.float-up  { bottom:176px !important; right:24px !important; width:42px !important; height:42px !important; }
  .float-cart, button.float-cart { bottom:118px !important; right:18px !important; width:52px !important; height:52px !important; }
  .float-wa, a.float-wa { bottom:50px !important; right:18px !important; width:52px !important; height:52px !important; }
}


/* ── Submenú de Accesorios: Cuidado/Alimentación + Lactancia/Pañalera ── */
.dropdown-menu,
.nav-item .dropdown-menu{
  overflow:visible !important;
}
.dropdown-menu .dropdown-submenu{
  position:relative !important;
  display:block !important;
}
.dropdown-menu .dropdown-submenu > .dropdown-parent{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  width:100% !important;
}
.dropdown-menu .dropdown-submenu > .dropdown-parent::before{
  content:"🎒" !important;
  display:inline !important;
}
.submenu-arrow{
  margin-left:auto !important;
  font-size:18px !important;
  line-height:1 !important;
  color:#2048a0 !important;
  font-weight:900 !important;
}
.dropdown-submenu-menu{
  position:absolute !important;
  top:0 !important;
  left:calc(100% + 10px) !important;
  min-width:245px !important;
  background:#fff !important;
  border:1px solid #e8eef8 !important;
  border-radius:16px !important;
  box-shadow:0 14px 38px rgba(16,42,99,.16) !important;
  padding:8px !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateX(-8px) !important;
  transition:.18s ease !important;
  z-index:140 !important;
}
.dropdown-submenu:hover .dropdown-submenu-menu,
.dropdown-submenu:focus-within .dropdown-submenu-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(0) !important;
}
.dropdown-submenu-menu a[href*="cuidado-y-alimentacion"]::before{
  content:"🍼" !important;
  display:inline !important;
}
.dropdown-submenu-menu a[href*="lactancia-y-panalera"]::before{
  content:"👜" !important;
  display:inline !important;
}
.subcategory-empty-card{
  background:#fff !important;
  border:1px solid #d9e5fb !important;
  border-radius:24px !important;
  box-shadow:0 10px 28px rgba(16,42,99,.10) !important;
  padding:34px !important;
  text-align:center !important;
  color:#102a63 !important;
}
.subcategory-empty-icon{
  width:58px !important;
  height:58px !important;
  margin:0 auto 14px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#eaf2ff !important;
  font-size:28px !important;
}
.subcategory-empty-card h3{
  font-size:22px !important;
  margin:0 0 8px !important;
  color:#102a63 !important;
}
.subcategory-empty-card p{
  margin:0 !important;
  color:#637294 !important;
  font-weight:500 !important;
}
@media(max-width:1100px){
  .dropdown-submenu-menu{
    position:static !important;
    min-width:0 !important;
    width:calc(100% - 22px) !important;
    margin:4px 0 6px 22px !important;
    padding:6px !important;
    background:#f8fbff !important;
    box-shadow:none !important;
    border:1px solid #e8eef8 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    display:grid !important;
    gap:4px !important;
  }
  .submenu-arrow{
    transform:rotate(90deg) !important;
  }
}