/**
 * Telefone canónico +351 224 631 400, por zona.
 * Não altera o número, o href tel: nem wa.me.
 * Sem a[href^="tel:"] / a[href*="224631400"] sem ancestral.
 * WhatsApp do footer: css/footer-social.css.
 *
 * Wrappers locais: #masthead / #ast-mobile-header, .site-footer,
 * body.ua-contacto (PT /contacto/ + traduções).
 */

:root {
	--ua-tel-on-dark: #ffffff;
	--ua-tel-hover: var(--ast-global-color-0, #00a5cf);
}

/* -------------------------------------------------------------------------
 * Header e hamburger (fundo escuro): branco. Hover = ciano da marca. B2.
 * ----------------------------------------------------------------------- */

body.ast-theme-transparent-header #masthead a[href^="tel:"],
body.ast-theme-transparent-header #ast-desktop-header a[href^="tel:"],
#ast-mobile-header .ast-primary-header-bar a[href^="tel:"],
#ast-mobile-header .ast-mobile-header-wrap > .ast-main-header-wrap a[href^="tel:"] {
	color: var(--ua-tel-on-dark);
}

body.ast-theme-transparent-header #masthead a[href^="tel:"]:hover,
body.ast-theme-transparent-header #masthead a[href^="tel:"]:focus,
body.ast-theme-transparent-header #ast-desktop-header a[href^="tel:"]:hover,
body.ast-theme-transparent-header #ast-desktop-header a[href^="tel:"]:focus,
#ast-mobile-header .ast-primary-header-bar a[href^="tel:"]:hover,
#ast-mobile-header .ast-primary-header-bar a[href^="tel:"]:focus,
#ast-mobile-header .ast-mobile-header-wrap > .ast-main-header-wrap a[href^="tel:"]:hover,
#ast-mobile-header .ast-mobile-header-wrap > .ast-main-header-wrap a[href^="tel:"]:focus {
	color: var(--ua-tel-hover);
}

/* Off-canvas (fundo claro): herda o texto do menu. Hover = ciano. */
#ast-mobile-header .ast-mobile-header-content a[href^="tel:"],
#ast-hf-menu-1-mobile a[href^="tel:"],
#primary-site-navigation-mobile a[href^="tel:"],
#ast-mobile-popup a[href^="tel:"] {
	color: inherit;
}

#ast-mobile-header .ast-mobile-header-content a[href^="tel:"]:hover,
#ast-mobile-header .ast-mobile-header-content a[href^="tel:"]:focus,
#ast-mobile-popup a[href^="tel:"]:hover,
#ast-mobile-popup a[href^="tel:"]:focus {
	color: var(--ua-tel-hover);
}

/* -------------------------------------------------------------------------
 * Footer (fundo claro): mesma cor do texto do footer, não azul.
 * Hover = ciano da marca. Não os ícones wa.me.
 * ----------------------------------------------------------------------- */

.site-footer .ua-telefone,
.site-footer a[href^="tel:"] {
	color: inherit;
}

.site-footer a[href^="tel:"]:hover,
.site-footer a[href^="tel:"]:focus,
.site-footer a[href^="tel:"]:hover .ua-telefone,
.site-footer a[href^="tel:"]:focus .ua-telefone,
.site-footer .ua-telefone:hover,
.site-footer .ua-telefone:focus {
	color: var(--ua-tel-hover);
}

/* -------------------------------------------------------------------------
 * /contacto/ e traduções (body.ua-contacto): número do bloco principal
 * sobre fundo escuro = branco. Hover = ciano. Não pinta o footer nem
 * um segundo número em cartão claro.
 * ----------------------------------------------------------------------- */

body.ua-contacto .elementor-element.elementor-element-3dee6c2 .elementor-icon-list-text,
body.ua-contacto .elementor-element.elementor-element-3dee6c2 .elementor-icon-list-item > a {
	color: var(--ua-tel-on-dark);
}

body.ua-contacto .elementor-element.elementor-element-3dee6c2 .elementor-icon-list-icon i,
body.ua-contacto .elementor-element.elementor-element-3dee6c2 .elementor-icon-list-icon svg {
	color: var(--ua-tel-on-dark);
	fill: var(--ua-tel-on-dark);
}

body.ua-contacto .elementor-element.elementor-element-3dee6c2 a:hover,
body.ua-contacto .elementor-element.elementor-element-3dee6c2 a:focus,
body.ua-contacto .elementor-element.elementor-element-3dee6c2 .elementor-icon-list-item:hover .elementor-icon-list-text {
	color: var(--ua-tel-hover);
}

body.ua-contacto .elementor-element.elementor-element-3dee6c2 .elementor-icon-list-item:hover .elementor-icon-list-icon i,
body.ua-contacto .elementor-element.elementor-element-3dee6c2 a:hover .elementor-icon-list-icon i,
body.ua-contacto .elementor-element.elementor-element-3dee6c2 a:focus .elementor-icon-list-icon i {
	color: var(--ua-tel-hover);
}

body.ua-contacto .elementor-element.elementor-element-3dee6c2 .elementor-icon-list-item:hover .elementor-icon-list-icon svg,
body.ua-contacto .elementor-element.elementor-element-3dee6c2 a:hover .elementor-icon-list-icon svg,
body.ua-contacto .elementor-element.elementor-element-3dee6c2 a:focus .elementor-icon-list-icon svg {
	fill: var(--ua-tel-hover);
}

/* WhatsApp no painel escuro do Contacto (não o footer). */
body.ua-contacto .elementor-element.elementor-element-8015121 a[href*="wa.me"] svg {
	fill: var(--ua-tel-on-dark);
}

body.ua-contacto .elementor-element.elementor-element-8015121 a[href*="wa.me"]:hover svg,
body.ua-contacto .elementor-element.elementor-element-8015121 a[href*="wa.me"]:focus svg {
	fill: var(--ua-tel-hover);
}

/* Home hero: WhatsApp `192c9e4` sobre vídeo / fundo escuro. */
body.home .elementor-element.elementor-element-192c9e4 a[href*="wa.me"] svg {
	fill: var(--ua-tel-on-dark);
}

body.home .elementor-element.elementor-element-192c9e4 a[href*="wa.me"]:hover svg,
body.home .elementor-element.elementor-element-192c9e4 a[href*="wa.me"]:focus svg {
	fill: var(--ua-tel-hover);
}