/* Tema El Matorral — identidad de elmatorral.es (WordPress, Jupiter X) sobre el core de flota.
   Amarillo de marca #FBB914 (boton de carrito, banda del menu, logo de la web viva). El amarillo puro da solo
   1,74:1 con blanco, y el core usa --ql-red tambien como texto/borde sobre blanco y como relleno con texto
   BLANCO: el ACENTO funcional es su version profunda #9A6200 (5,1:1 con blanco). El amarillo puro queda para
   la banda del menu (texto negro, 12:1) y el hover. Azul marino #09055D de la web viva solo como acento
   secundario (contador del carrito).
   --ql-dark = #232323 (botones oscuros de la web viva), neutro, NO el amarillo de marca (leccion CYM).
   Fondo blanco como la web viva (el pie de la web viva es #FBB914 al 10%). */
.qlshop {
  --ql-red: #9a6200;
  --ql-red-d: color-mix(in srgb, var(--ql-red) 82%, #232323);
  --ql-dark: #232323;
  --ql-bg: #ffffff;
  --ql-line: #e3e3e3;
  --ql-muted: #666666;

  /* Banda del menu: la web viva la pinta amarilla #FBB914 con texto negro
     (el blanco del hover/activo original NO pasa contraste sobre amarillo). */
  --ql-nav-bg: #fbb914;
  --ql-nav-fg: #000000;
  --ql-nav-fg-active: #000000;
  /* Variante alternativa (banda blanca):
     --ql-nav-bg: #ffffff; --ql-nav-fg: #232323; --ql-nav-fg-active: var(--ql-red); */
}
:root {
  --prim: #9a6200;
  --prim-soft: color-mix(in srgb, #fbb914 22%, white);
  --text-accent: #9a6200;
  --bg-accent: color-mix(in srgb, #fbb914 22%, white);
}

/* Logo VERTICAL (553x494: sol + nombre + lema): sin tope el core lo estira. La web viva lo muestra en cabecera de 110px. */
img[src*="logo-el-matorral"] { height: 56px !important; width: auto !important; }
@media (min-width: 768px) { img[src*="logo-el-matorral"] { height: 80px !important; } }