/*
Theme Name: Maxcoach Child
Theme URI: http://maxcoach.thememove.com/
Author: ThemeMove
Author URI: http://thememove.com/
Version: 1.0.0
Template: maxcoach
Text Domain:  maxcoach-child
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/* ==========================================================================
   Header 16 — "Left Nav With Menu"
   CTAs del header-right (ubicación de menú "header_cta") como botones.
   Colores atados a los tokens del tema: primary = verde, secondary = azul.
   Estilo por ítem vía clase CSS del menú: .cta-outline y .cta-primary.
   ========================================================================== */
.header-cta-menu,
.header-cta-menu__list,
.header-cta-menu__list li {
	list-style: none !important;
}

.header-cta-menu__list {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 0;
}

.header-cta-menu__list li {
	margin: 0;
	padding: 0;
}

.header-cta-menu__list li::before,
.header-cta-menu__list li::marker {
	content: none;
}

.header-cta-menu__list a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 22px;
	border: 2px solid transparent;
	border-radius: 8px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
	transition: all 0.25s ease;
}

/* --------------------------------------------------------------------------
   Estilo por POSICIÓN (no requiere asignar clases a los ítems del menú):
   1er ítem = outline azul (Secondary) · 2º ítem = verde relleno (Primary).
   Las clases .cta-outline / .cta-primary (más abajo) siguen funcionando como
   override manual si algún día quieres invertir o forzar un estilo concreto.
   -------------------------------------------------------------------------- */

/* Botón 1 (primer ítem) — outline azul (Secondary) */
.header-cta-menu__list > li:first-child > a {
	color: #0C0CA1;
	background: transparent;
	border-color: #0C0CA1;
}

.header-cta-menu__list > li:first-child > a:hover,
.header-cta-menu__list > li:first-child > a:focus {
	color: #fff;
	background: #0C0CA1;
}

/* Botón 2 (segundo/último ítem) — verde relleno (Primary) */
.header-cta-menu__list > li:last-child > a {
	color: #fff;
	background: #39A239;
	border-color: #39A239;
}

.header-cta-menu__list > li:last-child > a:hover,
.header-cta-menu__list > li:last-child > a:focus {
	filter: brightness(0.92);
}

/* Overrides opcionales por clase de ítem del menú (ganan sobre la posición) */
.header-cta-menu__list .cta-outline > a {
	color: #0C0CA1;
	background: transparent;
	border-color: #0C0CA1;
}

.header-cta-menu__list .cta-outline > a:hover,
.header-cta-menu__list .cta-outline > a:focus {
	color: #fff;
	background: #0C0CA1;
}

.header-cta-menu__list .cta-primary > a {
	color: #fff;
	background: #39A239;
	border-color: #39A239;
}

.header-cta-menu__list .cta-primary > a:hover,
.header-cta-menu__list .cta-primary > a:focus {
	filter: brightness(0.92);
}

/* ==========================================================================
   Fix checkout de bloques (WooCommerce)
   El tema dibuja un checkbox propio con ::before/::after en todo
   input[type=checkbox]. En el checkout de bloques choca con el checkbox
   nativo de WooCommerce (caja + SVG) y se desplaza sobre el texto.
   Neutralizamos el custom SOLO en los checkboxes de bloques de WooCommerce.
   ========================================================================== */
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
	position: static !important;
	margin: 0 !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]::before,
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]::after {
	content: none !important;
	display: none !important;
}