/* Un solo lenguaje en todo el sitio (2026-10-18) — réplica de «7. Un solo lenguaje en todo el sitio» de El Rey
   (herramientas/sitio/buscador/global.css): cabecera de color con pestañas en todas las páginas menos el pago, fondo
   crema, portada compacta en tienda y categorías, la tarjeta única en las rejillas y la ficha con el precio grande.
   Marca Bubika: cacao #3A1F16 · mango #FFA226 · crema #FFF6EA · rojo #E8503A · Baloo 2 + Archivo. Sin marcos cacao. */

/* ── fondo crema en todo el sitio (el pie conserva el suyo) ── */
html body,#wrapwrap,#wrapwrap>main{background-color:#FFF6EA;}

/* ── cabecera mango donde está la franja (todas las páginas menos carrito y pago) ── */
#wrapwrap:has(.bk-ml-mango) header#top{background:#FFA226 !important;box-shadow:none !important;border:0 !important;}
#wrapwrap:has(.bk-ml-mango) header#top .bk-hd-main,#wrapwrap:has(.bk-ml-mango) header#top nav.navbar,
#wrapwrap:has(.bk-ml-mango) header#top .o_header_mobile,#wrapwrap:has(.bk-ml-mango) header#top .navbar{background:#FFA226 !important;box-shadow:none !important;border:0 !important;}
#wrapwrap:has(.bk-ml-mango) header#top .bk-hd-search input{background:#fff !important;border-color:transparent !important;box-shadow:0 1px 3px rgba(58,31,22,.12) !important;}
#wrapwrap:has(.bk-ml-mango) header#top .bk-hd-pill{background:#fff !important;}
@media (min-width:992px){#wrapwrap:has(.bk-ml-mango) header#top .bk-hd-nav{display:none !important;}}   /* la reemplazan las pestañas */

/* ── franja mango: buscador (teléfono), envío y pestañas ── */
.bk-ml-mango{background:#FFA226;font-family:Archivo,system-ui,sans-serif;color:#3A1F16;}
.bk-ml-mango a{text-decoration:none !important;}
.bk-ml-buscar{display:flex;align-items:center;gap:10px;margin:0 12px;padding:0 14px;height:44px;border-radius:999px;border:0;width:calc(100% - 24px);
  background:#fff;color:#7A5A4C;font:500 15px/1 Archivo,system-ui,sans-serif;box-shadow:0 1px 3px rgba(58,31,22,.12);cursor:pointer;text-align:left;}
.bk-ml-buscar svg{flex:none;width:19px;height:19px;color:#3A1F16;}
@media (min-width:992px){.bk-ml-buscar{display:none;}}
.bk-ml-envio{display:flex;align-items:center;gap:6px;margin:0;padding:9px 16px 2px;font:500 13px/1.2 Archivo,system-ui,sans-serif;color:#3A1F16;}
.bk-ml-envio svg{width:16px;height:16px;flex:none;}
.bk-ml-envio b{font-weight:700;}
@media (min-width:992px){.bk-ml-envio{max-width:1200px;margin:0 auto;padding:10px 14px 0;}}
.bk-ml-tabs{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 16px 0;margin:0;}
.bk-ml-tabs::-webkit-scrollbar{display:none;}
.bk-ml-tabs a{position:relative;flex:none;font:500 15px/1 Archivo,system-ui,sans-serif;color:#4A2A1E !important;padding:10px 0 11px;border-bottom:3px solid transparent;white-space:nowrap;}
.bk-ml-tabs a.on{font-weight:700;color:#3A1F16 !important;border-bottom-color:#3A1F16;}
.bk-ml-tabs a.bk-ml-tab-aca{color:#fff !important;font-weight:700;}
.bk-ml-tabs a.bk-ml-tab-aca.on{border-bottom-color:#fff;}
@media (min-width:992px){.bk-ml-tabs{max-width:1200px;margin:0 auto;padding:6px 14px 0;gap:28px;}.bk-ml-tabs a{font-size:15.5px;}}

/* ── portada (diapositiva) — la usan el inicio, la tienda y las categorías ── */
.bk-ml-dia{position:relative;flex:0 0 100%;scroll-snap-align:center;aspect-ratio:16/10;overflow:hidden;border-radius:16px;background:#3A1F16;display:block;color:#fff !important;text-decoration:none !important;}
.bk-ml-dia picture,.bk-ml-dia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.bk-ml-dia::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,16,11,0) 30%,rgba(30,16,11,.72) 100%);}
.bk-ml-dia-txt{position:absolute;z-index:1;left:16px;right:16px;bottom:14px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;}
.bk-ml-dia-txt small{font:700 11px/1 Archivo,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#FFA226;}
.bk-ml-dia-txt b{font:800 clamp(22px,6.4vw,46px)/.98 'Baloo 2',sans-serif;text-transform:uppercase;color:#FFF3E2;max-width:94%;}
.bk-ml-dia-txt b em{font-style:normal;color:#FFA226;}
.bk-ml-dia-txt>span{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 15px;border-radius:999px;background:#FFA226;color:#3A1F16;font:700 13.5px/1 Archivo,system-ui,sans-serif;}
.bk-ml-dia-txt>span svg{width:15px;height:15px;}
.bk-ml-dia-txt i{font:500 13.5px/1.35 Archivo,system-ui,sans-serif;font-style:normal;color:#F3E2CF;max-width:560px;}
@media (min-width:992px){
  .bk-ml-dia{aspect-ratio:1200/380;}
  .bk-ml-dia::after{background:linear-gradient(90deg,rgba(30,16,11,.78) 0,rgba(30,16,11,.35) 48%,rgba(30,16,11,0) 75%);}
  .bk-ml-dia-txt{left:52px;bottom:auto;top:50%;transform:translateY(-50%);gap:12px;max-width:560px;}
  .bk-ml-dia-txt b{font-size:50px;}
  .bk-ml-dia-txt>span{height:42px;padding:0 22px;font-size:15px;}
}
/* portada compacta de tienda y categoría */
.bk-gl-portada{margin:6px 0 4px;}
.bk-gl-portada .bk-ml-dia{aspect-ratio:16/8;}
.bk-gl-portada .bk-ml-dia::after{background:linear-gradient(180deg,rgba(30,16,11,.05) 15%,rgba(30,16,11,.82) 100%);}
@media (min-width:992px){
  .bk-gl-portada .bk-ml-dia{aspect-ratio:1200/280;}
  .bk-gl-portada .bk-ml-dia::after{background:linear-gradient(90deg,rgba(30,16,11,.85) 0,rgba(30,16,11,.45) 50%,rgba(30,16,11,0) 80%);}
  .bk-gl-portada .bk-ml-dia-txt b{font-size:42px;}
}

/* ── tienda y categorías ── */
/* la portada nueva reemplaza al banner grande (573 px) y a la tarjeta de la categoría (401 px); la tira de categorías
   la reemplazan las pestañas. El texto de la categoría sigue en la página (oculto) para los buscadores. */
#wrapwrap:has(.bk-gl-portada) .bk-shop-hero,#wrapwrap:has(.bk-gl-portada) .bk-cat-hero,
#wrapwrap:has(.bk-gl-portada) #o_wsale_categories_filmstrip{display:none !important;}
#wrapwrap:has(.bk-ml-mango) #products_grid .breadcrumb{display:none !important;}
#o_wsale_container{background:transparent !important;}
#o_wsale_products_header{padding-top:10px !important;gap:10px !important;}
/* barra compacta: buscador, ordenar y filtros como pastillas blancas */
#products_grid .products_header .o_searchbar_form .input-group,#products_grid .products_header .dropdown-toggle,
#products_grid .products_header .btn{background:#fff !important;border:1px solid rgba(58,31,22,.1) !important;border-radius:999px !important;box-shadow:none !important;color:#3A1F16 !important;}
#products_grid .products_header .o_searchbar_form input{background:transparent !important;border:0 !important;}
/* la tarjeta única en lugar de la nativa (global.js) */
html.bk-tj-espera #products_grid .oe_product article.oe_product_cart{visibility:hidden;}
#products_grid .oe_product article.oe_product_cart.bk-tj-nativa{display:none !important;}
#products_grid .oe_product .o_wsale_product_grid_wrapper>.bk-tj{height:100%;}
#products_grid .oe_product:has(>.o_wsale_product_grid_wrapper>.bk-tj),#products_grid .oe_product:has(>.o_wsale_product_grid_wrapper>.bk-tj):hover{
  background:none !important;box-shadow:none !important;border:0 !important;padding:0 !important;transform:none !important;}
#products_grid .oe_product .o_wsale_product_grid_wrapper:has(>.bk-tj){padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;}
#products_grid .o_wsale_products_grid_table:has(.bk-tj){gap:10px !important;}
@media (min-width:768px){#products_grid .o_wsale_products_grid_table:has(.bk-tj){gap:12px !important;}}

/* ── ficha del producto: precio grande, botones mango, secciones sobre crema ── */
#product_detail{background:transparent !important;}
#product_details h1{font:600 clamp(21px,5.4vw,28px)/1.22 Archivo,system-ui,sans-serif !important;color:#3A1F16 !important;letter-spacing:-.01em;}
#product_details .product_price .oe_price,#product_details .product_price .oe_currency_value,#product_details h3.css_editable_mode_hidden .oe_price{
  font:700 34px/1.05 Archivo,system-ui,sans-serif !important;color:#3A1F16 !important;letter-spacing:-.02em;}
#product_details .product_price{margin:6px 0 2px !important;}
#product_details button[name="add_to_cart"],#product_details .o_we_buy_now{min-height:52px;border-radius:12px !important;font:700 16px/1 Archivo,system-ui,sans-serif !important;box-shadow:none !important;}
#product_details .css_quantity{border-radius:12px !important;overflow:hidden;background:#fff;border:1px solid rgba(58,31,22,.12) !important;}
#product_details .css_quantity .btn{background:#fff !important;border:0 !important;color:#3A1F16 !important;}
/* «Combínalos con tu menú» con la tarjeta única (reemplaza al carrusel nativo de recomendados) */
#wrapwrap:has(.bk-gl-combina) #oe_structure_website_sale_recommended_products{display:none !important;}
.bk-gl-combina{max-width:1200px;margin:26px auto 0;padding:0 10px;}
.bk-gl-sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 4px 10px;}
.bk-gl-sec-h h2{margin:0;font:800 clamp(21px,5.2vw,28px)/1.02 'Baloo 2',sans-serif;text-transform:uppercase;color:#3A1F16;}
.bk-gl-sec-h h2 small{display:block;margin-top:3px;font:500 12.5px/1.3 Archivo,system-ui,sans-serif;text-transform:none;color:#7A5A4C;}
.bk-gl-sec-h>a{flex:none;font:700 14px/1 Archivo,system-ui,sans-serif;color:#E8503A !important;text-decoration:none !important;}
/* miniaturas de la galería: la caja de adentro medía 0×0 y la foto (lazy) nunca cargaba */
#product_detail .o_carousel_product_indicators li>div{width:100%;height:100%;}
#product_detail .o_carousel_product_indicators li img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;}

/* ── botones de todo el sitio: la acción principal en mango con letra cacao (El Rey: amarillo con morado), la
   secundaria blanca con línea tenue. El primario del tema era rojo #E8503A. ── */
html body .btn-primary,html body #wrapwrap .btn-primary,html body #bk-sticky-cart .bk-sc-btn{background:#FFA226 !important;border-color:#FFA226 !important;color:#3A1F16 !important;box-shadow:none !important;}
html body .btn-primary:hover,html body .btn-primary:focus,html body #bk-sticky-cart .bk-sc-btn:hover{background:#FFB54F !important;border-color:#FFB54F !important;color:#3A1F16 !important;}
html body .btn-primary:disabled,html body .btn-primary.disabled{background:#F3D9B6 !important;border-color:#F3D9B6 !important;color:#7A5A4C !important;}
html body .btn-outline-primary,html body #wrapwrap .btn-outline-primary{background:#fff !important;border:1px solid rgba(58,31,22,.16) !important;color:#3A1F16 !important;box-shadow:none !important;}
html body .btn-outline-primary:hover{border-color:#FFA226 !important;background:#FFF3E2 !important;}
#product_detail #o-carousel-product .carousel-indicators li>div{display:block !important;}
/* botón flotante de WhatsApp en el teléfono: regresa al quitar la barra de abajo (2026-10-18). asistente.py lo
   esconde en el teléfono para su propio botón; mientras el asistente esté dormido (sin .bk-as-btn) se enseña. */
@media (max-width:767.98px){html body:not(:has(.bk-as-btn)) #bk-wa{display:flex !important;}}