/*
 * Archivo propiedad de Z-Bombilla Spain, S.L con cif B54689120
 *  Prohibido la utilizacion de este fichero salvo acuerdo legal.
 */

/* ==========================================================================
   /pedidos multitienda (hub de Amazon y TikTok): lo que le falta a
   productos/productosTiendas.css, que se carga también en /pedidos y trae la
   cabecera, la botonera y la regla anti-parpadeo de #zbpContenidoAmazon.
   JS: assets/js/shared/zbTiendas.js. Cabecera:
   com.zbombilla.amazon.plantillas/cabeceraTiendas.jsp.
   ========================================================================== */

/* Mientras carga el JS: el script en línea de la cabecera ya sabe qué tienda
   toca y lo deja en <html data-zbp-canal>. Sin esto, con Amazon recordada, el
   panel de TikTok asomaba un instante (y al revés lo cubre productosTiendas.css).
   zbTiendas.js lo quita al arrancar y desde ahí mandan los "hidden". */
html[data-zbp-canal]:not([data-zbp-canal="tiktok"]) #zbpContenidoTiktok {
    display: none !important;
}

/* En /pedidos el panel de Amazon es un envoltorio de la <section id="pedidos">
   de siempre (sus estilos y su JS la buscan por id): el relleno corto que
   productosTiendas.css da a #zbpContenidoAmazon va a la sección, que trae 60px
   del tema, pensados para ir bajo la franja de foto y no pegada a la botonera. */
#zbpContenidoAmazon {
    padding-top: 0;
}
#zbpContenidoAmazon > #pedidos {
    padding-top: 20px;
}

/* El panel de TikTok es .zbp-contenido (el hueco de las tiendas sin panel:
   Poppins y 24px de margen a los lados). Aquí es una tabla de pedidos como la de
   Amazon, en la misma página: mismos márgenes y misma letra que el panel de
   Amazon, para que cambiar de tienda no haga saltar la tabla. */
#zbpContenidoTiktok {
    padding: 20px 0 60px;
    font-family: inherit;
    color: inherit;
}