/* Engrane de tiendas (impeccable + Taste + ux-designer). Vale en todo el portal: el menú es el mismo en el General y
   en cada tienda. Más ancho para que tienda, razón social y logos no se aprieten; buscador fijo arriba de la lista;
   grupos con su nombre una vez; la tienda elegida sobre gris con palomita; logos de 18 px. */
.menu-engrane { width:400px; min-width:400px !important; padding:6px !important; border:1px solid #e3e5e8 !important; border-radius:14px !important;
  box-shadow:0 4px 14px rgba(22,25,31,.08), 0 24px 48px -24px rgba(22,25,31,.28) !important; scrollbar-width:thin; scrollbar-color:#cfd4db transparent; font-family:"Schibsted Grotesk", Inter, sans-serif; }
.menu-engrane .dropdown-item { border-radius:8px; }
.menu-engrane .dropdown-header { padding:10px 10px 4px !important; font-size:12px !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important; color:#5f6b7a !important; }
.menu-engrane .eng-titulo { padding-top:8px !important; color:#16191f !important; font-size:13px !important; }
.menu-engrane .eng-grupo { padding-top:12px !important; font-weight:500 !important; color:#7a8193 !important; }

/* General: título, conteo y una tira de logos más chica. */
.menu-engrane .general-todo { padding:10px !important; }
.menu-engrane .general-tit { font-weight:600 !important; color:#16191f !important; font-size:14.5px; }
.menu-engrane .general-tit i { color:#5f6b7a !important; }
.menu-engrane .general-sub { font-size:12px !important; color:#5f6b7a !important; }
.menu-engrane .general-logos img, .menu-engrane .general-logos .riel-mini { width:18px !important; height:18px !important; border-radius:5px !important; }

/* Buscador: fijo arriba de la lista al hacer scroll. */
.menu-engrane .eng-buscar-li { position:sticky; top:-6px; z-index:2; padding:6px 4px; background:#fff; }
.menu-engrane .eng-buscar { display:flex; align-items:center; gap:8px; height:36px; margin:0; padding:0 10px; border-radius:9px; background:#f2f3f5; color:#7a8193; }
.menu-engrane .eng-buscar:focus-within { background:#fff; box-shadow:0 0 0 2px #fff, 0 0 0 4px #c2410c; }
.menu-engrane .eng-buscar input { flex:1; min-width:0; border:0; outline:0; background:none; font:400 13.5px "Schibsted Grotesk", Inter, sans-serif; color:#16191f; }
.menu-engrane .eng-vacio { padding:12px 10px; font-size:13px; color:#5f6b7a; }

/* Renglones: tienda en tinta, razón social debajo en gris, logos a la derecha. */
.menu-engrane .empresa-fila { padding-right:10px; border-radius:8px; transition:background-color .15s ease-out; }
.menu-engrane .empresa-fila:hover { background:#f5f6f8; }
.menu-engrane .empresa-fila.elegida { background:#eef0f3 !important; }
.menu-engrane .empresa-item { padding:7px 10px !important; background:none !important; }
.menu-engrane .empresa-tienda { font-weight:600 !important; font-size:14px; color:#16191f !important; }
.menu-engrane .empresa-razon { font-size:12px !important; color:#5f6b7a !important; }
.menu-engrane .empresa-check { color:#c2410c !important; }
.menu-engrane .empresa-item.disabled .empresa-tienda, .menu-engrane .empresa-fila.disabled .empresa-razon { color:#9aa1ad !important; }
.menu-engrane .empresa-plats { gap:4px !important; }
.menu-engrane .empresa-plat, .menu-engrane .empresa-plat img, .menu-engrane .empresa-plat .riel-mini { width:18px !important; height:18px !important; }
.menu-engrane .dropdown-divider { margin:6px 4px !important; border-color:#eceef1 !important; }

@media (max-width:640px) { .menu-engrane { width:calc(100vw - 24px); min-width:0 !important; } }
@media (prefers-reduced-motion: reduce) { .menu-engrane .empresa-fila { transition:none; } }
/* Buscador (Taste + impeccable): una sola caja blanca con línea fina y la lupa adentro; el campo de Bootstrap
   (.form-control) va sin borde ni anillo propio, y al escribir el foco lo marca la caja: línea naranja y halo suave. */
html body .menu-engrane .eng-buscar-li { padding:8px 6px 6px; }
html body .menu-engrane .eng-buscar { height:42px; gap:10px; padding:0 14px; border:1px solid #d9dce4; border-radius:12px; background:#fff; color:#5f6b7a; box-shadow:none; transition:border-color var(--duration-quick, 150ms) ease-out, box-shadow var(--duration-quick, 150ms) ease-out; }
html body .menu-engrane .eng-buscar:hover { border-color:#c4c9d2; }
html body .menu-engrane .eng-buscar:focus-within { border-color:#c2410c; box-shadow:0 0 0 3px rgba(194,65,12,.14); }
html body .menu-engrane .eng-buscar .bi-search { font-size:16px; }
html body .menu-engrane .eng-buscar .form-control, html body .menu-engrane .eng-buscar .form-control:focus { height:auto; min-height:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; outline:0 !important; box-shadow:none !important; background:none !important; font:400 15px var(--sp-letra, "Schibsted Grotesk", Inter, sans-serif) !important; color:#16191f !important; }
html body .menu-engrane .eng-buscar .form-control::placeholder { color:#7a8496; opacity:1; }
html body .menu-engrane .eng-buscar .form-control::-webkit-search-cancel-button { cursor:pointer; filter:grayscale(1); opacity:.6; }
@media (prefers-reduced-motion: reduce) { html body .menu-engrane .eng-buscar { transition:none; } }