/**
Theme Name: Astra Child (MineraCatch)
Theme URI: https://mineramatch.com
Template: astra
Author: MineraCatch
Description: Child theme de Astra para MineraCatch. Los cambios de header/menú/estilo del tema van acá, nunca en el tema padre.
Version: 1.5.0
Text Domain: astra-child
*/

/* ==========================================================================
   Botones dorados en el menú principal (desktop + mobile): "Iniciar Sesión"
   / "Cerrar sesión" (clase mm-menu-login) y "Asesorías Personalizadas"
   (clase mm-menu-cta). Ambas clases se agregan al ítem del menú desde
   Apariencia > Menús > Opciones de pantalla > Clases CSS.
   El estilo del botón en sí (color, radio, padding, tipografía) NO se
   duplica acá: MM_Pages::clases_boton_menu() (mineramatch-core) le suma la
   clase real .mm-btn-primary al <a> del menú, así queda IDÉNTICO a los
   demás botones dorados del sitio (Busco trabajo, Crear cuenta). Acá solo
   van los ajustes propios del contexto de menú.
   ========================================================================== */
.main-header-menu .menu-item.mm-menu-login > a.menu-link.mm-btn-primary,
.main-header-menu .menu-item.mm-menu-cta > a.menu-link.mm-btn-primary {
	margin: 0 0.3rem;
}

/* La línea animada de subrayado de mm-core.css (.menu-link::after) no tiene
   sentido sobre un botón relleno. */
.main-header-menu .menu-item.mm-menu-login > a.menu-link::after,
.main-header-menu .menu-item.mm-menu-cta > a.menu-link::after {
	display: none;
}

/* En el menú fuera-de-lienzo (mobile), los botones quedan centrados y con
   aire vertical para que se noten sin abrir nada más. */
#ast-hf-mobile-menu .menu-item.mm-menu-login,
#ast-hf-mobile-menu .menu-item.mm-menu-cta {
	margin: 0.4em 0;
	text-align: center;
}

/* Contraste del texto en modo oscuro: mm-core.css ya fija
   var(--mm-texto-sobre-dorado) en [data-tema="oscuro"] .mm-btn-primary,
   pero Astra trae su propia regla de color para los links del menú con
   más especificidad (desktop: .main-header-menu .menu-item > .menu-link;
   mobile: .ast-builder-menu-mobile .main-navigation .main-header-menu
   .menu-item > .menu-link, 0-5-0) que le gana a esa regla genérica y
   dejaba el texto beige claro sobre el botón dorado (ilegible). Se
   necesita este override puntual, más específico, apuntando a los dos
   botones de menú. */
html[data-tema="oscuro"] .main-header-menu .menu-item.mm-menu-login > a.menu-link.mm-btn-primary,
html[data-tema="oscuro"] .main-header-menu .menu-item.mm-menu-cta > a.menu-link.mm-btn-primary,
html[data-tema="oscuro"] .main-header-menu .menu-item.mm-menu-login > a.menu-link.mm-btn-primary:hover,
html[data-tema="oscuro"] .main-header-menu .menu-item.mm-menu-cta > a.menu-link.mm-btn-primary:hover,
html[data-tema="oscuro"] .main-header-menu .menu-item.mm-menu-login > a.menu-link.mm-btn-primary:focus,
html[data-tema="oscuro"] .main-header-menu .menu-item.mm-menu-cta > a.menu-link.mm-btn-primary:focus,
html[data-tema="oscuro"] .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link.mm-btn-primary,
html[data-tema="oscuro"] .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link.mm-btn-primary:hover {
	color: var(--mm-texto-sobre-dorado, #1A1207);
}

/* ==========================================================================
   Botones sociales (Nextend Social Login) en /registro.
   Nextend imprime su propio data-align="left", cuya regla CSS
   (div.nsl-container[data-align="left"]{text-align:left}) tiene más
   especificidad que .mm-social-login{text-align:center} de mm-core.css y
   la pisa — por eso quedaban a la izquierda. Se fuerza el centrado y se
   estiran los botones al ancho completo de la tarjeta, igual que los
   campos del formulario y el botón "Crear cuenta".
   ========================================================================== */
.mm-social-login .nsl-container[data-align] {
	text-align: center !important;
}

.mm-social-login .nsl-container-buttons {
	display: flex !important;
	flex-direction: column !important;
	width: 100%;
	margin: 0 auto !important;
}

.mm-social-login .nsl-container-buttons a[data-plugin="nsl"] {
	width: 100% !important;
}

/* ==========================================================================
   Encabezados de sección en el home: centrado consistente.
   Diagnóstico: mm-core.css ya centra el <h2> de "¿Cómo funciona?"
   (.mm-steps), "Rubros que cubrimos" (.mm-rubros) y "Seguinos en Instagram"
   (.mm-redes) mediante un selector explícito. Pero "El mercado hoy"
   (.mm-cotiz-section), "Actualidad sobre minería" (.mm-notas-section), el
   buscador del home (.mm-buscador-section) y la vitrina de ofertas/talentos
   (.mm-vitrina-section) reusan la clase genérica .mm-landing —pensada para
   páginas de texto alineado a la izquierda como Empleos/Empresas/Contacto/
   Sobre Nosotros— cuya regla ".mm-landing h2" no fija text-align, así que
   esas secciones quedaban a la izquierda por el default del navegador. Se
   centran acá puntualmente, sin tocar ".mm-landing h2" en general para no
   descentrar los títulos de esas otras páginas (que ya estaban bien así).
   Sus bajadas (.mm-planes-intro) ya venían centradas desde mm-core.css.
   ========================================================================== */
.mm-cotiz-section h2,
.mm-notas-section h2,
.mm-buscador-section > h2,
.mm-vitrina-section > h2 {
	text-align: center;
}

/* Mensaje de "sin resultados"/estado inicial del buscador del home: mismo
   criterio de centrado que el título de la sección que lo contiene. */
.mm-buscar-resultados .mm-vitrina-vacio {
	text-align: center;
}

/* ==========================================================================
   Selector de tema claro/oscuro (sol/luna): ítem de menú "🌙" agregado en
   Apariencia > Menús con la clase CSS mm-tema-toggle (mismo mecanismo que
   mm-menu-login/mm-menu-cta más arriba). Se muestra como un botón circular
   de solo ícono, no como un link de texto — el emoji ya es el ícono, y
   assets/js/mm-tema.js lo intercepta y lo alterna entre 🌙/☀️.
   ========================================================================== */
.main-header-menu .menu-item.mm-tema-toggle > a.menu-link,
#ast-hf-mobile-menu .menu-item.mm-tema-toggle > a.menu-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	margin: 0 0.15rem;
	border-radius: 999px;
	font-size: 1.15rem;
	line-height: 1;
}

.main-header-menu .menu-item.mm-tema-toggle > a.menu-link:hover {
	background: var(--mm-surface-2, #faf7f1);
}

/* La línea animada de subrayado de mm-core.css (.menu-link::after) no tiene
   sentido sobre un botón de ícono. */
.main-header-menu .menu-item.mm-tema-toggle > a.menu-link::after {
	display: none;
}

#ast-hf-mobile-menu .menu-item.mm-tema-toggle {
	text-align: center;
}