/*
Theme Name:   BlogSite Pro – Mi Pantalla Nica
Theme URI:    https://mipantallanica.com/
Description:  Tema hijo de BlogSite Pro para Mi Pantalla Nica. Conserva la cabecera, los menús, el pie, los widgets, el blog y las opciones del tema padre, y añade la plantilla «Portada Mi Pantalla Nica» y la compatibilidad con WooCommerce.
Author:       Mi Pantalla Nica
Template:     blogsite-pro
Version:      1.4.0
Requires at least: 6.0
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  blogsite-pro-mpn
*/

/*
 * Los estilos del diseño están en assets/css/mpn.css y assets/css/mpn-tienda.css.
 * Este archivo se mantiene casi vacío a propósito: el tema padre lo carga con
 * el identificador «blogsite-style», y el tema hijo carga antes la hoja del padre.
 */

/* Botón de WhatsApp en el menú principal (se carga en todo el sitio) */
.sf-menu li.mpn-menu-whatsapp {
	margin-left: 10px;
}
.sf-menu li.mpn-menu-whatsapp a .menu-text,
.sf-menu li.mpn-menu-whatsapp a:hover .menu-text {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 38px;
	padding: 0 16px;
	border-radius: 999px;
	background-color: #157A3E;
	color: #fff !important;
	font-weight: 700;
}
.sf-menu li.mpn-menu-whatsapp a:hover .menu-text {
	background-color: #0F6332;
}
.mpn-menu-whatsapp .mpn-icono {
	flex: 0 0 auto;
}
.mobile-menu li.mpn-menu-whatsapp > a,
.menu-modal li.mpn-menu-whatsapp > a {
	color: #157A3E !important;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

/* Botón flotante de WhatsApp: solo en celulares y tabletas (a la izquierda,
   para no tapar el botón «volver arriba» del tema, que está a la derecha). */
.mpn-wa-flotante {
	display: none;
	position: fixed;
	left: 16px;
	bottom: 16px;
	z-index: 9990;
	align-items: center;
	gap: 8px;
	min-height: 52px;
	padding: 0 18px 0 14px;
	border-radius: 999px;
	background: #157A3E;
	color: #fff !important;
	font-family: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-decoration: none !important;
	box-shadow: 0 10px 24px rgba(15, 30, 43, 0.28);
}
.mpn-wa-flotante:focus-visible {
	outline: 3px solid #F39200;
	outline-offset: 2px;
}

/* Visible en celulares y tabletas; en computadora solo si no hay menú principal. */
@media only screen and (max-width: 959px) {
	.mpn-wa-flotante { display: inline-flex; }
}
body.mpn-sin-menu .mpn-wa-flotante { display: inline-flex; }
body.showing-menu-modal .mpn-wa-flotante { display: none; }