/*
 * El Mercante – Estilo Visual
 * Capa global de coherencia — v0.4.2
 *
 * Aplica SOLO a elementos compartidos del sitio:
 * - navegador superior
 * - botón "POR QUÉ EL MERCANTE"
 * - botón "BOTÓN DE ARREPENTIMIENTO"
 *
 * No modifica contenidos, formularios, productos, WooCommerce,
 * Dokan, pagos, operaciones ni lógica.
 *
 * Mis Publicaciones (/dashboard-2/products/) queda excluida.
 */

body.em-visual-global {
    --em-global-ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --em-global-violeta: #5e32a2;
}

/* =========================================================
   NAVEGADOR SUPERIOR — mismo aspecto en TODAS las páginas
   ========================================================= */

body.em-visual-global header.wp-block-template-part .wp-block-navigation,
body.em-visual-global header.wp-block-template-part .wp-block-navigation *,
body.em-visual-global header.wp-block-template-part .wp-block-navigation-item__content,
body.em-visual-global header.wp-block-template-part nav a {
    font-family: var(--em-global-ui-font) !important;
    font-style: normal !important;
    letter-spacing: 0 !important;
}

body.em-visual-global header.wp-block-template-part .wp-block-navigation-item__content,
body.em-visual-global header.wp-block-template-part nav a {
    color: var(--em-global-violeta) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

/* =========================================================
   FOOTER — POR QUÉ EL MERCANTE
   Fondo violeta + letras blancas en todo el sitio.
   Se identifica por destino, no por página.
   ========================================================= */

body.em-visual-global footer.wp-block-template-part a[href*="/por-que-el-mercante"],
body.em-visual-global footer.wp-block-template-part a[href*="/por-que-el-mercante/"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--em-global-violeta) !important;
    background-color: var(--em-global-violeta) !important;
    color: #ffffff !important;
    border: 1px solid var(--em-global-violeta) !important;
    border-radius: 999px !important;
    padding: 11px 18px !important;
    font-family: var(--em-global-ui-font) !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body.em-visual-global footer.wp-block-template-part a[href*="/por-que-el-mercante"] * {
    color: #ffffff !important;
    font-family: var(--em-global-ui-font) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* =========================================================
   FOOTER — BOTÓN DE ARREPENTIMIENTO
   Mantiene el criterio aprobado: claro, violeta y limpio.
   ========================================================= */

body.em-visual-global footer.wp-block-template-part a[href*="/boton-de-arrepentimiento"],
body.em-visual-global footer.wp-block-template-part a[href*="/boton-de-arrepentimiento/"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    color: var(--em-global-violeta) !important;
    border: 1px solid rgba(94, 50, 162, 0.22) !important;
    border-radius: 10px !important;
    padding: 11px 16px !important;
    font-family: var(--em-global-ui-font) !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body.em-visual-global footer.wp-block-template-part a[href*="/boton-de-arrepentimiento"] * {
    color: var(--em-global-violeta) !important;
    font-family: var(--em-global-ui-font) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Móvil: no se agrandan los controles */
@media (max-width: 782px) {
    body.em-visual-global footer.wp-block-template-part a[href*="/por-que-el-mercante"],
    body.em-visual-global footer.wp-block-template-part a[href*="/boton-de-arrepentimiento"] {
        font-size: 15px !important;
    }
}