/**
 * eMAG — Folha de Alto Contraste (Seção 4.2)
 * Fundo: #000 | Texto: #FFF | Links: #FFF333 (amarelo sublinhado)
 * Contraste mínimo: 7:1
 */

body.emag-alto-contraste,
body.emag-alto-contraste *:not(img, video, iframe, svg, canvas, .emag-skip-link, rs-module-wrap, rs-module-wrap *, .rev_slider_wrapper, .rev_slider_wrapper *, sr7-module, sr7-module *) {
    background-color: #000 !important;
    color: #FFF !important;
    border-color: #FFF !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

/* Removida a proteção com revert, pois ela destruía as inline-styles essenciais do Slider Revolution. O novo seletor :not() acima já os isola. */

body.emag-alto-contraste [style*="background"]:not(
    rs-module-wrap, rs-module-wrap *,
    .rev_slider_wrapper, .rev_slider_wrapper *,
    sr7-module, sr7-module *
),
body.emag-alto-contraste .wrapper, body.emag-alto-contraste .wrapper_inner,
body.emag-alto-contraste .content, body.emag-alto-contraste .content_inner,
body.emag-alto-contraste header, body.emag-alto-contraste footer,
body.emag-alto-contraste nav, body.emag-alto-contraste .header_top_bottom_holder,
body.emag-alto-contraste .header_inner, body.emag-alto-contraste section,
body.emag-alto-contraste .wpb_row, body.emag-alto-contraste .vc_row,
body.emag-alto-contraste .vc_column_container, body.emag-alto-contraste .wpb_column,
body.emag-alto-contraste .vc_column-inner, body.emag-alto-contraste .paspartu_outer,
body.emag-alto-contraste .paspartu_inner, body.emag-alto-contraste .footer_inner {
    /* background-image: none !important; REMOVIDO para não apagar banners */
    background-color: rgba(0, 0, 0, 0.8) !important;
    background-blend-mode: multiply !important;
}

body.emag-alto-contraste a, body.emag-alto-contraste a:visited {
    color: #FFF333 !important;
    text-decoration: underline !important;
}
body.emag-alto-contraste a:hover, body.emag-alto-contraste a:active {
    color: #FFF333 !important;
    outline: 1px solid #FFF333 !important;
}

body.emag-alto-contraste .emag-accessibility-bar a,
body.emag-alto-contraste .emag-accessibility-bar button { color: #FFF !important; }
body.emag-alto-contraste .emag-accessibility-bar a:hover,
body.emag-alto-contraste .emag-accessibility-bar button:hover { color: #FFF333 !important; }

body.emag-alto-contraste h1, body.emag-alto-contraste h2,
body.emag-alto-contraste h3, body.emag-alto-contraste h4,
body.emag-alto-contraste h5, body.emag-alto-contraste h6 { color: #FFF !important; }

body.emag-alto-contraste button, body.emag-alto-contraste input[type="button"],
body.emag-alto-contraste input[type="submit"], body.emag-alto-contraste .qode-btn,
body.emag-alto-contraste .qbutton {
    background-color: #333 !important; color: #FFF !important; border: 2px solid #FFF !important;
}
body.emag-alto-contraste button:hover, body.emag-alto-contraste input[type="submit"]:hover,
body.emag-alto-contraste .qode-btn:hover, body.emag-alto-contraste .qbutton:hover {
    background-color: #FFF !important; color: #000 !important;
}

body.emag-alto-contraste input, body.emag-alto-contraste textarea,
body.emag-alto-contraste select {
    background-color: #1a1a1a !important; color: #FFF !important; border: 2px solid #FFF !important;
}
body.emag-alto-contraste input::placeholder,
body.emag-alto-contraste textarea::placeholder { color: #CCC !important; }

body.emag-alto-contraste table, body.emag-alto-contraste th,
body.emag-alto-contraste td { border: 1px solid #FFF !important; }
body.emag-alto-contraste th { background-color: #222 !important; }
body.emag-alto-contraste hr { border-color: #FFF !important; background-color: #FFF !important; }

body.emag-alto-contraste svg, body.emag-alto-contraste svg path,
body.emag-alto-contraste svg circle, body.emag-alto-contraste svg rect {
    fill: #FFF !important; stroke: #FFF !important;
}
body.emag-alto-contraste i, body.emag-alto-contraste [class*="icon-"],
body.emag-alto-contraste [class*="fa-"] { color: #FFF !important; }

body.emag-alto-contraste .emag-accessibility-bar {
    background-color: #111 !important; border-bottom: 2px solid #FFF !important;
}
body.emag-alto-contraste .emag-contrast-btn::after { content: " ✓"; color: #FFF333; }
/* Imagens em alto contraste: escala de cinza e aumento de contraste.
   Exclui imagens DENTRO do Slider Revolution (SR6 + SR7) para preservar os banners. */
body.emag-alto-contraste img:not(
    rs-module-wrap *, .rev_slider_wrapper *,
    sr7-module *
), 
body.emag-alto-contraste video:not(
    rs-module-wrap *, .rev_slider_wrapper *,
    sr7-module *
) { 
    background-color: #FFF !important;
    padding: 2px !important;
    border-radius: 4px !important;
    filter: grayscale(100%) contrast(150%) !important; 
}

/* Isolamento total do Slider Revolution em alto contraste:
   Cobre SR6 (rs-module-wrap) e SR7 (sr7-module).
   Garante que nenhuma regra de contraste vaze para dentro do slider. */
body.emag-alto-contraste rs-module-wrap,
body.emag-alto-contraste rs-module-wrap *,
body.emag-alto-contraste .rev_slider_wrapper,
body.emag-alto-contraste .rev_slider_wrapper *,
body.emag-alto-contraste sr7-module,
body.emag-alto-contraste sr7-module * {
    background-color: unset !important;
    color: unset !important;
    border-color: unset !important;
    text-shadow: unset !important;
    box-shadow: unset !important;
    filter: none !important;
}

body.emag-alto-contraste .qode_slider_preloader,
body.emag-alto-contraste .ajax_loader { display: none !important; }

body.emag-alto-contraste .header_bottom, body.emag-alto-contraste .header_top,
body.emag-alto-contraste .sticky_header, body.emag-alto-contraste .footer_top,
body.emag-alto-contraste .footer_bottom, body.emag-alto-contraste .logo_wrapper {
    background-color: #000 !important; border-color: #FFF !important;
}

body.emag-alto-contraste .main_menu > ul > li > a { color: #FFF !important; }
body.emag-alto-contraste .main_menu > ul > li > a:hover { color: #FFF333 !important; }

/* Menu mobile em alto contraste */
body.emag-alto-contraste nav.mobile_menu { background-color: #000 !important; border-color: #FFF !important; }
body.emag-alto-contraste nav.mobile_menu ul li a { color: #FFF333 !important; text-decoration: underline !important; }
body.emag-alto-contraste nav.mobile_menu ul li a:hover,
body.emag-alto-contraste nav.mobile_menu ul li a:focus { color: #FFF !important; background-color: #333 !important; }
body.emag-alto-contraste nav.mobile_menu ul li { border-color: #555 !important; }
body.emag-alto-contraste .mobile_menu_button span,
body.emag-alto-contraste .mobile_menu_button i { color: #FFF !important; }