/* =========================================================
   o30-tema.css — Ajustes finales sobre la copia real de la tienda
   (O30). Se carga después de o27-tema.css, así que manda.

   Solo presentación. No toca pasarelas, envíos, plugins ni datos.
   ========================================================= */

/* ---------------------------------------------------------
   1. Un solo botón flotante de WhatsApp.
   El plugin OneClick Chat to Order imprime un botón flotante
   (#sendbtn, clase .floating_button) abajo a la IZQUIERDA. El
   tema imprime el suyo (.sugoi-whatsapp-float) abajo a la DERECHA.
   Se oculta SOLO el flotante del plugin; su botón de la ficha
   (.wa-order-button) se conserva.
   --------------------------------------------------------- */
#sendbtn.floating_button,
.floating_button {
  display: none !important;
}

/* ---------------------------------------------------------
   2. Logo real de la cabecera: 42 px de alto, katakana debajo.
   El personalizador imprime `the_custom_logo()` (una <a class=
   "custom-logo-link"> con <img class="custom-logo">), que no
   lleva el katakana. Se ancla la regla al enlace que contiene el
   logo para no afectar a otros enlaces .logo.
   --------------------------------------------------------- */
body.o27 .nav-center a.logo:has(.custom-logo-link),
body.o27 .nav-center .custom-logo-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  font-size: inherit;
}
body.o27 .nav-center .custom-logo-link {
  line-height: 0;
}
body.o27 .nav-center .aa-main-nav img.custom-logo,
body.o27 .nav-center a.logo img.custom-logo {
  height: 42px !important;
  width: auto !important;
  max-height: 42px !important;
}
/* El katakana que el header imprime solo con el logo interno. */
body.o27 .nav-center .logo small.jp {
  font-size: 11px;
  letter-spacing: .4em;
  color: var(--o27-gris);
}

/* ---------------------------------------------------------
   3. Un solo ordenador en Tienda y categorías.
   WooCommerce imprime el select (.woocommerce-ordering) dentro de
   #main; el tema imprime además «Ordenar: más pedidos»
   (.o27-catbar-orden). Se oculta el texto del tema y se deja el
   select, alineado a la derecha.
   --------------------------------------------------------- */
.o27-catbar-orden {
  display: none !important;
}
/* El título de la banda y las migas de la Tienda se traducen con el filtro
   the_title (inc/o30.php). El select se alinea siempre a la derecha dentro
   de la barra (.o27-catbar), incluso cuando la barra salta de línea por los
   chips de subcategoría. */
.o27-catbar .woocommerce-ordering {
  margin-left: auto;
  margin-bottom: 0;
}
/* En pantallas chicas, el select no debe desbordar. */
@media (max-width: 480px) {
  .o27-catbar .woocommerce-ordering {
    margin-left: auto;
    text-align: right;
  }
}

/* O31 (Claude): un solo botón de WhatsApp en la ficha. Se queda el del plugin
   (manda el producto y el enlace al chat) con el estilo del tema; se oculta el del tema. */
.single-product .o27-wa{display:none!important}
.single-product .wa-order-class{display:block;margin-top:12px;text-decoration:none}
.single-product .wa-order-button{width:100%!important;min-height:48px;background:#fff!important;color:var(--marino,#14214d)!important;border:1px solid var(--marino,#14214d)!important;border-radius:0!important;font-weight:600!important;text-transform:none!important;box-shadow:none!important}
/* O31: botones legibles en «carrito vacío» y bloques de productos */
.wp-block-button__link.add_to_cart_button{background:var(--marino,#14214d)!important;color:#fff!important}