:root{--font-family-body: "Poppins", "Helvetica", "Arial", "sans-serif";--font-family-label: "Russo One", "Helvetica", "Arial", "sans-serif";--font-family-semi: "Russo One", "Helvetica", "Arial", "sans-serif";--font-family-title: "Russo One", "Helvetica", "Arial", "sans-serif";--color-a-hover: #b61424;--color-primary: #b61424;--color-secondary: #b61424;--bg-color-btn: #b61424;--bg-color-btn-hover: #b61424;--color-price: #b61424;--bg-color-label-new: #b61424;--bg-color-label-sale: #b61424;--ax-form-bi-width: 1px;--ax-form-btn-width: 1px;}@media (max-width: 767px){#box-product-grid .archive-wrapper-items{margin-left: calc(-10px/2);margin-right: calc(-10px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(10px/2);padding-right: calc(10px/2);margin-bottom: 10px;}}@media (min-width: 768px) and (max-width: 1024px){#box-product-grid .archive-wrapper-items{margin-left: calc(-20px/2);margin-right: calc(-20px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(20px/2);padding-right: calc(20px/2);margin-bottom: 20px;}}@media (min-width: 1025px) and (max-width: 1199px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (min-width: 1200px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (max-width: 767px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); max-width: calc(100%/2);}}@media (min-width: 768px) and (max-width: 1024px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); max-width: calc(100%/2);}}@media (min-width: 1025px) and (max-width: 1199px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/4); flex: 0 0 calc(100%/4); max-width: calc(100%/4);}}@media (min-width: 1200px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/4); flex: 0 0 calc(100%/4); max-width: calc(100%/4);}}@media (min-width: 1025px){.container{max-width:1440px;}}header.is-sticked.is-scroll-up #header-sticky, header.is-sticked.is-scroll-down #header-sticky{-webkit-transform: none; transform: none; visibility: visible; opacity: 1; pointer-events: all;}/* marquee */ /* Marquee styles */ .marquee { --gap: 10rem; position: relative; display: flex; overflow: hidden; gap: var(--gap); } .marquee__content { flex-shrink: 0; display: flex; justify-content: space-around; gap: var(--gap); min-width: 100%; padding: 0!important; margin: 0!important; } @keyframes scroll { from { transform: translateX(0); } to { transform: translateX(calc(-100% - var(--gap))); } } /* Pause animation when reduced-motion is set */ @media (prefers-reduced-motion: reduce) { .marquee__content { animation-play-state: paused !important; } } /* Enable animation */ .enable-animation .marquee__content { animation: scroll 10s linear infinite; } /* Pause on hover */ .marquee--hover-pause:hover .marquee__content { animation-play-state: paused; } /* Attempt to size parent based on content. Keep in mind that the parent width is equal to both content containers that stretch to fill the parent. */ .marquee--fit-content { max-width: fit-content; } /* A fit-content sizing fix: Absolute position the duplicate container. This will set the size of the parent wrapper to a single child container. Shout out to Olavi's article that had this solution 👏 @link: https://olavihaapala.fi/2021/02/23/modern-marquee.html */ .marquee--pos-absolute .marquee__content:last-child { position: absolute; top: 0; left: 0; } /* Enable position absolute animation on the duplicate content (last-child) */ .enable-animation .marquee--pos-absolute .marquee__content:last-child { animation-name: scroll-abs; } @keyframes scroll-abs { from { transform: translateX(calc(100% + var(--gap))); } to { transform: translateX(0); } } /* Other page demo styles */ .marquee__content > * { flex: 0 0 auto; font-size: 12px; text-transform: uppercase; color: white; margin: 2px; padding: 1rem 2rem; text-align: center; } .page-title .container { padding: 0; } .nrt_mega_menu .element_ul_depth_2 a, .nrt_mega_menu .nrtmenu_multi_level a { font-size: 12px; text-transform: uppercase; } .nrt_mega_menu .menu_sub, .nrt_mega_menu .element_ul_depth_2 .granditem_0>ul, .nrt_mega_menu .nrtmenu_multi_level ul { box-shadow: none; -webkit-box-shadow: none; border: 1px solid #d0d5db; } #wrapper-tab-product .product-description ul, #wrapper-tab-product .product-description ol, .product-short-description ul, .product-short-description ol, .decriptions-short ul, .decriptions-short ol { list-style-position: outside; } /* esconder imagens das categorias */ .page-title.page-title-layout-2 { background-image: none!important; } /* ========================================================================== OUTLET (escopo por ID/slug) – tema escuro base, cabeçalho, grelha, filtros ========================================================================== */ /* Paleta e fundo/cores principais quando a página pertence à OUTLET */ body.category-id-226, body.category-outlet { --outlet-bg: #000; --outlet-ink: #fff; --outlet-accent: #ff4040; background: var(--outlet-bg) !important; color: var(--outlet-ink) !important; } /* Espaçamento do conteúdo principal */ body.category-id-226 #main, body.category-outlet #main { padding-top: 12px; } /* Cabeçalho normal e sticky: fundo e sombras */ body.category-id-226 #header, body.category-outlet #header { background: #0b0b0b !important; box-shadow: 0 2px 0 rgba(255,255,255,.04); } body.category-id-226 #header.is-sticked, body.category-outlet #header.is-sticked { box-shadow: 0 6px 16px rgba(0,0,0,.5); } /* Barra/fitas de promo (marquee) com cores da OUTLET */ body.category-id-226 .marquee__content > *, body.category-outlet .marquee__content > * { color: var(--outlet-ink) !important; background: #0c0c0c !important; border-color: #222 !important; } /* Megamenu e navegação (topo) */ body.category-id-226 .header-nav, body.category-outlet .header-nav { background: #0c0c0c !important; } body.category-id-226 .menu-horizontal .item-level-0 > a, body.category-outlet .menu-horizontal .item-level-0 > a { color: #fff !important; padding: 10px 14px; } /* Ícones (pesquisa/conta/carrinho) no header */ body.category-id-226 .btn-canvas i, body.category-outlet .btn-canvas i { color: #fff !important; } /* Cartões da grelha de produtos */ body.category-id-226 .product-miniature, body.category-outlet .product-miniature { background: #111 !important; border: 1px solid #222 !important; border-radius: 6px; } body.category-id-226 .product-title a, body.category-outlet .product-title a { color: #fff !important; } body.category-id-226 .price, body.category-outlet .price { color: var(--outlet-accent) !important; font-weight: 700; } body.category-id-226 .discount-percentage, body.category-outlet .discount-percentage { background: var(--outlet-accent) !important; color: #fff !important; border-radius: 4px; padding: 2px 6px; } /* Filtros e facetas (cores e fundos) */ body.category-id-226 .facet, body.category-id-226 .facet-title, body.category-id-226 .facet-label, body.category-outlet .facet, body.category-outlet .facet-title, body.category-outlet .facet-label { color: #fff !important; } body.category-id-226 .facet-container, body.category-outlet .facet-container { background: #0d0d0d !important; border-color: #222 !important; } /* Paginação (estado normal e current) */ body.category-id-226 .pagination .page-list li a, body.category-outlet .pagination .page-list li a { color: #fff !important; border-color: #333 !important; } body.category-id-226 .pagination .page-list li.current a, body.category-outlet .pagination .page-list li.current a { background: var(--outlet-accent) !important; border-color: var(--outlet-accent) !important; color: #fff !important; } /* =================== /OUTLET =================== */ /* ========================================================================== OUTLET – bloco repetido (mantido para preservar cascade e compatibilidade) ========================================================================== */ /* Paleta e fundo/cores principais (repetido) */ body.category-id-226, body.category-outlet { --outlet-bg: #000; --outlet-ink: #fff; --outlet-accent: #ff4040; background: var(--outlet-bg) !important; color: var(--outlet-ink) !important; } /* Espaçamento do conteúdo principal (repetido) */ body.category-id-226 #main, body.category-outlet #main { padding-top: 12px; } /* Cabeçalho normal e sticky (repetido) */ body.category-id-226 #header, body.category-outlet #header { background: #0b0b0b !important; box-shadow: 0 2px 0 rgba(255,255,255,.04); } body.category-id-226 #header.is-sticked, body.category-outlet #header.is-sticked { box-shadow: 0 6px 16px rgba(0,0,0,.5); } /* Marquee com cores da OUTLET (repetido) */ body.category-id-226 .marquee__content > *, body.category-outlet .marquee__content > * { color: var(--outlet-ink) !important; background: #0c0c0c !important; border-color: #222 !important; } /* Megamenu e navegação (repetido) */ body.category-id-226 .header-nav, body.category-outlet .header-nav { background: #0c0c0c !important; } body.category-id-226 .menu-horizontal .item-level-0 > a, body.category-outlet .menu-horizontal .item-level-0 > a { color: #fff !important; padding: 10px 14px; } /* Ícones do header (repetido) */ body.category-id-226 .btn-canvas i, body.category-outlet .btn-canvas i { color: #fff !important; } /* Grelha de produtos (parcialmente repetido) */ body.category-id-226 .product-miniature, body.category-outlet .product-miniature { background: #111 !important; border: 1px solid #222 !important; border-radius: 6px; } body.category-id-226 .price, body.category-outlet .price { color: var(--outlet-accent) !important; font-weight: 700; } body.category-id-226 .discount-percentage, body.category-outlet .discount-percentage { background: var(--outlet-accent) !important; color: #fff !important; border-radius: 4px; padding: 2px 6px; } /* Filtros e facetas (repetido) */ body.category-id-226 .facet, body.category-id-226 .facet-title, body.category-id-226 .facet-label, body.category-outlet .facet, body.category-outlet .facet-title, body.category-outlet .facet-label { color: #fff !important; } body.category-id-226 .facet-container, body.category-outlet .facet-container { background: #0d0d0d !important; border-color: #222 !important; } /* Paginação (repetido) */ body.category-id-226 .pagination .page-list li a, body.category-outlet .pagination .page-list li a { color: #fff !important; border-color: #333 !important; } body.category-id-226 .pagination .page-list li.current a, body.category-outlet .pagination .page-list li.current a { background: var(--outlet-accent) !important; border-color: var(--outlet-accent) !important; color: #fff !important; } /* =================== /OUTLET =================== */ /* ========================================================================== OUTLET – acréscimos de legibilidade e fundos (tipografia, wrappers, UI) ========================================================================== */ /* Texto a branco nas zonas comuns */ body.category-id-226 h1, body.category-id-226 h2, body.category-id-226 h3, body.category-id-226 h4, body.category-id-226 p, body.category-id-226 li, body.category-id-226 label, body.category-id-226 .page-title, body.category-id-226 .breadcrumb, body.category-id-226 .breadcrumb a, body.category-outlet h1, body.category-outlet h2, body.category-outlet h3, body.category-outlet h4, body.category-outlet p, body.category-outlet li, body.category-outlet label, body.category-outlet .page-title, body.category-outlet .breadcrumb, body.category-outlet .breadcrumb a { color:#fff !important; background:transparent !important; border-color:#222 !important; } /* Fundos pretos nos wrappers padrão do tema */ body.category-id-226 #wrapper, body.category-id-226 #content-wrapper, body.category-id-226 #content, body.category-id-226 .page-content, body.category-id-226 .columns-container, body.category-id-226 .layout-1-col, body.category-id-226 .container, body.category-id-226 .container-fluid, body.category-id-226 .products, body.category-id-226 .product_list, body.category-id-226 .block-category, body.category-outlet #wrapper, body.category-outlet #content-wrapper, body.category-outlet #content, body.category-outlet .page-content, body.category-outlet .columns-container, body.category-outlet .layout-1-col, body.category-outlet .container, body.category-outlet .container-fluid, body.category-outlet .products, body.category-outlet .product_list, body.category-outlet .block-category { background:#000 !important; border-color:#222 !important; } /* Barra de ordenação/vistas (logo abaixo do título) */ body.category-id-226 .products-selection, body.category-id-226 .sort-by-row, body.category-id-226 .js-product-list-top, body.category-id-226 .view-switcher, body.category-outlet .products-selection, body.category-outlet .sort-by-row, body.category-outlet .js-product-list-top, body.category-outlet .view-switcher { background:#0d0d0d !important; border:1px solid #222 !important; color:#fff !important; } body.category-id-226 .view-switcher .material-icons, body.category-outlet .view-switcher .material-icons { color:#fff !important; } /* Inputs/selects/caixa de pesquisa (toolbar & filtros) */ body.category-id-226 input[type="text"], body.category-id-226 input[type="search"], body.category-id-226 input[type="number"], body.category-id-226 select, body.category-id-226 .custom-select, body.category-outlet input[type="text"], body.category-outlet input[type="search"], body.category-outlet input[type="number"], body.category-outlet select, body.category-outlet .custom-select { background:#111 !important; border:1px solid #333 !important; color:#fff !important; } /* Primeira linha após o header */ body.category-id-226 #header + *, body.category-outlet #header + * { background:#000 !important; border-top-color:#111 !important; } /* Linha inferior do header (evitar “linha branca”) */ body.category-id-226 #header, body.category-outlet #header { border-bottom:1px solid #111 !important; } /* ========================================================================== OUTLET — MegaMenu (dropdowns e links) – tema escuro ========================================================================== */ /* Fundo do dropdown e remoção de sombras/bordas claras */ body.category-id-226 .nrt_mega_menu .menu_sub, body.category-id-226 .nrt_mega_menu .nrtmenu_multi_level, body.category-id-226 .nrt_mega_menu .element_ul_depth_2 .granditem_0>ul, body.category-outlet .nrt_mega_menu .menu_sub, body.category-outlet .nrt_mega_menu .nrtmenu_multi_level, body.category-outlet .nrt_mega_menu .element_ul_depth_2 .granditem_0>ul { background:#000 !important; border:1px solid #111 !important; box-shadow:none !important; -webkit-box-shadow:none !important; } /* Links e títulos dentro do mega menu */ body.category-id-226 .nrt_mega_menu .menu_sub a, body.category-outlet .nrt_mega_menu .menu_sub a { color:#eaeaea !important; } body.category-id-226 .nrt_mega_menu .menu_sub a:hover, body.category-outlet .nrt_mega_menu .menu_sub a:hover { color:#fff !important; } body.category-id-226 .nrt_mega_menu .menu_sub .title, body.category-outlet .nrt_mega_menu .menu_sub .title { color:#bdbdbd !important; } /* Eliminar moldura branca exterior do dropdown */ body.category-id-226 .nrt_mega_menu .menu_sub:before, body.category-id-226 .nrt_mega_menu .menu_sub:after, body.category-outlet .nrt_mega_menu .menu_sub:before, body.category-outlet .nrt_mega_menu .menu_sub:after { display:none !important; } /* ========================================================================== OUTLET — Sticky Header: mesma paleta do header normal ========================================================================== */ /* Variáveis para o header (normal + sticky) */ body.category-id-226, body.category-outlet { --hdr-bg: #0b0b0b; /* fundo header normal */ --hdr-fg: #ffffff; /* texto/links header normal */ --hdr-fg-dim: #eaeaea; /* hover/estado atenuado */ --hdr-line: #111; /* linha inferior do header */ --hdr-active-bar: #000; /* barra de seleção/active sob o item */ } /* Sticky herda exatamente as mesmas cores */ body.category-id-226 #header.is-sticky, body.category-id-226 #header.is-sticked, body.category-id-226 .nrt_header.is-sticky, body.category-id-226 .nrt_header.is-sticked, body.category-outlet #header.is-sticky, body.category-outlet #header.is-sticked, body.category-outlet .nrt_header.is-sticky, body.category-outlet .nrt_header.is-sticked { background: var(--hdr-bg) !important; color: var(--hdr-fg) !important; border-bottom: 1px solid var(--hdr-line) !important; } body.category-id-226 #header.is-sticky .header-top, body.category-id-226 #header.is-sticky .header-middle, body.category-id-226 #header.is-sticky .header-bottom, body.category-id-226 #header.is-sticked .header-top, body.category-id-226 #header.is-sticked .header-middle, body.category-id-226 #header.is-sticked .header-bottom, body.category-outlet #header.is-sticky .header-top, body.category-outlet #header.is-sticky .header-middle, body.category-outlet #header.is-sticky .header-bottom, body.category-outlet #header.is-sticked .header-top, body.category-outlet #header.is-sticked .header-middle, body.category-outlet #header.is-sticked .header-bottom { background: var(--hdr-bg) !important; } /* Links/menus no sticky */ body.category-id-226 #header.is-sticky a, body.category-id-226 #header.is-sticked a, body.category-outlet #header.is-sticky a, body.category-outlet #header.is-sticked a { color: var(--hdr-fg) !important; } body.category-id-226 #header.is-sticky a:hover, body.category-id-226 #header.is-sticked a:hover, body.category-outlet #header.is-sticky a:hover, body.category-outlet #header.is-sticked a:hover { color: var(--hdr-fg-dim) !important; } /* Ícones e SVGs no sticky */ body.category-id-226 #header.is-sticky i, body.category-id-226 #header.is-sticked i, body.category-outlet #header.is-sticky i, body.category-outlet #header.is-sticked i { color: var(--hdr-fg) !important; opacity: .95; } body.category-id-226 #header.is-sticky svg, body.category-id-226 #header.is-sticked svg, body.category-outlet #header.is-sticky svg, body.category-outlet #header.is-sticked svg { color: var(--hdr-fg) !important; fill: var(--hdr-fg) !important; stroke: var(--hdr-fg) !important; } /* Botão hamburger no sticky */ body.category-id-226 #header.is-sticky .nrt-burger span, body.category-id-226 #header.is-sticked .nrt-burger span, body.category-outlet #header.is-sticky .nrt-burger span, body.category-outlet #header.is-sticked .nrt-burger span { background: var(--hdr-fg) !important; } /* Barra de seleção e estados current/open */ body.category-id-226 #header.is-sticky .menu-horizontal .item-level-0 > a, body.category-id-226 #header.is-sticked .menu-horizontal .item-level-0 > a, body.category-outlet #header.is-sticky .menu-horizontal .item-level-0 > a, body.category-outlet #header.is-sticked .menu-horizontal .item-level-0 > a { border-bottom-color: var(--hdr-active-bar) !important; } body.category-id-226 #header.is-sticky .menu-horizontal .item-level-0 > a:after, body.category-id-226 #header.is-sticked .menu-horizontal .item-level-0 > a:after, body.category-outlet #header.is-sticky .menu-horizontal .item-level-0 > a:after, body.category-outlet #header.is-sticked .menu-horizontal .item-level-0 > a:after, body.category-id-226 #header.is-sticky .menu-horizontal .item-level-0 > a:before, body.category-id-226 #header.is-sticked .menu-horizontal .item-level-0 > a:before, body.category-outlet #header.is-sticky .menu-horizontal .item-level-0 > a:before, body.category-outlet #header.is-sticked .menu-horizontal .item-level-0 > a:before { background: var(--hdr-active-bar) !important; border-color: var(--hdr-active-bar) !important; } body.category-id-226 #header.is-sticky .menu-horizontal > li.current > a, body.category-outlet #header.is-sticky .menu-horizontal > li.current > a, body.category-id-226 #header.is-sticked .menu-horizontal > li.current > a, body.category-outlet #header.is-sticked .menu-horizontal > li.current > a { color: var(--hdr-fg) !important; border-bottom-color: var(--hdr-active-bar) !important; } /* MegaMenu dentro do sticky (mesmas cores) */ body.category-id-226 #header.is-sticky .nrt_mega_menu .menu_sub, body.category-id-226 #header.is-sticked .nrt_mega_menu .menu_sub, body.category-outlet #header.is-sticky .nrt_mega_menu .menu_sub, body.category-outlet #header.is-sticked .nrt_mega_menu .menu_sub { background:#000 !important; border:1px solid #111 !important; box-shadow:none !important; } /* Badges do carrinho no sticky */ body.category-id-226 #header.is-sticky .cart-products-count, body.category-id-226 #header.is-sticked .cart-products-count, body.category-outlet #header.is-sticky .cart-products-count, body.category-outlet #header.is-sticked .cart-products-count { background:#fff !important; color:#000 !important; border:1px solid rgba(0,0,0,.15) !important; } /* Placeholders do sticky (evitar “saltos” de layout) */ body.category-id-226 .nrt_header_placeholder, body.category-id-226 .header-sticky-placeholder, body.category-id-226 .header-sticky-holder, body.category-outlet .nrt_header_placeholder, body.category-outlet .header-sticky-placeholder, body.category-outlet .header-sticky-holder { background: var(--hdr-bg) !important; border: 0 !important; } /* Variações extra (Akira) e barra ativa no menu */ body.category-id-226 #header.is-sticky .nrt_menu > li > a, body.category-outlet #header.is-sticky .nrt_menu > li > a, body.category-id-226 #header.is-sticked .nrt_menu > li > a, body.category-outlet #header.is-sticked .nrt_menu > li > a { color: var(--hdr-fg) !important; } body.category-id-226 #header.is-sticky .nrt_menu > li.current > a:after, body.category-outlet #header.is-sticky .nrt_menu > li.current > a:after, body.category-id-226 #header.is-sticked .nrt_menu > li.current > a:after, body.category-outlet #header.is-sticked .nrt_menu > li.current > a:after { background: var(--hdr-active-bar) !important; border-color: var(--hdr-active-bar) !important; } /* Elementor dentro do header quando sticky */ body.category-id-226 #header.is-sticky .elementor-top-section, body.category-id-226 #header.is-sticked .elementor-top-section, body.category-outlet #header.is-sticky .elementor-top-section, body.category-outlet #header.is-sticked .elementor-top-section, body.category-id-226 #header.is-sticky .elementor-section, body.category-id-226 #header.is-sticked .elementor-section, body.category-outlet #header.is-sticky .elementor-section, body.category-outlet #header.is-sticked .elementor-section, body.category-id-226 #header.is-sticky .elementor-container, body.category-id-226 #header.is-sticked .elementor-container, body.category-outlet #header.is-sticky .elementor-container, body.category-outlet #header.is-sticked .elementor-container, body.category-id-226 #header.is-sticky .elementor-row, body.category-id-226 #header.is-sticked .elementor-row, body.category-outlet #header.is-sticky .elementor-row, body.category-outlet #header.is-sticked .elementor-row, body.category-id-226 #header.is-sticky .elementor-column, body.category-id-226 #header.is-sticked .elementor-column, body.category-outlet #header.is-sticky .elementor-column, body.category-outlet #header.is-sticked .elementor-column, body.category-id-226 #header.is-sticky .elementor-column-wrap, body.category-id-226 #header.is-sticked .elementor-column-wrap, body.category-outlet #header.is-sticky .elementor-column-wrap, body.category-outlet #header.is-sticked .elementor-column-wrap, body.category-id-226 #header.is-sticky .elementor-widget-wrap, body.category-id-226 #header.is-sticked .elementor-widget-wrap, body.category-outlet #header.is-sticky .elementor-widget-wrap, body.category-outlet #header.is-sticked .elementor-widget-wrap { background: var(--hdr-bg) !important; color: var(--hdr-fg) !important; } /* Textos/ícones de widgets Elementor no sticky */ body.category-id-226 #header.is-sticky .elementor a, body.category-outlet #header.is-sticky .elementor a, body.category-id-226 #header.is-sticky .elementor i, body.category-outlet #header.is-sticky .elementor i, body.category-id-226 #header.is-sticky .elementor .elementor-icon, body.category-outlet #header.is-sticky .elementor .elementor-icon, body.category-id-226 #header.is-sticky .elementor .elementor-icon-list-text, body.category-outlet #header.is-sticky .elementor .elementor-icon-list-text, body.category-id-226 #header.is-sticked .elementor a, body.category-outlet #header.is-sticked .elementor a, body.category-id-226 #header.is-sticked .elementor i, body.category-outlet #header.is-sticked .elementor i, body.category-id-226 #header.is-sticked .elementor .elementor-icon, body.category-outlet #header.is-sticked .elementor .elementor-icon, body.category-id-226 #header.is-sticked .elementor .elementor-icon-list-text, body.category-outlet #header.is-sticked .elementor .elementor-icon-list-text { color: var(--hdr-fg) !important; fill: var(--hdr-fg) !important; stroke: var(--hdr-fg) !important; } /* Botões canvas e contadores no sticky */ body.category-id-226 #header.is-sticky .btn-canvas, body.category-outlet #header.is-sticky .btn-canvas, body.category-id-226 #header.is-sticked .btn-canvas, body.category-outlet #header.is-sticked .btn-canvas { color: var(--hdr-fg) !important; } body.category-id-226 #header.is-sticky .btn-canvas .cart-nbr, body.category-outlet #header.is-sticky .btn-canvas .cart-nbr, body.category-id-226 #header.is-sticked .btn-canvas .cart-nbr, body.category-outlet #header.is-sticked .btn-canvas .cart-nbr { background:#fff !important; color:#000 !important; } /* Dropdown idiomas/moeda no sticky */ body.category-id-226 #header.is-sticky .axps-dropdown-toggle, body.category-outlet #header.is-sticky .axps-dropdown-toggle, body.category-id-226 #header.is-sticked .axps-dropdown-toggle, body.category-outlet #header.is-sticked .axps-dropdown-toggle { background: transparent !important; color: var(--hdr-fg) !important; } body.category-id-226 #header.is-sticky .axps-dropdown-menu, body.category-outlet #header.is-sticky .axps-dropdown-menu, body.category-id-226 #header.is-sticked .axps-dropdown-menu, body.category-outlet #header.is-sticked .axps-dropdown-menu { background:#000 !important; color:#fff !important; border:1px solid #111 !important; } /* ========================================================================== Produtos – legibilidade e estados de links/títulos/flags ========================================================================== */ /* Marcas/fabricante */ body.category-id-226 .product-brand, body.category-id-226 .manufacturer_name, body.category-id-226 .manufacturer a, body.category-outlet .product-brand, body.category-outlet .manufacturer_name, body.category-outlet .manufacturer a { color:#f0f0f0 !important; } /* Títulos e separadores */ body.category-id-226 .product-title a, body.category-outlet .product-title a { color:#fff !important; } body.category-id-226 hr, body.category-outlet hr { border-color:#222 !important; } /* Títulos de produto (variações de classes suportadas) */ body.category-id-226 .product-miniature .product_name a, body.category-id-226 .product-miniature .product-title a, body.category-outlet .product-miniature .product_name a, body.category-outlet .product-miniature .product-title a{ color:#fff !important; } body.category-id-226 .product-miniature .product_name a:hover, body.category-id-226 .product-miniature .product-title a:hover, body.category-outlet .product-miniature .product_name a:hover, body.category-outlet .product-miniature .product-title a:hover{ color:#f5f5f5 !important; } /* Links de “linha” (família/categoria sob o título) */ body.category-id-226 .product-miniature .manufacturer a, body.category-id-226 .product-miniature .manufacturer_name a, body.category-id-226 .product-miniature .product-brand a, body.category-outlet .product-miniature .manufacturer a, body.category-outlet .product-miniature .manufacturer_name a, body.category-outlet .product-miniature .product-brand a { color:#eaeaea !important; } body.category-id-226 .product-miniature .manufacturer a:hover, body.category-id-226 .product-miniature .manufacturer_name a:hover, body.category-id-226 .product-miniature .product-brand a:hover, body.category-outlet .product-miniature .manufacturer a:hover, body.category-outlet .product-miniature .manufacturer_name a:hover, body.category-outlet .product-miniature .product-brand a:hover { color:#fff !important; } /* Título 100% branco e sem esbatimento */ body.category-id-226 .product-miniature .product_name, body.category-outlet .product-miniature .product_name, body.category-id-226 .product-miniature .product-title, body.category-outlet .product-miniature .product-title, body.category-id-226 .h3.product-title, body.category-outlet .h3.product-title { color:#fff !important; opacity:1 !important; } body.category-id-226 .product-miniature .product_name a, body.category-outlet .product-miniature .product_name a, body.category-id-226 .product-miniature .product-title a, body.category-outlet .product-miniature .product-title a, body.category-id-226 .h3.product-title a, body.category-outlet .h3.product-title a, body.category-id-226 .product-title a, body.category-outlet .product-title a{ color:#fff !important; opacity:1 !important; -webkit-text-fill-color:#fff; text-decoration:none !important; } /* Caso o tema aplique cinza no bloco de info */ body.category-id-226 .product-miniature .product-description, body.category-outlet .product-miniature .product-description { color:#fff !important; opacity:1 !important; } /* Reforço geral de legibilidade (títulos/links) */ body.category-id-226 .product-miniature .product_name a, body.category-outlet .product-miniature .product_name a, body.category-id-226 .product-miniature .product-title a, body.category-outlet .product-miniature .product-title a, body.category-id-226 .product-miniature .ax-product-cats a, body.category-outlet .product-miniature .ax-product-cats a { color:#ffffff !important; opacity:1 !important; font-weight:600 !important; text-shadow:0 0 1px rgba(255,255,255,0.3); -webkit-text-fill-color:#ffffff !important; } /* Links de categorias sob o nome */ body.category-id-226 .ax-product-cats a, body.category-outlet .ax-product-cats a { color:#eaeaea !important; } body.category-id-226 .ax-product-cats a:hover, body.category-outlet .ax-product-cats a:hover { color:#ffffff !important; } /* Selo MARKETPLACE */ body.category-id-226 .fmm_title_text_sticker .sticker-text, body.category-outlet .fmm_title_text_sticker .sticker-text { background-color:#000000 !important; color:#ffffff !important; border:1px solid #111 !important; font-weight:700 !important; opacity:1 !important; } body.category-id-226 .fmm_title_text_sticker .sticker-text i, body.category-outlet .fmm_title_text_sticker .sticker-text i { color:#ffffff !important; background:none !important; text-shadow:none !important; } /* Badge de percentagem de desconto */ body.category-id-226 .badge-desconto, body.category-outlet .badge-desconto { background:#ff4040 !important; color:#fff !important; font-weight:700 !important; border-radius:4px !important; padding:3px 6px !important; border:none !important; } /* “Em promoção!” a preto (todas as variantes do tema) */ body.category-id-226 .label-flags .label-flag.type-on-sale, body.category-outlet .label-flags .label-flag.type-on-sale, body.category-id-226 li.label-flag.type-on-sale, body.category-outlet li.label-flag.type-on-sale, body.category-id-226 .product-flags li.on-sale, body.category-outlet .product-flags li.on-sale, body.category-id-226 li.product-flag.on-sale, body.category-outlet li.product-flag.on-sale { background:#000 !important; color:#fff !important; border:1px solid #111 !important; box-shadow:none !important; border-radius:4px !important; } body.category-id-226 .label-flag.type-on-sale > span, body.category-outlet .label-flag.type-on-sale > span, body.category-id-226 .product-flags li.on-sale > span, body.category-outlet .product-flags li.on-sale > span { background:#000 !important; color:#fff !important; } body.category-id-226 .label-flag.type-on-sale:before, body.category-id-226 .label-flag.type-on-sale:after, body.category-outlet .label-flag.type-on-sale:before, body.category-outlet .label-flag.type-on-sale:after, body.category-id-226 .product-flags li.on-sale:before, body.category-id-226 .product-flags li.on-sale:after, body.category-outlet .product-flags li.on-sale:before, body.category-outlet .product-flags li.on-sale:after { background:#000 !important; border-color:#000 !important; } /* ========================================================================== Cronómetro global da OUTLET (barra fixa superior + inline no header) ========================================================================== */ /* Barra fixa de contagem decrescente (oculta por defeito) */ body.category-id-226 #outlet-global-timer, body.category-outlet #outlet-global-timer{ position: fixed; top: 0; left: 0; right: 0; z-index: 10000; display: none; background:#0b0b0b; color:#fff; border-bottom:1px solid #111; font:600 12px/1.2 ui-sans-serif,system-ui,Inter,Roboto,Arial; } #outlet-global-timer .ogt-inner{ max-width: 1280px; margin: 0 auto; padding: 6px 12px; display:flex; gap:10px; align-items:center; justify-content:center; } #outlet-global-timer .ogt-label{ opacity:.9; letter-spacing:.3px; text-transform:uppercase; } #outlet-global-timer .ogt-time{ display:flex; gap:8px; } #outlet-global-timer .ogt-box{ min-width:44px; padding:5px 8px; text-align:center; background:#000; border:1px solid #222; border-radius:8px; font-weight:800; } #outlet-global-timer .ogt-unit{ font-size:10px; opacity:.75; display:block; margin-top:2px; } /* Estado de urgência (< 24h) destaca as boxes */ #outlet-global-timer.is-urgent .ogt-box{ border-color:#ff4040; box-shadow:0 0 0 1px rgba(255,64,64,.15) inset; } /* Reserva espaço no layout quando a barra fixa está visível */ body.category-id-226.has-ogt-space, body.category-outlet.has-ogt-space{ --ogt-h: 34px; } body.category-id-226.has-ogt-space #header, body.category-outlet.has-ogt-space #header{ top: var(--ogt-h) !important; } body.category-id-226.has-ogt-space #wrapper, body.category-outlet.has-ogt-space #wrapper{ margin-top: var(--ogt-h); } /* Timer inline dentro do header quando sticky (JS injeta markup) */ body.category-id-226 #header .outlet-global-timer-inline, body.category-outlet #header .outlet-global-timer-inline{ display:none; gap:8px; align-items:center; justify-content:center; padding:6px 10px; margin-left:auto; background:#000; color:#fff; border:1px solid #111; border-radius:8px; font:600 12px/1.2 ui-sans-serif,system-ui,Inter,Roboto,Arial; } body.category-id-226 #header.is-sticky .outlet-global-timer-inline, body.category-id-226 #header.is-sticked .outlet-global-timer-inline, body.category-outlet #header.is-sticky .outlet-global-timer-inline, body.category-outlet #header.is-sticked .outlet-global-timer-inline{ display:flex; } /* Esconde cronómetros de produto na OUTLET (mantém só o global) */ body.category-id-226 .countdown-timer-wrapper, body.category-outlet .countdown-timer-wrapper{ display:none !important; } /* ========================================================================== Título do produto (reforço de branco + peso) e filtros selecionados ========================================================================== */ /* Título do produto: branco + peso elevado */ body.category-id-226 .product-miniature .product_name a, body.category-id-226 .product-miniature .product-title a, body.category-outlet .product-miniature .product_name a, body.category-outlet .product-miniature .product-title a, body.category-id-226 .h3.product-title a, body.category-outlet .h3.product-title a { color: #fff !important; -webkit-text-fill-color: #fff !important; font-weight: 800 !important; text-decoration: none !important; opacity: 1 !important; } body.category-id-226 .product-miniature .product_name a:hover, body.category-id-226 .product-miniature .product-title a:hover, body.category-outlet .product-miniature .product_name a:hover, body.category-outlet .product-miniature .product-title a:hover { color: #f4f4f4 !important; } /* Barra de filtros selecionados (chips legíveis em escuro) */ body.category-id-226 .selectedFilters, body.category-outlet .selectedFilters { color: #fff !important; } body.category-id-226 .selectedFilters .selected-filters-label, body.category-outlet .selectedFilters .selected-filters-label { color: #fff !important; opacity: .95; } /* Chips individuais de filtros */ body.category-id-226 .selectedFilters .cf, body.category-outlet .selectedFilters .cf { background: #000 !important; color: #fff !important; border: 1px solid #222 !important; border-radius: 8px !important; padding: 6px 10px !important; margin-right: 8px !important; display: inline-flex; align-items: center; gap: 6px; } /* Botão “Limpar” nos filtros selecionados */ body.category-id-226 .selectedFilters .clearAll, body.category-outlet .selectedFilters .clearAll { background: transparent !important; } body.category-id-226 .selectedFilters .clearAll a, body.category-outlet .selectedFilters .clearAll a { display: inline-flex !important; align-items: center; gap: 6px; padding: 6px 12px !important; background: #000 !important; color: #fff !important; border: 1px solid #222 !important; border-radius: 8px !important; box-shadow: none !important; background-image: none !important; } body.category-id-226 .selectedFilters .clearAll a:hover, body.category-outlet .selectedFilters .clearAll a:hover { background: #ff4040 !important; border-color: #ff4040 !important; color: #fff !important; } /* Remove pseudo-elementos das “pills” do tema */ body.category-id-226 .selectedFilters .clearAll a::before, body.category-id-226 .selectedFilters .clearAll a::after, body.category-outlet .selectedFilters .clearAll a::before, body.category-outlet .selectedFilters .clearAll a::after { content: none !important; } /* Bloco de info dos produtos: reforço de estados base e hover */ body.category-id-226 .product-miniature .product-description .product_name, body.category-outlet .product-miniature .product-description .product_name { color: #fff !important; opacity: 1 !important; } body.category-id-226 .product-miniature .product-description .product_name a, body.category-outlet .product-miniature .product-description .product_name a { color: #fff !important; -webkit-text-fill-color: #fff !important; font-weight: 700 !important; opacity: 1 !important; text-shadow: none !important; } body.category-id-226 .product-miniature .product-description .product_name a:hover, body.category-outlet .product-miniature .product-description .product_name a:hover { color: #b61424 !important; -webkit-text-fill-color: #b61424 !important; } /* Garante estados base a branco para títulos */ body.category-id-226 .product-miniature .product_name a:link, body.category-id-226 .product-miniature .product_name a:visited, body.category-id-226 .product-miniature .product_name a:focus, body.category-id-226 .product-miniature .product_name a:active, body.category-outlet .product-miniature .product_name a:link, body.category-outlet .product-miniature .product_name a:visited, body.category-outlet .product-miniature .product_name a:focus, body.category-outlet .product-miniature .product_name a:active { color: #fff !important; -webkit-text-fill-color: #fff !important; } /* Hover mantém o vermelho da marca */ body.category-id-226 .product-miniature .product_name a:hover, body.category-outlet .product-miniature .product_name a:hover, body.category-id-226 .product-miniature .product-title a:hover, body.category-outlet .product-miniature .product-title a:hover, body.category-id-226 .h3.product-title a:hover, body.category-outlet .h3.product-title a:hover { color: #b61424 !important; -webkit-text-fill-color: #b61424 !important; } /* Remove opacidades herdadas no bloco de info */ body.category-id-226 .product-miniature .product-description, body.category-outlet .product-miniature .product-description, body.category-id-226 .product-miniature .product_name, body.category-outlet .product-miniature .product_name { opacity: 1 !important; } /* Patch: título branco forte antes do hover (todas as variantes) */ body.category-id-226 .product-miniature .product-description .product_name a, body.category-outlet .product-miniature .product-description .product_name a, body.category-id-226 .product-miniature .product-title a, body.category-outlet .product-miniature .product-title a, body.category-id-226 .h3.product-title a, body.category-outlet .h3.product-title a { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-weight: 800 !important; opacity: 1 !important; mix-blend-mode: normal !important; filter: none !important; text-shadow: none !important; text-decoration: none !important; } body.category-id-226 .product-miniature .product-description .product_name a:hover, body.category-outlet .product-miniature .product-description .product_name a:hover, body.category-id-226 .product-miniature .product-title a:hover, body.category-outlet .product-miniature .product-title a:hover, body.category-id-226 .h3.product-title a:hover, body.category-outlet .h3.product-title a:hover { color: #b61424 !important; -webkit-text-fill-color: #b61424 !important; } /* ========================================================================== Espaço reservado para a barra de timer fixa (offsets e placeholders) ========================================================================== */ body.category-id-226, body.category-outlet{ --ogt-h: 34px; } /* Header normal: empurra para baixo pelo offset do timer */ body.category-id-226 #header, body.category-outlet #header{ margin-top: var(--ogt-h) !important; } /* Header sticky/fixed: usa offset em vez de margin */ body.category-id-226 #header.is-sticky, body.category-id-226 #header.is-sticked, body.category-outlet #header.is-sticky, body.category-outlet #header.is-sticked{ top: var(--ogt-h) !important; margin-top: 0 !important; } /* Placeholders do tema em sticky: travam saltos de layout */ body.category-id-226 .header-sticky-placeholder, body.category-id-226 .header-sticky-holder, body.category-outlet .header-sticky-placeholder, body.category-outlet .header-sticky-holder{ min-height: var(--ogt-h) !important; background: #0b0b0b !important; border: 0 !important; } /* ========================================================================== Nome do produto: reforço para layouts tipo .product-type-8 ========================================================================== */ body.category-id-226 .product-type-8 .item-inner .product_name, body.category-outlet .product-type-8 .item-inner .product_name{ opacity: 1 !important; } body.category-id-226 .product-type-8 .item-inner .product_name a, body.category-outlet .product-type-8 .item-inner .product_name a, body.category-id-226 .product-miniature .product_name a, body.category-outlet .product-miniature .product_name a{ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-weight: 700 !important; text-decoration: none !important; } /* Estados base a branco (todas as âncoras de nome) */ body.category-id-226 .product-type-8 .item-inner .product_name a:link, body.category-id-226 .product-type-8 .item-inner .product_name a:visited, body.category-id-226 .product-type-8 .item-inner .product_name a:focus, body.category-id-226 .product-type-8 .item-inner .product_name a:active, body.category-outlet .product-type-8 .item-inner .product_name a:link, body.category-outlet .product-type-8 .item-inner .product_name a:visited, body.category-outlet .product-type-8 .item-inner .product_name a:focus, body.category-outlet .product-type-8 .item-inner .product_name a:active{ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Hover em vermelho de marca */ body.category-id-226 .product-type-8 .item-inner .product_name a:hover, body.category-outlet .product-type-8 .item-inner .product_name a:hover{ color: #b61424 !important; -webkit-text-fill-color: #b61424 !important; } /* ========================================================================== Amazzing Filter (mobile): painel e controlos em modo escuro ========================================================================== */ @media (max-width: 768px){ /* Painel principal do filtro */ :is(body.category-id-226, body.category-outlet) #amazzing_filter{ background:#0d0d0d !important; color:#fff !important; border-color:#222 !important; } /* Header do painel */ :is(body.category-id-226, body.category-outlet) #amazzing_filter .title_block{ background:#0d0d0d !important; color:#fff !important; border-bottom:1px solid #222 !important; } :is(body.category-id-226, body.category-outlet) #amazzing_filter .title_block .btn{ color:#cfd3d7 !important; background:transparent !important; } /* Corpo do painel e conteúdos */ :is(body.category-id-226, body.category-outlet) #amazzing_filter .block_content, :is(body.category-id-226, body.category-outlet) #amazzing_filter .af_filter_content{ background:#0d0d0d !important; color:#fff !important; border-color:#222 !important; } /* Subtítulos (“Marcas”, “Tamanho”, …) */ :is(body.category-id-226, body-category-outlet) #amazzing_filter .af_subtitle{ background:#0d0d0d !important; color:#fff !important; border-top:1px solid #222 !important; } /* Linhas/HR internas */ :is(body.category-id-226, body.category-outlet) #amazzing_filter .af_filter hr{ border-color:#222 !important; } /* Labels/links nas listas */ :is(body.category-id-226, body.category-outlet) #amazzing_filter .af-checkbox-label .name, :is(body.category-id-226, body.category-outlet) #amazzing_filter .af-checkbox-label, :is(body.category-id-226, body.category-outlet) #amazzing_filter .toggle-cut-off .more, :is(body.category-id-226, body.category-outlet) #amazzing_filter .toggle-cut-off .less{ color:#fff !important; } /* Checkboxes nativos (visual) */ :is(body.category-id-226, body.category-outlet) #amazzing_filter input.af.checkbox[type="checkbox"]{ width:20px; height:20px; background:#111 !important; border:2px solid #9aa3ab !important; border-radius:4px; accent-color:#ff4040; /* suporte moderno */ } :is(body.category-id-226, body.category-outlet) #amazzing_filter input.af.checkbox:focus{ outline:2px solid rgba(255,64,64,.35); outline-offset:2px; } /* Estado selecionado (input+span.name / .active) */ :is(body.category-id-226, body.category-outlet) #amazzing_filter input.af.checkbox:checked + .name{ color:#fff !important; font-weight:700 !important; } :is(body.category-id-226, body.category-outlet) #amazzing_filter li.active .af-checkbox-label .name{ color:#fff !important; font-weight:700 !important; } /* Botão “Ver produtos” */ :is(body.category-id-226, body.category-outlet) #amazzing_filter .btn-holder .btn{ background:#b61424 !important; border-color:#b61424 !important; color:#fff !important; box-shadow:none !important; text-shadow:none !important; } } /* ========================================================================== Vermelho OUTLET nos menus (mobile + desktop) ========================================================================== */ /* MOBILE – marca o item OUTLET no menu mobile */ .wrapper-scroll-content .wrapper-menu-mobile li.nrt_mo_mega_83 > .menu_a_wrap > a.mo_element_a_83, .wrapper-scroll-content .wrapper-menu-mobile .menu_a_wrap > a[href*="/226-outlet"], .wrapper-scroll-content .wrapper-menu-mobile .menu_a_wrap > a[href*="-outlet"]{ color:#b61424 !important; -webkit-text-fill-color:#b61424 !important; font-weight:900 !important; text-transform:uppercase !important; letter-spacing:.6px !important; opacity:1 !important; filter:none !important; } .wrapper-scroll-content .wrapper-menu-mobile li.nrt_mo_mega_83 > .menu_a_wrap > a.mo_element_a_83 > span, .wrapper-scroll-content .wrapper-menu-mobile .menu_a_wrap > a[href*="/226-outlet"] > span, .wrapper-scroll-content .wrapper-menu-mobile .menu_a_wrap > a[href*="-outlet"] > span{ color:#b61424 !important; -webkit-text-fill-color:#b61424 !important; font-weight:900 !important; text-transform:uppercase !important; letter-spacing:.6px !important; } /* Hover (se aplicável) */ .wrapper-scroll-content .wrapper-menu-mobile .menu_a_wrap > a[href*="outlet"]:hover, .wrapper-scroll-content .wrapper-menu-mobile .menu_a_wrap > a.mo_element_a_83:hover{ color:#ff4040 !important; -webkit-text-fill-color:#ff4040 !important; } /* DESKTOP – item OUTLET destacado */ .menu-horizontal > li > a[href*="/226-outlet"], .menu-horizontal > li > a[href*="-outlet"], .nrt_menu > li > a[href*="/226-outlet"], .nrt_menu > li > a[href*="-outlet"], .nrt_menu > li.nrt_mo_mega_83 > a.mo_element_a_83{ color:#b61424 !important; -webkit-text-fill-color:#b61424 !important; font-weight:900 !important; text-transform:uppercase !important; letter-spacing:.6px !important; } .menu-horizontal > li > a[href*="outlet"] > span, .nrt_menu > li > a[href*="outlet"] > span{ color:inherit !important; font-weight:inherit !important; } /* ========================================================================== Ajuste global: fundo principal cinzento escuro (mantém MegaMenu a preto) ========================================================================== */ /* Override da variável de fundo para cinzento escuro */ :is(body.category-id-226, body.category-outlet){ --outlet-bg:#1a1a1a; /* cinzento escuro */ } /* Wrappers que passam de #000 para #1a1a1a */ :is(body.category-id-226, body.category-outlet) :is(#wrapper,#content-wrapper,#content,.page-content,.columns-container, .layout-1-col,.container,.container-fluid,.products,.product_list, .block-category){ background:#1a1a1a !important; } /* Primeira secção a seguir ao header */ :is(body.category-id-226, body.category-outlet) #header + *{ background:#1a1a1a !important; } /* Chips/botão de filtros selecionados que herdavam #000 */ :is(body.category-id-226, body.category-outlet) .selectedFilters :is(.cf,.clearAll a){ background:#1a1a1a !important; } /* MegaMenu – dropdown passa a cinzento escuro */ :is(body.category-id-226, body.category-outlet) .nrt_mega_menu .menu_sub{ background:#1a1a1a !important; /* placa do dropdown */ border:1px solid #222 !important; /* linha leve opcional */ box-shadow:none !important; } /* Contentores imediatos do MegaMenu (evita “restos”) */ :is(body.category-id-226, body.category-outlet) .nrt_mega_menu .menu_sub > .container, :is(body.category-id-226, body-category-outlet) .nrt_mega_menu .menu_sub > .container-parent{ background:#1a1a1a !important; } /* Grelha interna transparente (vê-se a placa cinza) */ :is(body.category-id-226, body.category-outlet) .nrt_mega_menu .menu_sub :is(.row,.m_column_row,[class*="col-"],[class^="nrt_mega_column_"],[class^="nrt_mega_block_"]){ background:transparent !important; } /* Bordas internas de colunas */ :is(body.category-id-226, body.category-outlet) .nrt_mega_menu .menu_sub [class*="col-"]{ border-color:#2a2a2a !important; } /* Pseudo-elementos/molduras do dropdown */ :is(body.category-id-226, body.category-outlet) .nrt_mega_menu .menu_sub::before, :is(body.category-id-226, body-category-outlet) .nrt_mega_menu .menu_sub::after{ background:#1a1a1a !important; border-color:#222 !important; } /* ========================================================================== PAGINAÇÃO – Melhorar legibilidade e centralização dos links ========================================================================== */ /* Container da paginação */ body.category-id-226 .pagination, body.category-outlet .pagination { background: transparent !important; padding: 20px 0 !important; justify-content: center !important; display: flex !important; gap: 8px !important; align-items: center !important; } /* Links normais da paginação - branco forte, negrito e centralizado */ body.category-id-226 .pagination a.page-numbers, body.category-outlet .pagination a.page-numbers, body.category-id-226 .pagination .page-numbers:not(.current), body.category-outlet .pagination .page-numbers:not(.current) { color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important; text-decoration: none !important; border: 1px solid #333 !important; background: #1a1a1a !important; padding: 10px 14px !important; border-radius: 4px !important; transition: all 0.2s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 44px !important; height: 44px !important; line-height: 1 !important; text-align: center !important; } /* Estados hover dos links */ body.category-id-226 .pagination a.page-numbers:hover, body.category-outlet .pagination a.page-numbers:hover { background: #ff4040 !important; border-color: #ff4040 !important; color: #ffffff !important; transform: translateY(-1px); } /* Página atual - centralizada */ body.category-id-226 .pagination .page-numbers.current, body.category-outlet .pagination .page-numbers.current { background: #ff4040 !important; border-color: #ff4040 !important; color: #ffffff !important; font-weight: 700 !important; padding: 10px 14px !important; border-radius: 4px !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 44px !important; height: 44px !important; line-height: 1 !important; text-align: center !important; } /* Links específicos Anterior/Próximo - centralizados */ body.category-id-226 .pagination a.prev, body.category-outlet .pagination a.prev, body.category-id-226 .pagination a.next, body.category-outlet .pagination a.next { background: #0d0d0d !important; border: 1px solid #333 !important; color: #ffffff !important; font-weight: 700 !important; padding: 10px 16px !important; display: flex !important; align-items: center !important; justify-content: center !important; height: 44px !important; line-height: 1 !important; text-align: center !important; } /* Remove qualquer estilo indesejado de temas anteriores */ body.category-id-226 .pagination .page-numbers::before, body.category-outlet .pagination .page-numbers::before, body.category-id-226 .pagination .page-numbers::after, body.category-outlet .pagination .page-numbers::after { content: none !important; } /* ========================================================================== Efeito de Neve - Velocidade Moderada ========================================================================== */ .snowflakes-container { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 9998; overflow: hidden; } .snowflake { position: absolute; color: #ffffff; font-size: 18px; user-select: none; pointer-events: none; opacity: 0.8; text-shadow: 0 0 4px rgba(255, 255, 255, 0.8); font-family: Arial, sans-serif; z-index: 9998; top: -30px; } /* Animações mais rápidas */ @keyframes snow-fall-moderate { 0% { transform: translateY(0) translateX(0); opacity: 0.8; } 100% { transform: translateY(100vh) translateX(80px); opacity: 0; } } @-webkit-keyframes snow-fall-moderate { 0% { -webkit-transform: translateY(0) translateX(0); opacity: 0.8; } 100% { -webkit-transform: translateY(100vh) translateX(80px); opacity: 0; } } /* ========================================================================== OUTLET — Pesquisa rápida (autocomplete) em modo escuro ========================================================================== */ :is(body.category-id-226, body.category-outlet) .modal-body { background:#000 !important; color:#fff !important; } /* Campo de pesquisa dentro do modal */ :is(body.category-id-226, body.category-outlet) .modal-body .search-form .query { background:#111 !important; border:1px solid #333 !important; color:#fff !important; } /* Contêiner dos resultados (lista autocomplete) */ :is(body.category-id-226, body-category-outlet) .modal-body .search-results, :is(body.category-id-226, body.category-outlet) .modal-body .autocomplete-suggestions { background:#000 !important; border:1px solid #222 !important; box-shadow:0 8px 24px rgba(0,0,0,.6) !important; } /* Cada linha de resultado */ :is(body.category-id-226, body.category-outlet) .modal-body .autocomplete-suggestion { background:#000 !important; border-bottom:1px solid #222 !important; } /* Textos dentro dos resultados (títulos, ref. e preços) */ :is(body.category-id-226, body.category-outlet) .modal-body .autocomplete-suggestion .search-title, :is(body.category-id-226, body.category-outlet) .modal-body .autocomplete-suggestion .search-sku, :is(body.category-id-226, body.category-outlet) .modal-body .autocomplete-suggestion .search-price, :is(body.category-id-226, body-category-outlet) .modal-body .autocomplete-suggestion .price, :is(body.category-id-226, body-category-outlet) .modal-body .autocomplete-suggestion .regular-price { color:#fff !important; } /* Botão flutuante PWA */ #pwa-install-btn { position: fixed; bottom: 18px; right: 18px; background: #111; color: #fff; padding: 10px 16px; border-radius: 30px; font-size: 13px; font-weight: 700; border: 1px solid #333; box-shadow: 0 4px 12px rgba(0,0,0,.35); cursor: pointer; z-index: 999999; display: none; opacity: .9; transition: all .15s ease; } #pwa-install-btn:hover { opacity: 1; } /* Pop-up iOS */ #pwa-ios-popup { position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%); background: #111; color: #fff; padding: 14px 20px; border-radius: 12px; border: 1px solid #333; z-index: 999999; display: none; max-width: 310px; font-size: 14px; line-height: 1.4; box-shadow: 0 4px 20px rgba(0,0,0,.45); } #pwa-ios-popup button { margin-top: 8px; background: #333; color: #fff; border: 0; border-radius: 8px; padding: 6px 12px; cursor: pointer; width: 100%; } //___________________________________________________________________________________________________________________________________________ /* ========================================================================== NATAL SOLIDÁRIO - Tema escuro com detalhes vermelhos de Natal ========================================================================== */ <div class="natal-solidario-content" style="text-align: center; padding: 30px 20px; margin: 10px 0;"> <p style="font-family: Poppins, Helvetica, Arial, 'sans-serif'; font-size: 16px; margin-bottom: 20px;"> Na compra deste par, 5€ revertem diretamente para a <strong>Associação Casa Amiga Felgueiras</strong> </p> <img src="https://i.imgur.com/c3MW5Ba.jpeg" style="max-width: 200px; height: auto; border: 2px solid #b61424; padding: 10px; border-radius: 8px;" alt="Associação Casa Amiga Felgueiras" /> </div> <style> /* ========================================================================== NATAL SOLIDÁRIO - Tema escuro com detalhes vermelhos de Natal ========================================================================== */ /* Aplicar tema à página específica */ body.page-id-663, body.page-natal-solidario { --natal-bg: #0b0b0b; --natal-ink: #ffffff; --natal-accent: #b61424; /* Vermelho Natal */ --natal-secondary: #1a472a; /* Verde Natal */ background: var(--natal-bg) !important; color: var(--natal-ink) !important; } /* Header da página Natal Solidário */ body.page-id-663 #header, body.page-natal-solidario #header { background: #0b0b0b !important; box-shadow: 0 2px 0 rgba(255, 255, 255, .04); } /* Marquee com tema Natal */ body.page-id-663 .marquee__content > *, body.page-natal-solidario .marquee__content > * { color: var(--natal-ink) !important; background: #1a472a !important; /* Verde Natal */ border-color: #0b0b0b !important; } /* Textos gerais - IMPORTANTE: incluindo o body e todos os elementos */ body.page-id-663, body.page-natal-solidario, body.page-id-663 h1, body.page-id-663 h2, body.page-id-663 h3, body.page-id-663 h4, body.page-id-663 p, body.page-id-663 li, body.page-id-663 label, body.page-id-663 .page-title, body.page-id-663 .breadcrumb, body.page-id-663 .breadcrumb a, body.page-natal-solidario h1, body.page-natal-solidario h2, body.page-natal-solidario h3, body.page-natal-solidario h4, body.page-natal-solidario p, body.page-natal-solidario li, body.page-natal-solidario label, body.page-natal-solidario .page-title, body.page-natal-solidario .breadcrumb, body.page-natal-solidario .breadcrumb a { color: #ffffff !important; background: transparent !important; } /* Fundos dos wrappers */ body.page-id-663 #wrapper, body.page-id-663 #content-wrapper, body.page-id-663 #content, body.page-id-663 .page-content, body.page-id-663 .columns-container, body.page-id-663 .container, body.page-id-663 .container-fluid, body.page-natal-solidario #wrapper, body.page-natal-solidario #content-wrapper, body.page-natal-solidario #content, body.page-natal-solidario .page-content, body.page-natal-solidario .columns-container, body.page-natal-solidario .container, body.page-natal-solidario .container-fluid { background: #0b0b0b !important; border-color: #222 !important; } /* Produtos (se houver) */ body.page-id-663 .product-miniature, body.page-natal-solidario .product-miniature { background: #111 !important; border: 1px solid #222 !important; border-radius: 8px; } body.page-id-663 .product-title a, body.page-natal-solidario .product-title a { color: #ffffff !important; } body.page-id-663 .price, body.page-natal-solidario .price { color: var(--natal-accent) !important; font-weight: 700; } /* Filtros (se aplicável) */ body.page-id-663 .facet, body.page-id-663 .facet-title, body.page-id-663 .facet-label, body.page-natal-solidario .facet, body.page-natal-solidario .facet-title, body.page-natal-solidario .facet-label { color: #fff !important; } body.page-id-663 .facet-container, body.page-natal-solidario .facet-container { background: #0d0d0d !important; border-color: #222 !important; } /* Paginação */ body.page-id-663 .pagination .page-list li a, body.page-natal-solidario .pagination .page-list li a { color: #fff !important; border-color: #333 !important; } body.page-id-663 .pagination .page-list li.current a, body.page-natal-solidario .pagination .page-list li.current a { background: var(--natal-accent) !important; border-color: var(--natal-accent) !important; color: #fff !important; } /* MegaMenu */ body.page-id-663 .nrt_mega_menu .menu_sub, body.page-natal-solidario .nrt_mega_menu .menu_sub { background: #0b0b0b !important; border: 1px solid #111 !important; } /* Badge especial para produtos do Natal Solidário */ body.page-id-663 .badge-natal-solidario, body.page-natal-solidario .badge-natal-solidario { background: var(--natal-accent) !important; color: #ffffff !important; font-weight: 700; border-radius: 4px; padding: 4px 8px; font-size: 12px; text-transform: uppercase; } /* Efeitos de neve (opcional - similar ao da outlet) */ body.page-id-663 .snowflakes-container, body.page-natal-solidario .snowflakes-container { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 9998; } /* Botões com tema natalino */ body.page-id-663 .btn-primary, body.page-natal-solidario .btn-primary { background: var(--natal-accent) !important; border-color: var(--natal-accent) !important; color: #ffffff !important; } body.page-id-663 .btn-primary:hover, body.page-natal-solidario .btn-primary:hover { background: #d42a3a !important; border-color: #d42a3a !important; } /* Banner informativo do Natal Solidário */ .natal-solidario-banner { background: linear-gradient(135deg, #0b0b0b 0%, #1a472a 100%); border-left: 4px solid var(--natal-accent); padding: 20px; margin: 20px 0; border-radius: 8px; } .natal-solidario-banner h3 { color: #ffffff !important; margin-bottom: 10px; } .natal-solidario-banner p { color: #cccccc !important; margin-bottom: 0; } /* Estilos específicos para o conteúdo do Natal Solidário */ .natal-solidario-content { background: #0b0b0b !important; border: 1px solid #222 !important; border-radius: 8px; margin: 20px 0; } .natal-solidario-content p { color: #ffffff !important; font-family: Poppins, Helvetica, Arial, sans-serif !important; font-size: 16px !important; line-height: 1.6 !important; } /* Ajustes para mobile */ @media (max-width: 768px) { body.page-id-663 .natal-solidario-content, body.page-natal-solidario .natal-solidario-content { padding: 20px 15px; } body.page-id-663 .natal-solidario-content img, body.page-natal-solidario .natal-solidario-content img { max-width: 150px; } } </style>/* ========================================================================== NATAL SOLIDÁRIO - Tema escuro com detalhes vermelhos de Natal ========================================================================== */ /* Aplicar tema à página específica */ body.page-id-663, body.page-natal-solidario { --natal-bg: #0b0b0b; --natal-ink: #ffffff; --natal-accent: #b61424; /* Vermelho Natal */ --natal-secondary: #1a472a; /* Verde Natal */ background: var(--natal-bg) !important; color: var(--natal-ink) !important; } /* Header da página Natal Solidário */ body.page-id-663 #header, body.page-natal-solidario #header { background: #0b0b0b !important; box-shadow: 0 2px 0 rgba(255, 255, 255, .04); } /* Marquee com tema Natal */ body.page-id-663 .marquee__content > *, body.page-natal-solidario .marquee__content > * { color: var(--natal-ink) !important; background: #1a472a !important; /* Verde Natal */ border-color: #0b0b0b !important; } /* Textos gerais - IMPORTANTE: incluindo o body e todos os elementos */ body.page-id-663, body.page-natal-solidario, body.page-id-663 h1, body.page-id-663 h2, body.page-id-663 h3, body.page-id-663 h4, body.page-id-663 p, body.page-id-663 li, body.page-id-663 label, body.page-id-663 .page-title, body.page-id-663 .breadcrumb, body.page-id-663 .breadcrumb a, body.page-natal-solidario h1, body.page-natal-solidario h2, body.page-natal-solidario h3, body.page-natal-solidario h4, body.page-natal-solidario p, body.page-natal-solidario li, body.page-natal-solidario label, body.page-natal-solidario .page-title, body.page-natal-solidario .breadcrumb, body.page-natal-solidario .breadcrumb a { color: #ffffff !important; background: transparent !important; } /* Fundos dos wrappers */ body.page-id-663 #wrapper, body.page-id-663 #content-wrapper, body.page-id-663 #content, body.page-id-663 .page-content, body.page-id-663 .columns-container, body.page-id-663 .container, body.page-id-663 .container-fluid, body.page-natal-solidario #wrapper, body.page-natal-solidario #content-wrapper, body.page-natal-solidario #content, body.page-natal-solidario .page-content, body.page-natal-solidario .columns-container, body.page-natal-solidario .container, body.page-natal-solidario .container-fluid { background: #0b0b0b !important; border-color: #222 !important; } /* Produtos (se houver) */ body.page-id-663 .product-miniature, body.page-natal-solidario .product-miniature { background: #111 !important; border: 1px solid #222 !important; border-radius: 8px; } body.page-id-663 .product-title a, body.page-natal-solidario .product-title a { color: #ffffff !important; } body.page-id-663 .price, body.page-natal-solidario .price { color: var(--natal-accent) !important; font-weight: 700; } /* Filtros (se aplicável) */ body.page-id-663 .facet, body.page-id-663 .facet-title, body.page-id-663 .facet-label, body.page-natal-solidario .facet, body.page-natal-solidario .facet-title, body.page-natal-solidario .facet-label { color: #fff !important; } body.page-id-663 .facet-container, body.page-natal-solidario .facet-container { background: #0d0d0d !important; border-color: #222 !important; } /* Paginação */ body.page-id-663 .pagination .page-list li a, body.page-natal-solidario .pagination .page-list li a { color: #fff !important; border-color: #333 !important; } body.page-id-663 .pagination .page-list li.current a, body.page-natal-solidario .pagination .page-list li.current a { background: var(--natal-accent) !important; border-color: var(--natal-accent) !important; color: #fff !important; } /* MegaMenu */ body.page-id-663 .nrt_mega_menu .menu_sub, body.page-natal-solidario .nrt_mega_menu .menu_sub { background: #0b0b0b !important; border: 1px solid #111 !important; } /* Badge especial para produtos do Natal Solidário */ body.page-id-663 .badge-natal-solidario, body.page-natal-solidario .badge-natal-solidario { background: var(--natal-accent) !important; color: #ffffff !important; font-weight: 700; border-radius: 4px; padding: 4px 8px; font-size: 12px; text-transform: uppercase; } /* Efeitos de neve (opcional - similar ao da outlet) */ body.page-id-663 .snowflakes-container, body.page-natal-solidario .snowflakes-container { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 9998; } /* Botões com tema natalino */ body.page-id-663 .btn-primary, body.page-natal-solidario .btn-primary { background: var(--natal-accent) !important; border-color: var(--natal-accent) !important; color: #ffffff !important; } body.page-id-663 .btn-primary:hover, body.page-natal-solidario .btn-primary:hover { background: #d42a3a !important; border-color: #d42a3a !important; } /* Banner informativo do Natal Solidário */ .natal-solidario-banner { background: linear-gradient(135deg, #0b0b0b 0%, #1a472a 100%); border-left: 4px solid var(--natal-accent); padding: 20px; margin: 20px 0; border-radius: 8px; } .natal-solidario-banner h3 { color: #ffffff !important; margin-bottom: 10px; } .natal-solidario-banner p { color: #cccccc !important; margin-bottom: 0; } /* Estilos específicos para o conteúdo do Natal Solidário */ .natal-solidario-content { background: #0b0b0b !important; border: 1px solid #222 !important; border-radius: 8px; margin: 20px 0; } .natal-solidario-content p { color: #ffffff !important; font-family: Poppins, Helvetica, Arial, sans-serif !important; font-size: 16px !important; line-height: 1.6 !important; } /* Ajustes para mobile */ @media (max-width: 768px) { body.page-id-663 .natal-solidario-content, body.page-natal-solidario .natal-solidario-content { padding: 20px 15px; } body.page-id-663 .natal-solidario-content img, body.page-natal-solidario .natal-solidario-content img { max-width: 150px; } }