/**
 * Global interactive link behavior — WM brand
 *
 * @package esto-es-wm
 */

:root {
	--link-color: var(--color-white);
	--link-color-hover: var(--color-lime-canva, #c6ff34);
	--link-color-light: var(--color-black);
	--link-color-light-hover: var(--color-lime-canva, #c6ff34);
}

/* Dark surfaces: header, footer, section-dark */
.site-header a:not(.custom-logo-link):not(.button),
.site-footer .site-footer__menu a,
.site-footer .site-footer__intro a,
.section-dark a:not(.button):not(.site-footer__contact-btn):not(.servicio-card__link):not(.proyecto-card__link):not(.related-project-card__link) {
	color: var(--link-color);
	text-decoration: none;
	transition: color 0.2s ease;
}

.site-header a:not(.custom-logo-link):not(.button):hover,
.site-header a:not(.custom-logo-link):not(.button):focus-visible,
.site-header a:not(.custom-logo-link):not(.button):active,
.site-footer .site-footer__menu a:hover,
.site-footer .site-footer__menu a:focus-visible,
.site-footer .site-footer__menu a:active,
.site-footer .site-footer__intro a:hover,
.site-footer .site-footer__intro a:focus-visible,
.site-footer .site-footer__intro a:active,
.section-dark a:not(.button):not(.site-footer__contact-btn):not(.servicio-card__link):not(.proyecto-card__link):not(.related-project-card__link):hover,
.section-dark a:not(.button):not(.site-footer__contact-btn):not(.servicio-card__link):not(.proyecto-card__link):not(.related-project-card__link):focus-visible,
.section-dark a:not(.button):not(.site-footer__contact-btn):not(.servicio-card__link):not(.proyecto-card__link):not(.related-project-card__link):active {
	color: var(--link-color-hover);
}

/* Nav + footer menu: active item stays white until hover */
.main-navigation .nav-menu .current-menu-item > a,
.main-navigation .nav-menu .current_page_item > a,
.site-footer__menu .current-menu-item > a,
.site-footer__menu .current_page_item > a {
	color: var(--nav-link-color-active, var(--link-color));
}

.main-navigation .nav-menu .current-menu-item > a:hover,
.main-navigation .nav-menu .current-menu-item > a:focus-visible,
.main-navigation .nav-menu .current-menu-item > a:active,
.main-navigation .nav-menu .current_page_item > a:hover,
.main-navigation .nav-menu .current_page_item > a:focus-visible,
.main-navigation .nav-menu .current_page_item > a:active,
.site-footer__menu .current-menu-item > a:hover,
.site-footer__menu .current-menu-item > a:focus-visible,
.site-footer__menu .current-menu-item > a:active,
.site-footer__menu .current_page_item > a:hover,
.site-footer__menu .current_page_item > a:focus-visible,
.site-footer__menu .current_page_item > a:active {
	color: var(--nav-link-color-hover, var(--link-color-hover));
}

/* Card links (services, projects) */
.servicio-card__link,
.proyecto-card__link {
	text-decoration: none;
}

.servicio-card__link .servicio-card__title,
.servicio-card__title,
.section-dark .servicio-card__link .servicio-card__title,
.section-dark .servicio-card__title {
	color: var(--servicio-title-color, var(--link-color));
	transition: color 0.2s ease;
}

.servicio-card__link:hover .servicio-card__title,
.servicio-card__link:focus-visible .servicio-card__title,
.servicio-card__link:active .servicio-card__title,
.section-dark .servicio-card__link:hover .servicio-card__title,
.section-dark .servicio-card__link:focus-visible .servicio-card__title,
.section-dark .servicio-card__link:active .servicio-card__title {
	color: var(--link-color-hover);
	text-decoration: none;
}

.servicio-card__link:hover .servicio-card__title-dot,
.servicio-card__link:focus-visible .servicio-card__title-dot,
.section-dark .servicio-card__link:hover .servicio-card__title-dot,
.section-dark .servicio-card__link:focus-visible .servicio-card__title-dot {
	color: var(--servicio-title-dot-color, var(--link-color-hover));
}

/* Text CTA links on dark sections */
.section-dark .button--accent,
.site-main.front-page .front-page__services .services__cta .button--accent {
	color: var(--link-color);
}

.section-dark .button--accent:hover,
.section-dark .button--accent:focus-visible,
.section-dark .button--accent:active,
.site-main.front-page .front-page__services .services__cta .button--accent:hover,
.site-main.front-page .front-page__services .services__cta .button--accent:focus-visible,
.site-main.front-page .front-page__services .services__cta .button--accent:active {
	color: var(--link-color-hover);
	opacity: 1;
	transform: none;
	text-decoration: none;
}

/* Text CTA links on light sections */
.section-light .button--accent-light {
	color: var(--link-color-light);
}

.section-light .button--accent-light:hover,
.section-light .button--accent-light:focus-visible {
	color: var(--link-color-light-hover);
	text-decoration: none;
}

.section-light .button--accent-light::after {
	transition: transform 0.2s ease;
}

.section-light .button--accent-light:hover::after,
.section-light .button--accent-light:focus-visible::after {
	transform: translateX(3px);
}