/*
 * SAEZ.LAW header: CTA desktop/tablet, CTA móvil, WhatsApp móvil y logo retina.
 * No añadir CSS temporal aquí sin documentarlo en docs/css-map.md.
 */

/* =========================================================
   HEADER CTA DESKTOP / TABLET
   Convierte el item con clase saez-menu-cta en botón
   Solo fuera de móvil
   ========================================================= */

@media (min-width: 768px) {

	/* Un poco de aire antes del CTA */
	.nav .menu > li.saez-menu-cta {
		margin-left: 12px;
	}

	/* Botón CTA del menú */
	.nav .menu > li.saez-menu-cta > a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 42px;
		padding: 10px 18px;
		border: 1px solid #9c8f7b;
		border-radius: 999px;
		background: #9c8f7b;
		color: #fff !important;
		font-weight: 600;
		line-height: 1;
		text-decoration: none;
		box-shadow: none;
		transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
	}

	/* Hover + focus */
	.nav .menu > li.saez-menu-cta > a:hover,
	.nav .menu > li.saez-menu-cta > a:focus {
		background: #b0a38f;
		border-color: #b0a38f;
		color: #fff !important;
		text-decoration: none;
		transform: translateY(-1px);
		outline: none;
	}

	/* Estado actual de página: que siga pareciendo botón */
	.nav .menu > li.saez-menu-cta.current-menu-item > a,
	.nav .menu > li.saez-menu-cta.current_page_item > a,
	.nav .menu > li.saez-menu-cta.current-menu-ancestor > a {
		background: #9c8f7b;
		border-color: #9c8f7b;
		color: #fff !important;
	}

	/* Mejor foco visible para teclado */
	.nav .menu > li.saez-menu-cta > a:focus-visible {
		outline: 2px solid rgba(255, 255, 255, 0.75);
		outline-offset: 2px;
	}

	/* Resto de enlaces del menú: hover más fino */
	.nav .menu > li:not(.saez-menu-cta) > a:hover,
	.nav .menu > li:not(.saez-menu-cta) > a:focus {
		color: #9c8f7b;
		text-decoration: none;
	}
}

/* Tablet: mantener proporción razonable */
@media (min-width: 768px) and (max-width: 1023px) {
	.nav .menu > li.saez-menu-cta {
		margin-left: 0;
	}

	.nav .menu > li.saez-menu-cta > a {
		padding: 10px 16px;
		font-size: 0.95rem;
	}
}

/* =========================================================
   NIVEL 3 MÓVIL MINIMALISTA
   Consulta fuera del menú + WhatsApp como línea normal
   Requiere el snippet PHP correspondiente
   ========================================================= */

.saez-mobile-header-cta {
	display: none;
}

@media (max-width: 767px) {

	/* Ocultar en móvil el item original de contacto del menú */
	.nav .menu > li.saez-mobile-original-cta-item {
		display: none !important;
	}

	/* CTA "Consulta" en cabecera móvil */
	.saez-mobile-header-cta {
		display: flex;
		align-items: center;
		margin-right: 12px;
	}

	.saez-mobile-consulta {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 36px;
		padding: 8px 13px;
		border: 1px solid #9c8f7b;
		border-radius: 10px;
		background: transparent;
		color: #fff !important;
		font-size: 0.94rem;
		font-weight: 600;
		line-height: 1;
		text-decoration: none;
		white-space: nowrap;
		transition: background-color .18s ease, border-color .18s ease, color .18s ease;
	}

	.saez-mobile-consulta:hover,
	.saez-mobile-consulta:focus {
		background: rgba(156, 143, 123, 0.14);
		border-color: #b0a38f;
		color: #fff !important;
		text-decoration: none;
		outline: none;
	}

	/* WhatsApp dentro del menú, como una línea más */
	.nav .menu > li.saez-mobile-whatsapp-item {
		display: block !important;
		margin: 0;
		padding: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.08);
	}

	.nav .menu > li.saez-mobile-whatsapp-item > a.saez-mobile-whatsapp-link {
		display: block;
		padding: 18px 24px;
		color: #fff !important;
		font-size: 1rem;
		font-weight: 500;
		line-height: 1.3;
		text-decoration: none;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		text-align: left;
	}

	.nav .menu > li.saez-mobile-whatsapp-item > a.saez-mobile-whatsapp-link:hover,
	.nav .menu > li.saez-mobile-whatsapp-item > a.saez-mobile-whatsapp-link:focus {
		color: #9c8f7b !important;
		text-decoration: none;
		outline: none;
		transform: none;
	}

	/* Evitar arrastrar estilos viejos de botón en móvil */
	.is-open > .menu > li.saez-mobile-whatsapp-item > a,
	.is-open > .menu > li.saez-mobile-whatsapp-item > a:hover,
	.is-open > .menu > li.saez-mobile-whatsapp-item > a:focus {
		width: auto !important;
		min-height: 0 !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		padding: 18px 24px !important;
		text-align: left !important;
		transform: none !important;
	}
}

@media (min-width: 768px) {
	.saez-mobile-header-cta {
		display: none !important;
	}
}

/* =========================================================
   HEADER LOGO RETINA
   Permite subir un logo grande 470x140 para pantallas retina,
   pero lo muestra visualmente al tamaño anterior 235x70.
   Evita que el logo desplace el menú.
   ========================================================= */

.custom-logo,
.custom-logo-link img,
.site-logo img,
.site-branding img {
	display: block;
	width: 235px !important;
	max-width: 235px !important;
	height: auto !important;
	max-height: 70px !important;
	object-fit: contain;
}

/* Móvil: mantener el logo más compacto para no empujar CTA ni menú */
@media (max-width: 767px) {
	.custom-logo,
	.custom-logo-link img,
	.site-logo img,
	.site-branding img {
		width: 190px !important;
		max-width: 190px !important;
		height: auto !important;
		max-height: 57px !important;
	}
}