/*
Theme Name: Menciona Child
Theme URI: https://menciona.app
Description: Child theme de GeneratePress para Menciona — SaaS de reputación online. Aporta la estética del panel (tipografía, color y maquetación).
Author: Menciona
Template: generatepress
Version: 0.1.0
Text Domain: menciona-child
*/

/* ---- Paleta y tipografía ------------------------------------------------- */
:root {
	--mc-accent: #2563eb;
	--mc-accent-d: #1d4ed8;
	--mc-ink: #1c2530;
	--mc-muted: #64748b;
	--mc-page: #f4f6f9;
	--mc-border: #e6eaf0;
}

body {
	font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: var(--mc-ink);
}

h1, h2, h3, .entry-title { font-weight: 800; letter-spacing: -0.01em; }

a { color: var(--mc-accent); }
a:hover { color: var(--mc-accent-d); }

/* ---- Cabecera / navegación ---------------------------------------------- */
.site-header { background: #fff; border-bottom: 1px solid var(--mc-border); }
.main-navigation { background: #fff; }
.main-navigation .main-nav ul li a { font-weight: 600; color: var(--mc-ink); }
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li a:hover { color: var(--mc-accent); }
.site-logo img, .site-branding .main-title { font-weight: 800; }

/* Submenú de cuenta (inyectado por el plugin) */
.main-navigation .menciona-cuenta .sub-menu { border-radius: 10px; overflow: hidden; }

/* ---- Botones del tema (por si se usan fuera del panel) ------------------- */
.button, button.wp-block-button__link, input[type="submit"] {
	background: var(--mc-accent);
	border-radius: 10px;
	font-weight: 700;
}
.button:hover, input[type="submit"]:hover { background: var(--mc-accent-d); }

/* ---- Páginas del panel --------------------------------------------------- */
body.menciona-panel { background: var(--mc-page); }
body.menciona-panel .site-content { padding-top: 8px; }
body.menciona-panel .entry-header { display: none; } /* el panel trae su propio h1 */
body.menciona-panel .inside-article { padding: 0; }

/* Contenedor algo más ancho en el panel */
body.menciona-panel .site-content .container,
body.menciona-panel .grid-container { max-width: 1040px; }

/* ---- Landing / home ------------------------------------------------------ */
body.menciona-landing-page .site-content { padding-top: 0; }