:root { --wd-cat-brd-radius: 50%; --wd-text-font: "Lexend Deca", Arial, Helvetica, sans-serif; --wd-text-font-weight: 400; --wd-text-color: #767676; --wd-text-font-size: 16px; --wd-title-font: "Lexend Deca", Arial, Helvetica, sans-serif; --wd-title-font-weight: 600; --wd-title-color: #242424; --wd-entities-title-font: "Lexend Deca", Arial, Helvetica, sans-serif; --wd-entities-title-font-weight: 500; --wd-entities-title-color: #333333; --wd-entities-title-color-hover: rgb(51 51 51 / 65%); --wd-alternative-font: "Lexend Deca", Arial, Helvetica, sans-serif; --wd-widget-title-font: "Lexend Deca", Arial, Helvetica, sans-serif; --wd-widget-title-font-weight: 600; --wd-widget-title-transform: none; --wd-widget-title-color: #333; --wd-widget-title-font-size: 20px; --wd-header-el-font: "Lexend Deca", Arial, Helvetica, sans-serif; --wd-header-el-font-weight: 600; --wd-header-el-transform: none; --wd-header-el-font-size: 16px; --wd-brd-radius: 16px; --wd-otl-style: dotted; --wd-otl-width: 2px; --wd-primary-color: rgb(252,65,66); --wd-alternative-color: rgb(17,18,17); --btn-default-bgcolor: rgb(17,18,17); --btn-default-bgcolor-hover: rgb(51,51,51); --btn-accented-bgcolor: rgb(248,189,24); --btn-accented-bgcolor-hover: rgb(237,173,23); --btn-transform: capitalize; --wd-form-brd-width: 1px; --notices-success-bg: #459647; --notices-success-color: #fff; --notices-warning-bg: #E0B252; --notices-warning-color: #fff; --wd-link-color: #333333; --wd-link-color-hover: #242424; } .wd-age-verify-wrap { --wd-popup-width: 500px; } .wd-popup.wd-promo-popup { background-color: #111111; background-image: none; background-repeat: no-repeat; background-size: contain; background-position: left center; } .wd-promo-popup-wrap { --wd-popup-width: 800px; } :is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content { max-height: 223px; } .wd-page-title .wd-page-title-bg img { object-fit: cover; object-position: center center; } .wd-footer { background-color: rgb(245,245,244); background-image: none; } html .wd-checkout-steps { font-size: 18px; text-transform: none; } html table th { text-transform: none; } html .wd-nav-mobile > li > a, html .wd-nav.wd-layout-drilldown > li > a, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a, html .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link > a { text-transform: none; } html .btn.wd-buy-now-btn { color: rgb(255,255,255); background: rgb(17,18,17); } html .btn.wd-buy-now-btn:hover { color: rgb(255,255,255); background: rgb(51,51,51); } body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform { --wd-form-bg: rgb(255,255,255); } .wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) { --wd-arrow-size: 40px; --wd-arrow-icon-size: 16px; --wd-arrow-offset-h: 15px; --wd-arrow-color: rgb(36,36,36); --wd-arrow-color-hover: rgb(255,255,255); --wd-arrow-color-dis: rgb(36,36,36); --wd-arrow-bg: rgb(244,244,244); --wd-arrow-bg-hover: rgb(248,189,24); --wd-arrow-bg-dis: rgb(244,244,244); --wd-arrow-radius: 20px; --wd-arrow-brd-color: rgba(0,0,0,0.11); --wd-arrow-brd: 1px solid; } .wd-nav-scroll { --wd-nscroll-drag-bg: rgb(17,18,17); --wd-nscroll-drag-bg-hover: rgb(17,18,17); } .wd .product-label.onsale { background-color: rgb(252,65,66); } .wd .product-label.new { background-color: rgb(252,65,66); } .wd .product-label.featured { background-color: rgb(252,65,66); } .mfp-wrap.wd-popup-quick-view-wrap { --wd-popup-width: 920px; } @media (max-width: 1024px) { :root { --wd-widget-title-font-size: 18px; } .wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) { --wd-arrow-offset-h: -30px; } } @media (max-width: 768.98px) { .wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) { --wd-arrow-offset-h: 15px; } } :root{ --wd-container-w: 1324px; --wd-form-brd-radius: 5px; --btn-default-color: #fff; --btn-default-color-hover: #fff; --btn-accented-color: #333; --btn-accented-color-hover: #333; --btn-default-brd-radius: 5px; --btn-default-box-shadow: none; --btn-default-box-shadow-hover: none; --btn-accented-brd-radius: 5px; --btn-accented-box-shadow: none; --btn-accented-box-shadow-hover: none; } @media (min-width: 1324px) { [data-vc-full-width]:not([data-vc-stretch-content]), :is(.vc_section, .vc_row).wd-section-stretch { padding-left: calc((100vw - 1324px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2); padding-right: calc((100vw - 1324px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2); } } .wd-page-title { background-color: rgb(248,189,24); } /* ========================================================= EUROANIME / WOODMART - DEFINITIVE AUDITED CUSTOM CSS Audit: 2026-09-23 - Legacy superseded blocks removed to reduce cascade conflicts. - Checkout quantity wrapper remains transparent; only -, qty and + are white. - Checkout added-to-cart notice uses corporate glossy red. - Glossy red/green action system retained. ========================================================= */ .single-product .woocommerce-breadcrumb, .single-product .woocommerce-breadcrumb a, .single-product .woocommerce-breadcrumb span, .single-product .wd-breadcrumbs, .single-product .wd-breadcrumbs a, .single-product .wd-breadcrumbs span, .single-product .wd-breadcrumbs * { color: #ffffff !important; opacity: 1 !important; } /* EUROANIME - Ojo del contador de visitantes en verde */ .single-product .wd-visits-count .wd-info-icon, .single-product .wd-visits-count .wd-info-icon::before, .single-product .wd-visits-count svg, .single-product .wd-visits-count i { color: #22a447 !important; fill: #22a447 !important; stroke: #22a447 !important; } /* FACEBOOK */ a[href*="facebook.com"], .whb-social a[href*="facebook.com"], .wd-social-icons a[href*="facebook.com"], .social-icons a[href*="facebook.com"], .sticky-social a[href*="facebook.com"] { background-color: #1877F2 !important; border-color: #1877F2 !important; color: #ffffff !important; } a[href*="facebook.com"] i, .whb-social a[href*="facebook.com"] i, .wd-social-icons a[href*="facebook.com"] i, .social-icons a[href*="facebook.com"] i, .sticky-social a[href*="facebook.com"] i { color: #ffffff !important; } /* INSTAGRAM */ a[href*="instagram.com"], .whb-social a[href*="instagram.com"], .wd-social-icons a[href*="instagram.com"], .social-icons a[href*="instagram.com"], .sticky-social a[href*="instagram.com"] { background: linear-gradient(45deg, #F58529 0%, #FEDA77 20%, #DD2A7B 50%, #8134AF 75%, #515BD4 100%) !important; border-color: #DD2A7B !important; color: #ffffff !important; } a[href*="instagram.com"] i, .whb-social a[href*="instagram.com"] i, .wd-social-icons a[href*="instagram.com"] i, .social-icons a[href*="instagram.com"] i, .sticky-social a[href*="instagram.com"] i { color: #ffffff !important; } /* ========================================================= EUROANIME - GLOBAL ANIME PATTERN Home + Products + Categories + Pages + Cart + Checkout ========================================================= */ :root { --ea-pattern: linear-gradient( rgba(255, 255, 255, 0.93), rgba(255, 255, 255, 0.93) ), url("https://euroanime.jp.net/wp-content/uploads/2026/09/c457bee1-c0c9-4868-b86b-eb8d709ac085.png"); } /* ========================================================= FONDO GENERAL DEL SITIO ========================================================= */ html, body, .website-wrapper, .main-page-wrapper, .site-content, .content-layout-wrapper, .wd-content-layout { background-color: #f8f8f8 !important; background-image: var(--ea-pattern) !important; background-repeat: repeat !important; background-size: 360px auto !important; background-position: center top !important; background-attachment: fixed !important; } /* ========================================================= PÁGINAS DE PRODUCTO Fuerza el pattern también donde WoodMart coloca blanco ========================================================= */ .single-product .main-page-wrapper, .single-product .site-content, .single-product .content-layout-wrapper, .single-product .product-image-summary-wrap, .single-product .product-image-summary, .single-product .product-tabs-wrapper, .single-product .woocommerce-tabs, .single-product .woocommerce-Tabs-panel, .single-product .wd-tabs, .single-product .wd-tabs-content, .single-product .wd-tab-content, .single-product .tabs-layout-tabs, .single-product .product-content, .single-product .product-extra-content, .single-product .related-and-upsells, .single-product .related-products { background-color: #f8f8f8 !important; background-image: var(--ea-pattern) !important; background-repeat: repeat !important; background-size: 360px auto !important; background-position: center top !important; background-attachment: fixed !important; } /* ========================================================= DESCRIPCIÓN DEL PRODUCTO ========================================================= */ .single-product #tab-description, .single-product .woocommerce-Tabs-panel--description, .single-product .woocommerce-product-details__short-description, .single-product .wd-accordion-content, .single-product .wc-tab { background-color: transparent !important; background-image: none !important; } /* ========================================================= SHOP / CATEGORÍAS / ARCHIVOS ========================================================= */ .post-type-archive-product .main-page-wrapper, .tax-product_cat .main-page-wrapper, .tax-product_tag .main-page-wrapper, .woocommerce-shop .main-page-wrapper { background-color: #f8f8f8 !important; background-image: var(--ea-pattern) !important; background-repeat: repeat !important; background-size: 360px auto !important; background-position: center top !important; background-attachment: fixed !important; } /* ========================================================= CART / CHECKOUT / MY ACCOUNT ========================================================= */ .woocommerce-cart .main-page-wrapper, .woocommerce-checkout .main-page-wrapper, .woocommerce-account .main-page-wrapper { background-color: #f8f8f8 !important; background-image: var(--ea-pattern) !important; background-repeat: repeat !important; background-size: 360px auto !important; background-position: center top !important; background-attachment: fixed !important; } /* ========================================================= PÁGINAS NORMALES DE WORDPRESS ========================================================= */ .page .main-page-wrapper, .page .site-content, .single-post .main-page-wrapper, .single-post .site-content { background-color: #f8f8f8 !important; background-image: var(--ea-pattern) !important; background-repeat: repeat !important; background-size: 360px auto !important; background-position: center top !important; background-attachment: fixed !important; } /* ========================================================= EVITAR QUE CONTENEDORES GENERALES TAPEN EL PATTERN ========================================================= */ .main-page-wrapper > .container, .site-content > .container, .content-layout-wrapper > .site-content { background-color: transparent !important; } /* ========================================================= MOBILE Evitamos background fixed en móvil por rendimiento ========================================================= */ @media (max-width: 768px) { html, body, .website-wrapper, .main-page-wrapper, .site-content, .content-layout-wrapper, .wd-content-layout, .single-product .product-image-summary-wrap, .single-product .product-image-summary, .single-product .product-tabs-wrapper, .single-product .woocommerce-tabs, .single-product .woocommerce-Tabs-panel { background-attachment: scroll !important; background-size: 320px auto !important; } } /* ========================================================= EUROANIME - CHECKOUT PRICES IN BLACK ========================================================= */ body.woocommerce-checkout .woocommerce-checkout-review-order-table .amount, body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-Price-amount, body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total .amount, body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-subtotal .amount, body.woocommerce-checkout .woocommerce-checkout-review-order-table .shipping .amount, body.woocommerce-checkout .woocommerce-checkout-review-order-table td, body.woocommerce-checkout .woocommerce-checkout-review-order-table td strong, body.woocommerce-checkout .woocommerce-checkout-review-order-table td span { color: #111217 !important; } /* ========================================================= EUROANIME - RELATED / RECOMMENDED PRODUCT PRICES IN BLACK "You may also like..." + Related + Upsells ========================================================= */ .single-product .related-products .price, .single-product .related-products .price *, .single-product .related-and-upsells .price, .single-product .related-and-upsells .price *, .single-product .related .price, .single-product .related .price *, .single-product .upsells .price, .single-product .upsells .price *, .single-product .product-grid-item .price, .single-product .product-grid-item .price *, .single-product .wd-products .price, .single-product .wd-products .price *, .single-product .products .price, .single-product .products .price *, .single-product .summary .price, .single-product .summary .price *, .single-product .summary-inner .price, .single-product .summary-inner .price * { color: #111217 !important; } /* ========================================================= EUROANIME - WOODMART REVIEWS EN MOBILE DESKTOP: NO CAMBIA NADA MOBILE: - El mismo bloque #reviews se convierte en carrusel horizontal. - 1 review visible por swipe en todo mobile. - El Custom JS de WoodMart mueve #reviews al final del contenido. ========================================================= */ @media only screen and (max-width: 767px) { /* Bloque real de reviews de WooCommerce / WoodMart */ body.single-product #reviews, body.single-product .woocommerce-Reviews { display: block !important; float: none !important; clear: both !important; position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; max-height: none !important; margin: 34px 0 28px 0 !important; padding: 0 15px 8px 15px !important; box-sizing: border-box !important; overflow: visible !important; } /* Neutralizar columnas/scroll interno de WoodMart */ body.single-product #reviews #comments, body.single-product #reviews .wd-reviews-content, body.single-product #reviews .wd-reviews-list, body.single-product #reviews .wd-scroll, body.single-product #reviews .wd-scroll-content, body.single-product .woocommerce-Reviews #comments, body.single-product .woocommerce-Reviews .wd-reviews-content, body.single-product .woocommerce-Reviews .wd-reviews-list { display: block !important; float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; max-height: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; overflow: visible !important; box-sizing: border-box !important; } body.single-product #reviews .woocommerce-Reviews-title, body.single-product .woocommerce-Reviews .woocommerce-Reviews-title { display: block !important; width: 100% !important; margin: 0 0 16px 0 !important; padding: 0 !important; } /* Lista horizontal */ body.single-product #reviews ol.commentlist, body.single-product #reviews ul.commentlist, body.single-product #reviews .commentlist, body.single-product .woocommerce-Reviews ol.commentlist, body.single-product .woocommerce-Reviews ul.commentlist, body.single-product .woocommerce-Reviews .commentlist { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: 14px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 2px 0 16px 0 !important; list-style: none !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; overscroll-behavior-x: contain !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; box-sizing: border-box !important; } body.single-product #reviews ol.commentlist::-webkit-scrollbar, body.single-product #reviews ul.commentlist::-webkit-scrollbar, body.single-product #reviews .commentlist::-webkit-scrollbar, body.single-product .woocommerce-Reviews ol.commentlist::-webkit-scrollbar, body.single-product .woocommerce-Reviews ul.commentlist::-webkit-scrollbar, body.single-product .woocommerce-Reviews .commentlist::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } /* Una review completa por swipe en todo mobile */ body.single-product #reviews ol.commentlist > li, body.single-product #reviews ul.commentlist > li, body.single-product #reviews .commentlist > li, body.single-product .woocommerce-Reviews ol.commentlist > li, body.single-product .woocommerce-Reviews ul.commentlist > li, body.single-product .woocommerce-Reviews .commentlist > li { display: block !important; visibility: visible !important; opacity: 1 !important; position: relative !important; float: none !important; clear: none !important; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; min-width: 100% !important; height: auto !important; max-height: none !important; margin: 0 !important; transform: none !important; scroll-snap-align: start !important; scroll-snap-stop: always !important; box-sizing: border-box !important; } /* Reviews ocultas por el diseño vertical quedan disponibles por swipe */ body.single-product #reviews ol.commentlist > li[hidden], body.single-product #reviews ul.commentlist > li[hidden], body.single-product #reviews .commentlist > li[hidden], body.single-product #reviews ol.commentlist > li[style*="display: none"], body.single-product #reviews ul.commentlist > li[style*="display: none"], body.single-product #reviews .commentlist > li[style*="display: none"] { display: block !important; visibility: visible !important; opacity: 1 !important; } /* Interior de cada review */ body.single-product #reviews .comment_container, body.single-product #reviews .comment-text, body.single-product #reviews .description, body.single-product #reviews .wd-review, body.single-product .woocommerce-Reviews .comment_container, body.single-product .woocommerce-Reviews .comment-text, body.single-product .woocommerce-Reviews .description, body.single-product .woocommerce-Reviews .wd-review { width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; box-sizing: border-box !important; } body.single-product #reviews .comment-text, body.single-product #reviews .description, body.single-product #reviews p { overflow-wrap: anywhere !important; word-break: normal !important; } /* En mobile todas las reviews se recorren lateralmente */ body.single-product #reviews .ea-mobile-hide-view-all, body.single-product .woocommerce-Reviews .ea-mobile-hide-view-all { display: none !important; } /* Formulario/mensaje de review queda debajo del carrusel */ body.single-product #reviews #review_form_wrapper, body.single-product #reviews #review_form { display: block !important; float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; margin-top: 22px !important; } } /* ========================================================= EUROANIME - MODERN GLOSSY GREEN BUTTONS Applies only to Buy Now + Place Order green buttons. Red buttons remain unchanged. ========================================================= */ /* BUY NOW - lighter glossy green */ .single-product .wd-buy-now-btn, .single-product .buy-now-btn, .single-product .wd-buy-now-button { background: linear-gradient( 180deg, #55D98A 0%, #3CC676 48%, #2EAF66 100% ) !important; background-color: #3CC676 !important; border: 1px solid #2DAA62 !important; color: #FFFFFF !important; text-shadow: 0 1px 0 rgba(0,0,0,0.10) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.38), inset 0 -1px 0 rgba(0,0,0,0.06), 0 3px 8px rgba(46,175,102,0.20) !important; border-radius: 4px !important; transition: background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important; } /* BUY NOW - hover */ .single-product .wd-buy-now-btn:hover, .single-product .buy-now-btn:hover, .single-product .wd-buy-now-button:hover { background: linear-gradient( 180deg, #63E495 0%, #43CE7D 48%, #33B96C 100% ) !important; background-color: #43CE7D !important; border-color: #30B169 !important; color: #FFFFFF !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), inset 0 -1px 0 rgba(0,0,0,0.05), 0 5px 12px rgba(46,175,102,0.26) !important; transform: translateY(-1px) !important; } /* BUY NOW - active */ .single-product .wd-buy-now-btn:active, .single-product .buy-now-btn:active, .single-product .wd-buy-now-button:active { background: linear-gradient( 180deg, #32B96D 0%, #39C273 100% ) !important; transform: translateY(0) !important; box-shadow: inset 0 2px 4px rgba(0,0,0,0.10), 0 1px 4px rgba(46,175,102,0.18) !important; } /* Keep text white in Buy Now */ .single-product .wd-buy-now-btn *, .single-product .buy-now-btn *, .single-product .wd-buy-now-button * { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } /* PLACE ORDER - same modern glossy green */ body.woocommerce-checkout #place_order, body.woocommerce-checkout button#place_order, body.woocommerce-checkout .woocommerce-checkout-payment .button { background: linear-gradient( 180deg, #55D98A 0%, #3CC676 48%, #2EAF66 100% ) !important; background-color: #3CC676 !important; border: 1px solid #2DAA62 !important; color: #FFFFFF !important; text-shadow: 0 1px 0 rgba(0,0,0,0.10) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.38), inset 0 -1px 0 rgba(0,0,0,0.06), 0 3px 8px rgba(46,175,102,0.20) !important; border-radius: 4px !important; transition: background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important; } /* PLACE ORDER - hover */ body.woocommerce-checkout #place_order:hover, body.woocommerce-checkout button#place_order:hover, body.woocommerce-checkout .woocommerce-checkout-payment .button:hover { background: linear-gradient( 180deg, #63E495 0%, #43CE7D 48%, #33B96C 100% ) !important; background-color: #43CE7D !important; border-color: #30B169 !important; color: #FFFFFF !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), inset 0 -1px 0 rgba(0,0,0,0.05), 0 5px 12px rgba(46,175,102,0.26) !important; transform: translateY(-1px) !important; } /* PLACE ORDER - active */ body.woocommerce-checkout #place_order:active, body.woocommerce-checkout button#place_order:active, body.woocommerce-checkout .woocommerce-checkout-payment .button:active { background: linear-gradient( 180deg, #32B96D 0%, #39C273 100% ) !important; transform: translateY(0) !important; box-shadow: inset 0 2px 4px rgba(0,0,0,0.10), 0 1px 4px rgba(46,175,102,0.18) !important; } /* ========================================================= EUROANIME - MODERN GLOSSY RED BUTTONS Equivalent visual treatment to the glossy green buttons. Applies ONLY to red action buttons. Does NOT affect: - Buy Now - Place Order - quantity minus / plus - red page-title / checkout bars / notices / status labels ========================================================= */ /* --------------------------------------------------------- RED BUTTONS - NORMAL STATE --------------------------------------------------------- */ body button:not(#place_order):not(.wd-buy-now-btn):not(.buy-now-btn):not(.wd-buy-now-button):not(.minus):not(.plus), body input[type="submit"]:not(#place_order):not(.minus):not(.plus), body input[type="button"]:not(.minus):not(.plus), body a.button:not(.wd-buy-now-btn):not(.buy-now-btn):not(.wd-buy-now-button):not(.minus):not(.plus), body .button:not(#place_order):not(.wd-buy-now-btn):not(.buy-now-btn):not(.wd-buy-now-button):not(.minus):not(.plus), body .btn:not(.wd-buy-now-btn):not(.buy-now-btn):not(.wd-buy-now-button):not(.minus):not(.plus), body .single_add_to_cart_button, body .wd-subscribe-form button, body .wd-subscribe-form input[type="submit"], body .newsletter-form button, body .newsletter-form input[type="submit"], body .mc4wp-form button, body .mc4wp-form input[type="submit"], body form[class*="subscribe"] button, body form[class*="subscribe"] input[type="submit"], body form[class*="newsletter"] button, body form[class*="newsletter"] input[type="submit"], body [class*="subscribe"] .button, body [class*="newsletter"] .button { background: linear-gradient( 180deg, #F85B70 0%, #ED3B53 48%, #D92741 100% ) !important; background-color: #ED3B53 !important; background-image: linear-gradient( 180deg, #F85B70 0%, #ED3B53 48%, #D92741 100% ) !important; border: 1px solid #D92741 !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; text-shadow: 0 1px 0 rgba(0,0,0,0.10) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.34), inset 0 -1px 0 rgba(0,0,0,0.06), 0 3px 8px rgba(227,39,62,0.20) !important; border-radius: 4px !important; transition: background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important; } /* --------------------------------------------------------- RED BUTTONS - HOVER --------------------------------------------------------- */ body button:not(#place_order):not(.wd-buy-now-btn):not(.buy-now-btn):not(.wd-buy-now-button):not(.minus):not(.plus):hover, body input[type="submit"]:not(#place_order):not(.minus):not(.plus):hover, body input[type="button"]:not(.minus):not(.plus):hover, body a.button:not(.wd-buy-now-btn):not(.buy-now-btn):not(.wd-buy-now-button):not(.minus):not(.plus):hover, body .button:not(#place_order):not(.wd-buy-now-btn):not(.buy-now-btn):not(.wd-buy-now-button):not(.minus):not(.plus):hover, body .btn:not(.wd-buy-now-btn):not(.buy-now-btn):not(.wd-buy-now-button):not(.minus):not(.plus):hover, body .single_add_to_cart_button:hover, body .wd-subscribe-form button:hover, body .wd-subscribe-form input[type="submit"]:hover, body .newsletter-form button:hover, body .newsletter-form input[type="submit"]:hover, body .mc4wp-form button:hover, body .mc4wp-form input[type="submit"]:hover, body form[class*="subscribe"] button:hover, body form[class*="subscribe"] input[type="submit"]:hover, body form[class*="newsletter"] button:hover, body form[class*="newsletter"] input[type="submit"]:hover, body [class*="subscribe"] .button:hover, body [class*="newsletter"] .button:hover { background: linear-gradient( 180deg, #FF6A7E 0%, #F2475E 48%, #DF2E47 100% ) !important; background-color: #F2475E !important; background-image: linear-gradient( 180deg, #FF6A7E 0%, #F2475E 48%, #DF2E47 100% ) !important; border-color: #DF2E47 !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.42), inset 0 -1px 0 rgba(0,0,0,0.05), 0 5px 12px rgba(227,39,62,0.27) !important; transform: translateY(-1px) !important; } /* --------------------------------------------------------- RED BUTTONS - ACTIVE / PRESSED --------------------------------------------------------- */ body button:not(#place_order):not(.wd-buy-now-btn):not(.buy-now-btn):not(.wd-buy-now-button):not(.minus):not(.plus):active, body input[type="submit"]:not(#place_order):not(.minus):not(.plus):active, body input[type="button"]:not(.minus):not(.plus):active, body a.button:not(.wd-buy-now-btn):not(.buy-now-btn):not(.wd-buy-now-button):not(.minus):not(.plus):active, body .button:not(#place_order):not(.wd-buy-now-btn):not(.buy-now-btn):not(.wd-buy-now-button):not(.minus):not(.plus):active, body .btn:not(.wd-buy-now-btn):not(.buy-now-btn):not(.wd-buy-now-button):not(.minus):not(.plus):active, body .single_add_to_cart_button:active { background: linear-gradient( 180deg, #D92A43 0%, #E4364E 100% ) !important; background-color: #D92A43 !important; background-image: linear-gradient( 180deg, #D92A43 0%, #E4364E 100% ) !important; border-color: #CB223A !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; transform: translateY(0) !important; box-shadow: inset 0 2px 4px rgba(0,0,0,0.10), 0 1px 4px rgba(227,39,62,0.18) !important; } /* --------------------------------------------------------- KEEP ALL TEXT / ICONS WHITE INSIDE RED BUTTONS --------------------------------------------------------- */ body button:not(#place_order):not(.wd-buy-now-btn):not(.buy-now-btn):not(.wd-buy-now-button):not(.minus):not(.plus) *, body a.button:not(.wd-buy-now-btn):not(.buy-now-btn):not(.wd-buy-now-button):not(.minus):not(.plus) *, body .button:not(#place_order):not(.wd-buy-now-btn):not(.buy-now-btn):not(.wd-buy-now-button):not(.minus):not(.plus) *, body .btn:not(.wd-buy-now-btn):not(.buy-now-btn):not(.wd-buy-now-button):not(.minus):not(.plus) *, body .single_add_to_cart_button * { color: #FFFFFF !important; fill: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } /* --------------------------------------------------------- FINAL SAFETY OVERRIDE: KEEP PRODUCT QUANTITY MINUS / PLUS WHITE --------------------------------------------------------- */ body.single-product form.cart .quantity button.minus, body.single-product form.cart .quantity button.plus, body.single-product form.cart .quantity input.minus, body.single-product form.cart .quantity input.plus, body.single-product .cart .quantity button.minus, body.single-product .cart .quantity button.plus, body.single-product .cart .quantity input.minus, body.single-product .cart .quantity input.plus, body.single-product form.cart .quantity button.minus:hover, body.single-product form.cart .quantity button.plus:hover, body.single-product form.cart .quantity button.minus:focus, body.single-product form.cart .quantity button.plus:focus, body.single-product form.cart .quantity button.minus:active, body.single-product form.cart .quantity button.plus:active { background: #FFFFFF !important; background-color: #FFFFFF !important; background-image: none !important; border-color: #E5E5E5 !important; color: #111217 !important; -webkit-text-fill-color: #111217 !important; text-shadow: none !important; box-shadow: none !important; transform: none !important; } /* If WoodMart renders the single-product +/- marks with pseudo-elements. */ body.single-product form.cart .quantity .minus::before, body.single-product form.cart .quantity .minus::after, body.single-product form.cart .quantity .plus::before, body.single-product form.cart .quantity .plus::after, body.single-product .cart .quantity .minus::before, body.single-product .cart .quantity .minus::after, body.single-product .cart .quantity .plus::before, body.single-product .cart .quantity .plus::after { color: #111217 !important; background-color: #111217 !important; } /* ========================================================= EUROANIME - MODERN GLOSSY BARS / STATUS ELEMENTS Completes the glossy redesign across the corporate UI. Buttons keep the glossy red/green treatment already defined. Brand social icons (Facebook/Instagram) are intentionally untouched. ========================================================= */ /* ========================================================= 1. RED CORPORATE BARS Checkout steps + page-title bars ========================================================= */ body.woocommerce-cart .wd-checkout-steps, body.woocommerce-checkout .wd-checkout-steps, body.woocommerce-order-received .wd-checkout-steps, body.woocommerce-cart .checkout-steps, body.woocommerce-checkout .checkout-steps, body.woocommerce-order-received .checkout-steps, body.woocommerce-cart .wd-page-title, body.woocommerce-checkout .wd-page-title, body.woocommerce-order-received .wd-page-title, body.woocommerce-account .page-title, body.woocommerce-account .page-title-default, body.woocommerce-account .wd-page-title, body.woocommerce-account .title-design-centered, body.woocommerce-account .title-design-disable, body.woocommerce-account [class*="page-title"] { background: linear-gradient( 180deg, #F85B70 0%, #ED3B53 48%, #D92741 100% ) !important; background-color: #ED3B53 !important; background-image: linear-gradient( 180deg, #F85B70 0%, #ED3B53 48%, #D92741 100% ) !important; border-color: #D92741 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.28), inset 0 -1px 0 rgba(0,0,0,0.06), 0 3px 10px rgba(227,39,62,0.16) !important; } /* My Account / Orders inner containers: keep the same glossy surface instead of covering it with solid red */ body.woocommerce-account .page-title .container, body.woocommerce-account .page-title-default .container, body.woocommerce-account .wd-page-title .container { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Pseudo overlay used by some WoodMart title layouts */ body.woocommerce-account .page-title::before, body.woocommerce-account .page-title-default::before, body.woocommerce-account .wd-page-title::before, body.woocommerce-account [class*="page-title"]::before { background: linear-gradient( 180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.00) 45%, rgba(0,0,0,0.04) 100% ) !important; background-color: transparent !important; background-image: linear-gradient( 180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.00) 45%, rgba(0,0,0,0.04) 100% ) !important; opacity: 1 !important; pointer-events: none !important; } /* Keep all text/icons white inside red bars */ body.woocommerce-cart .wd-checkout-steps *, body.woocommerce-checkout .wd-checkout-steps *, body.woocommerce-order-received .wd-checkout-steps *, body.woocommerce-cart .checkout-steps *, body.woocommerce-checkout .checkout-steps *, body.woocommerce-order-received .checkout-steps *, body.woocommerce-cart .wd-page-title *, body.woocommerce-checkout .wd-page-title *, body.woocommerce-order-received .wd-page-title *, body.woocommerce-account .page-title *, body.woocommerce-account .page-title-default *, body.woocommerce-account .wd-page-title *, body.woocommerce-account [class*="page-title"] * { color: #FFFFFF !important; fill: #FFFFFF !important; border-color: rgba(255,255,255,0.72) !important; opacity: 1 !important; } /* ========================================================= 2. RED INFORMATION / NOTICE BARS My Account and WooCommerce notices already using corporate red ========================================================= */ body.woocommerce-account .woocommerce-info, body.woocommerce-account .woocommerce-message, body.woocommerce-account .woocommerce-error, body.woocommerce-account .wc-block-components-notice-banner.is-info, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error, body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info, body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message { background: linear-gradient( 180deg, #F85B70 0%, #ED3B53 48%, #D92741 100% ) !important; background-color: #ED3B53 !important; background-image: linear-gradient( 180deg, #F85B70 0%, #ED3B53 48%, #D92741 100% ) !important; border-color: #D92741 !important; color: #FFFFFF !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.28), inset 0 -1px 0 rgba(0,0,0,0.06), 0 3px 9px rgba(227,39,62,0.14) !important; text-shadow: 0 1px 0 rgba(0,0,0,0.08) !important; } body.woocommerce-account .woocommerce-info *, body.woocommerce-account .woocommerce-message *, body.woocommerce-account .woocommerce-error *, body.woocommerce-account .wc-block-components-notice-banner.is-info *, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info *, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message *, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error *, body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info *, body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message * { color: #FFFFFF !important; fill: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } /* ========================================================= 3. ORDER STATUS - PENDING SHIPMENT Glossy yellow ========================================================= */ .woocommerce-orders-table__row--status-pending-shipment .woocommerce-orders-table__cell-order-status, .order-status.status-pending-shipment, .status-pending-shipment .order-status, .wc-status-pending-shipment { background: linear-gradient( 180deg, #FFE783 0%, #F6D45C 48%, #E6BE3F 100% ) !important; background-color: #F6D45C !important; background-image: linear-gradient( 180deg, #FFE783 0%, #F6D45C 48%, #E6BE3F 100% ) !important; border-color: #DCAF32 !important; color: #FFFFFF !important; text-shadow: 0 1px 0 rgba(0,0,0,0.14) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.42), inset 0 -1px 0 rgba(0,0,0,0.06), 0 3px 8px rgba(230,190,63,0.18) !important; } /* ========================================================= 4. ORDER STATUS - SHIPPED Same glossy green family as Buy Now / Place Order ========================================================= */ .woocommerce-orders-table__row--status-shipped .woocommerce-orders-table__cell-order-status, .order-status.status-shipped, .status-shipped .order-status, .wc-status-shipped { background: linear-gradient( 180deg, #55D98A 0%, #3CC676 48%, #2EAF66 100% ) !important; background-color: #3CC676 !important; background-image: linear-gradient( 180deg, #55D98A 0%, #3CC676 48%, #2EAF66 100% ) !important; border-color: #2DAA62 !important; color: #FFFFFF !important; text-shadow: 0 1px 0 rgba(0,0,0,0.10) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.38), inset 0 -1px 0 rgba(0,0,0,0.06), 0 3px 8px rgba(46,175,102,0.18) !important; } /* Keep status text white */ .order-status.status-pending-shipment *, .order-status.status-shipped *, .status-pending-shipment .order-status *, .status-shipped .order-status *, .wc-status-pending-shipment *, .wc-status-shipped * { color: #FFFFFF !important; fill: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } /* Shared status-chip geometry retained from the original CSS. */ .order-status.status-pending-shipment, .order-status.status-shipped, .status-pending-shipment .order-status, .status-shipped .order-status, .wc-status-pending-shipment, .wc-status-shipped { padding: 8px 14px !important; border-radius: 6px !important; font-weight: 600 !important; } /* ========================================================= 5. FINAL RED BUTTON COVERAGE Reassert glossy treatment on common WoodMart/WooCommerce actions. Quantity +/- remain excluded and white. ========================================================= */ body .woocommerce-MyAccount-content button:not(.minus):not(.plus):not(#place_order), body .woocommerce-MyAccount-content .button:not(.minus):not(.plus):not(#place_order), body .woocommerce-MyAccount-content a.button:not(.minus):not(.plus), body .woocommerce-orders-table__cell-order-actions a, body .woocommerce-orders-table__cell-order-actions .button, body a.woocommerce-button.view, body .return-to-shop .button, body .return-to-shop a.button, body .wd-wishlist-content .button, body .wd-wishlist-content a.button, body .wishlist-empty .button, body .wishlist-empty a.button { background: linear-gradient( 180deg, #F85B70 0%, #ED3B53 48%, #D92741 100% ) !important; background-color: #ED3B53 !important; background-image: linear-gradient( 180deg, #F85B70 0%, #ED3B53 48%, #D92741 100% ) !important; border-color: #D92741 !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; text-shadow: 0 1px 0 rgba(0,0,0,0.10) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.34), inset 0 -1px 0 rgba(0,0,0,0.06), 0 3px 8px rgba(227,39,62,0.20) !important; border-radius: 4px !important; transition: background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important; } body .woocommerce-MyAccount-content button:not(.minus):not(.plus):not(#place_order):hover, body .woocommerce-MyAccount-content .button:not(.minus):not(.plus):not(#place_order):hover, body .woocommerce-MyAccount-content a.button:not(.minus):not(.plus):hover, body .woocommerce-orders-table__cell-order-actions a:hover, body .woocommerce-orders-table__cell-order-actions .button:hover, body a.woocommerce-button.view:hover, body .return-to-shop .button:hover, body .return-to-shop a.button:hover, body .wd-wishlist-content .button:hover, body .wd-wishlist-content a.button:hover, body .wishlist-empty .button:hover, body .wishlist-empty a.button:hover { background: linear-gradient( 180deg, #FF6A7E 0%, #F2475E 48%, #DF2E47 100% ) !important; background-color: #F2475E !important; background-image: linear-gradient( 180deg, #FF6A7E 0%, #F2475E 48%, #DF2E47 100% ) !important; border-color: #DF2E47 !important; color: #FFFFFF !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.42), inset 0 -1px 0 rgba(0,0,0,0.05), 0 5px 12px rgba(227,39,62,0.27) !important; transform: translateY(-1px) !important; } /* ========================================================= EUROANIME - WISHLIST TITLE BAR Yellow -> corporate glossy red All title / breadcrumb text -> white ========================================================= */ body.woocommerce-wishlist .page-title, body.woocommerce-wishlist .page-title-default, body.woocommerce-wishlist .wd-page-title, body.woocommerce-wishlist .title-design-centered, body.woocommerce-wishlist .title-design-disable, body.woocommerce-wishlist [class*="page-title"] { background: linear-gradient( 180deg, #F85B70 0%, #ED3B53 48%, #D92741 100% ) !important; background-color: #ED3B53 !important; background-image: linear-gradient( 180deg, #F85B70 0%, #ED3B53 48%, #D92741 100% ) !important; border-color: #D92741 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.30), inset 0 -1px 0 rgba(0,0,0,0.06), 0 3px 10px rgba(227,39,62,0.18) !important; } /* If WoodMart places an inner container over the title background, keep it transparent so the glossy gradient remains visible. */ body.woocommerce-wishlist .page-title .container, body.woocommerce-wishlist .page-title-default .container, body.woocommerce-wishlist .wd-page-title .container, body.woocommerce-wishlist [class*="page-title"] .container { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* WoodMart title overlays / pseudo layers */ body.woocommerce-wishlist .page-title::before, body.woocommerce-wishlist .page-title-default::before, body.woocommerce-wishlist .wd-page-title::before, body.woocommerce-wishlist [class*="page-title"]::before { background: linear-gradient( 180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.00) 45%, rgba(0,0,0,0.04) 100% ) !important; background-color: transparent !important; background-image: linear-gradient( 180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.00) 45%, rgba(0,0,0,0.04) 100% ) !important; opacity: 1 !important; } /* Wishlist title + breadcrumbs + separators in white */ body.woocommerce-wishlist .page-title h1, body.woocommerce-wishlist .page-title .entry-title, body.woocommerce-wishlist .page-title .title, body.woocommerce-wishlist .page-title a, body.woocommerce-wishlist .page-title span, body.woocommerce-wishlist .page-title p, body.woocommerce-wishlist .page-title .breadcrumbs, body.woocommerce-wishlist .page-title .breadcrumbs a, body.woocommerce-wishlist .page-title .breadcrumbs span, body.woocommerce-wishlist .page-title-default h1, body.woocommerce-wishlist .page-title-default a, body.woocommerce-wishlist .page-title-default span, body.woocommerce-wishlist .wd-page-title h1, body.woocommerce-wishlist .wd-page-title a, body.woocommerce-wishlist .wd-page-title span, body.woocommerce-wishlist [class*="page-title"] h1, body.woocommerce-wishlist [class*="page-title"] a, body.woocommerce-wishlist [class*="page-title"] span, body.woocommerce-wishlist [class*="page-title"] .breadcrumbs, body.woocommerce-wishlist [class*="page-title"] .breadcrumbs * { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; fill: #FFFFFF !important; border-color: rgba(255,255,255,0.78) !important; opacity: 1 !important; text-shadow: 0 1px 0 rgba(0,0,0,0.08) !important; } /* Extra protection for WoodMart breadcrumb separators/icons */ body.woocommerce-wishlist .breadcrumbs::before, body.woocommerce-wishlist .breadcrumbs::after, body.woocommerce-wishlist .breadcrumbs a::before, body.woocommerce-wishlist .breadcrumbs a::after, body.woocommerce-wishlist .wd-breadcrumbs, body.woocommerce-wishlist .wd-breadcrumbs *, body.woocommerce-wishlist .woocommerce-breadcrumb, body.woocommerce-wishlist .woocommerce-breadcrumb * { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; fill: #FFFFFF !important; opacity: 1 !important; } /* ========================================================= EUROANIME - FINAL GLOBAL WOODMART PAGE-TITLE OVERRIDE Fixes pages such as Wishlist where WoodMart does NOT add body.woocommerce-wishlist. Applies the corporate glossy red treatment to WoodMart page-title bars. ========================================================= */ html body .page-title, html body .page-title-default, html body .wd-page-title, html body .title-design-centered, html body .title-design-disable { background: linear-gradient( 180deg, #F85B70 0%, #ED3B53 48%, #D92741 100% ) !important; background-color: #ED3B53 !important; background-image: linear-gradient( 180deg, #F85B70 0%, #ED3B53 48%, #D92741 100% ) !important; border-color: #D92741 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.30), inset 0 -1px 0 rgba(0,0,0,0.06), 0 3px 10px rgba(227,39,62,0.18) !important; --wd-title-color: #FFFFFF !important; --wd-link-color: #FFFFFF !important; --wd-link-color-hover: #FFFFFF !important; } /* Do not let WoodMart inner containers cover the glossy background */ html body .page-title > .container, html body .page-title-default > .container, html body .wd-page-title > .container, html body .title-design-centered > .container, html body .title-design-disable > .container { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* White title, breadcrumbs, separators and icons */ html body .page-title h1, html body .page-title h2, html body .page-title .entry-title, html body .page-title .title, html body .page-title a, html body .page-title span, html body .page-title p, html body .page-title .breadcrumbs, html body .page-title .breadcrumbs *, html body .page-title .wd-breadcrumbs, html body .page-title .wd-breadcrumbs *, html body .page-title .woocommerce-breadcrumb, html body .page-title .woocommerce-breadcrumb *, html body .page-title-default h1, html body .page-title-default h2, html body .page-title-default a, html body .page-title-default span, html body .page-title-default .breadcrumbs, html body .page-title-default .breadcrumbs *, html body .wd-page-title h1, html body .wd-page-title h2, html body .wd-page-title a, html body .wd-page-title span, html body .wd-page-title .breadcrumbs, html body .wd-page-title .breadcrumbs *, html body .title-design-centered h1, html body .title-design-centered a, html body .title-design-centered span, html body .title-design-centered .breadcrumbs, html body .title-design-centered .breadcrumbs *, html body .title-design-disable h1, html body .title-design-disable a, html body .title-design-disable span, html body .title-design-disable .breadcrumbs, html body .title-design-disable .breadcrumbs * { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; fill: #FFFFFF !important; border-color: rgba(255,255,255,0.80) !important; opacity: 1 !important; text-shadow: 0 1px 0 rgba(0,0,0,0.08) !important; } /* WoodMart can use an overlay/pseudo layer on the title bar */ html body .page-title::before, html body .page-title-default::before, html body .wd-page-title::before, html body .title-design-centered::before, html body .title-design-disable::before { background: linear-gradient( 180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.00) 45%, rgba(0,0,0,0.04) 100% ) !important; background-color: transparent !important; background-image: linear-gradient( 180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.00) 45%, rgba(0,0,0,0.04) 100% ) !important; opacity: 1 !important; pointer-events: none !important; } /* Specific extra protection for the Wishlist page content state. This works even when WoodMart does not add a wishlist class to . */ html body:has(.wishlist-empty) .page-title, html body:has(.wd-wishlist-content) .page-title, html body:has(.wishlist-content) .page-title, html body:has([class*="wishlist"]) .page-title { background: linear-gradient( 180deg, #F85B70 0%, #ED3B53 48%, #D92741 100% ) !important; background-color: #ED3B53 !important; background-image: linear-gradient( 180deg, #F85B70 0%, #ED3B53 48%, #D92741 100% ) !important; color: #FFFFFF !important; } html body:has(.wishlist-empty) .page-title *, html body:has(.wd-wishlist-content) .page-title *, html body:has(.wishlist-content) .page-title *, html body:has([class*="wishlist"]) .page-title * { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; fill: #FFFFFF !important; opacity: 1 !important; } /* ========================================================= EUROANIME - CHECKOUT FINAL CORRECTION Narrow selectors only: no wrapper painting, no broad button fallback. Fixes: 1) +/- white without creating a white strip. 2) "Added to cart" notice uses the corporate glossy red. ========================================================= */ /* --------------------------------------------------------- 1. CHECKOUT QUANTITY CONTROL IMPORTANT: the .quantity wrapper stays TRANSPARENT. Only the actual -, number and + controls receive white backgrounds. --------------------------------------------------------- */ html body.woocommerce-checkout .woocommerce-checkout-review-order-table .quantity, html body.woocommerce-checkout .woocommerce-checkout-review-order .quantity { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } /* Actual minus / plus controls only. :not(#place_order) is intentionally retained for specificity because the global glossy-red button rule also contains an ID selector. */ html body.woocommerce-checkout .woocommerce-checkout-review-order-table .quantity .minus:not(#place_order), html body.woocommerce-checkout .woocommerce-checkout-review-order-table .quantity .plus:not(#place_order), html body.woocommerce-checkout .woocommerce-checkout-review-order .quantity .minus:not(#place_order), html body.woocommerce-checkout .woocommerce-checkout-review-order .quantity .plus:not(#place_order) { --btn-bgcolor: #FFFFFF !important; --btn-bgcolor-hover: #FFFFFF !important; background: #FFFFFF !important; background-color: #FFFFFF !important; background-image: none !important; border: 1px solid #E5E5E5 !important; color: #111217 !important; -webkit-text-fill-color: #111217 !important; text-shadow: none !important; box-shadow: none !important; filter: none !important; transform: none !important; } html body.woocommerce-checkout .woocommerce-checkout-review-order-table .quantity .minus:not(#place_order):hover, html body.woocommerce-checkout .woocommerce-checkout-review-order-table .quantity .plus:not(#place_order):hover, html body.woocommerce-checkout .woocommerce-checkout-review-order-table .quantity .minus:not(#place_order):focus, html body.woocommerce-checkout .woocommerce-checkout-review-order-table .quantity .plus:not(#place_order):focus, html body.woocommerce-checkout .woocommerce-checkout-review-order-table .quantity .minus:not(#place_order):active, html body.woocommerce-checkout .woocommerce-checkout-review-order-table .quantity .plus:not(#place_order):active, html body.woocommerce-checkout .woocommerce-checkout-review-order .quantity .minus:not(#place_order):hover, html body.woocommerce-checkout .woocommerce-checkout-review-order .quantity .plus:not(#place_order):hover, html body.woocommerce-checkout .woocommerce-checkout-review-order .quantity .minus:not(#place_order):focus, html body.woocommerce-checkout .woocommerce-checkout-review-order .quantity .plus:not(#place_order):focus, html body.woocommerce-checkout .woocommerce-checkout-review-order .quantity .minus:not(#place_order):active, html body.woocommerce-checkout .woocommerce-checkout-review-order .quantity .plus:not(#place_order):active { --btn-bgcolor: #FFFFFF !important; --btn-bgcolor-hover: #FFFFFF !important; background: #FFFFFF !important; background-color: #FFFFFF !important; background-image: none !important; border-color: #D8D8D8 !important; color: #111217 !important; -webkit-text-fill-color: #111217 !important; text-shadow: none !important; box-shadow: none !important; filter: none !important; transform: none !important; } /* Numeric center field only; do not paint the surrounding wrapper. */ html body.woocommerce-checkout .woocommerce-checkout-review-order-table .quantity input.qty, html body.woocommerce-checkout .woocommerce-checkout-review-order-table .quantity input[type="number"], html body.woocommerce-checkout .woocommerce-checkout-review-order .quantity input.qty, html body.woocommerce-checkout .woocommerce-checkout-review-order .quantity input[type="number"] { background: #FFFFFF !important; background-color: #FFFFFF !important; background-image: none !important; border-color: #E5E5E5 !important; color: #111217 !important; -webkit-text-fill-color: #111217 !important; box-shadow: none !important; } /* If WoodMart draws +/- with pseudo-elements, keep those marks black. */ html body.woocommerce-checkout .woocommerce-checkout-review-order-table .quantity .minus:not(#place_order)::before, html body.woocommerce-checkout .woocommerce-checkout-review-order-table .quantity .minus:not(#place_order)::after, html body.woocommerce-checkout .woocommerce-checkout-review-order-table .quantity .plus:not(#place_order)::before, html body.woocommerce-checkout .woocommerce-checkout-review-order-table .quantity .plus:not(#place_order)::after, html body.woocommerce-checkout .woocommerce-checkout-review-order .quantity .minus:not(#place_order)::before, html body.woocommerce-checkout .woocommerce-checkout-review-order .quantity .minus:not(#place_order)::after, html body.woocommerce-checkout .woocommerce-checkout-review-order .quantity .plus:not(#place_order)::before, html body.woocommerce-checkout .woocommerce-checkout-review-order .quantity .plus:not(#place_order)::after { color: #111217 !important; border-color: #111217 !important; } /* --------------------------------------------------------- 2. CHECKOUT "ADDED TO CART" SUCCESS NOTICE Green WoodMart/WooCommerce success bar -> EuroAnime glossy red. --------------------------------------------------------- */ html body.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message, html body.woocommerce-checkout .woocommerce-notices-wrapper > .woocommerce-message, html body.woocommerce-checkout .woocommerce-message[role="alert"], html body.woocommerce-checkout .woocommerce-message { --wd-alert-bg: #ED3B53 !important; --wd-alert-color: #FFFFFF !important; --wd-success-color: #FFFFFF !important; background: linear-gradient( 180deg, #F85B70 0%, #ED3B53 48%, #D92741 100% ) !important; background-color: #ED3B53 !important; background-image: linear-gradient( 180deg, #F85B70 0%, #ED3B53 48%, #D92741 100% ) !important; border-color: #D92741 !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; text-shadow: 0 1px 0 rgba(0,0,0,0.08) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.34), inset 0 -1px 0 rgba(0,0,0,0.07), 0 3px 10px rgba(227,39,62,0.18) !important; } html body.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message::before, html body.woocommerce-checkout .woocommerce-message[role="alert"]::before, html body.woocommerce-checkout .woocommerce-message::before { color: #FFFFFF !important; fill: #FFFFFF !important; } /* Notice text and ordinary links stay white. */ html body.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message, html body.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message p, html body.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message span, html body.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message strong, html body.woocommerce-checkout .woocommerce-message[role="alert"], html body.woocommerce-checkout .woocommerce-message[role="alert"] p, html body.woocommerce-checkout .woocommerce-message[role="alert"] span, html body.woocommerce-checkout .woocommerce-message[role="alert"] strong { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } /* Continue Shopping remains a real glossy red action button, but is made slightly darker than the bar so it remains readable instead of becoming a flat red rectangle inside another red rectangle. */ html body.woocommerce-checkout .woocommerce-message a.button, html body.woocommerce-checkout .woocommerce-message .button { background: linear-gradient( 180deg, #E83B52 0%, #D92741 52%, #C51E36 100% ) !important; background-color: #D92741 !important; background-image: linear-gradient( 180deg, #E83B52 0%, #D92741 52%, #C51E36 100% ) !important; border-color: #BC1C33 !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.28), inset 0 -1px 0 rgba(0,0,0,0.08), 0 2px 5px rgba(145,18,38,0.18) !important; } /* ========================================================= EUROANIME - HEADER CART PRICE VISIBILITY FIX 2026-09-23 Keeps the cart amount white on the black header-cart pill on EVERY page. This intentionally overrides page-specific price rules (for example, single-product price rules) without changing product/content prices. ========================================================= */ html body .wd-header-cart .wd-tools-text, html body .wd-header-cart .wd-tools-text *, html body .wd-header-cart .wd-cart-subtotal, html body .wd-header-cart .wd-cart-subtotal *, html body .wd-header-cart .woocommerce-Price-amount, html body .wd-header-cart .woocommerce-Price-amount *, html body .wd-header-cart .amount, html body .wd-header-cart .amount *, html body .whb-header .wd-header-cart .wd-tools-text, html body .whb-header .wd-header-cart .wd-tools-text *, html body .whb-header .wd-header-cart .woocommerce-Price-amount, html body .whb-header .wd-header-cart .woocommerce-Price-amount * { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; opacity: 1 !important; } /* ========================================================= EUROANIME - PAGE TITLE NAV / GRID ICONS WHITE FIX 2026-09-23 Makes the page-title arrows and center grid/shop icon white on mobile and desktop. ========================================================= */ html body .page-title [class*="nav"] a, html body .page-title [class*="nav"] button, html body .page-title [class*="grid"] a, html body .page-title [class*="grid"] button, html body .page-title [class*="shop"] a, html body .page-title [class*="shop"] button, html body .page-title-default [class*="nav"] a, html body .page-title-default [class*="nav"] button, html body .page-title-default [class*="grid"] a, html body .page-title-default [class*="grid"] button, html body .page-title-default [class*="shop"] a, html body .page-title-default [class*="shop"] button, html body .wd-page-title [class*="nav"] a, html body .wd-page-title [class*="nav"] button, html body .wd-page-title [class*="grid"] a, html body .wd-page-title [class*="grid"] button, html body .wd-page-title [class*="shop"] a, html body .wd-page-title [class*="shop"] button, html body .title-design-centered [class*="nav"] a, html body .title-design-centered [class*="nav"] button, html body .title-design-centered [class*="grid"] a, html body .title-design-centered [class*="grid"] button, html body .title-design-centered [class*="shop"] a, html body .title-design-centered [class*="shop"] button, html body .title-design-disable [class*="nav"] a, html body .title-design-disable [class*="nav"] button, html body .title-design-disable [class*="grid"] a, html body .title-design-disable [class*="grid"] button, html body .title-design-disable [class*="shop"] a, html body .title-design-disable [class*="shop"] button { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; border-color: rgba(255,255,255,0.80) !important; opacity: 1 !important; } html body .page-title [class*="nav"] a *, html body .page-title [class*="nav"] button *, html body .page-title [class*="grid"] a *, html body .page-title [class*="grid"] button *, html body .page-title [class*="shop"] a *, html body .page-title [class*="shop"] button *, html body .page-title-default [class*="nav"] a *, html body .page-title-default [class*="nav"] button *, html body .page-title-default [class*="grid"] a *, html body .page-title-default [class*="grid"] button *, html body .page-title-default [class*="shop"] a *, html body .page-title-default [class*="shop"] button *, html body .wd-page-title [class*="nav"] a *, html body .wd-page-title [class*="nav"] button *, html body .wd-page-title [class*="grid"] a *, html body .wd-page-title [class*="grid"] button *, html body .wd-page-title [class*="shop"] a *, html body .wd-page-title [class*="shop"] button *, html body .title-design-centered [class*="nav"] a *, html body .title-design-centered [class*="nav"] button *, html body .title-design-centered [class*="grid"] a *, html body .title-design-centered [class*="grid"] button *, html body .title-design-centered [class*="shop"] a *, html body .title-design-centered [class*="shop"] button *, html body .title-design-disable [class*="nav"] a *, html body .title-design-disable [class*="nav"] button *, html body .title-design-disable [class*="grid"] a *, html body .title-design-disable [class*="grid"] button *, html body .title-design-disable [class*="shop"] a *, html body .title-design-disable [class*="shop"] button *, html body .page-title [class*="nav"] i, html body .page-title [class*="grid"] i, html body .page-title [class*="shop"] i, html body .page-title-default [class*="nav"] i, html body .page-title-default [class*="grid"] i, html body .page-title-default [class*="shop"] i, html body .wd-page-title [class*="nav"] i, html body .wd-page-title [class*="grid"] i, html body .wd-page-title [class*="shop"] i, html body .title-design-centered [class*="nav"] i, html body .title-design-centered [class*="grid"] i, html body .title-design-centered [class*="shop"] i, html body .title-design-disable [class*="nav"] i, html body .title-design-disable [class*="grid"] i, html body .title-design-disable [class*="shop"] i, html body .page-title [class*="nav"] svg, html body .page-title [class*="grid"] svg, html body .page-title [class*="shop"] svg, html body .page-title-default [class*="nav"] svg, html body .page-title-default [class*="grid"] svg, html body .page-title-default [class*="shop"] svg, html body .wd-page-title [class*="nav"] svg, html body .wd-page-title [class*="grid"] svg, html body .wd-page-title [class*="shop"] svg, html body .title-design-centered [class*="nav"] svg, html body .title-design-centered [class*="grid"] svg, html body .title-design-centered [class*="shop"] svg, html body .title-design-disable [class*="nav"] svg, html body .title-design-disable [class*="grid"] svg, html body .title-design-disable [class*="shop"] svg, html body .page-title [class*="nav"] path, html body .page-title [class*="grid"] path, html body .page-title [class*="shop"] path, html body .page-title-default [class*="nav"] path, html body .page-title-default [class*="grid"] path, html body .page-title-default [class*="shop"] path, html body .wd-page-title [class*="nav"] path, html body .wd-page-title [class*="grid"] path, html body .wd-page-title [class*="shop"] path, html body .title-design-centered [class*="nav"] path, html body .title-design-centered [class*="grid"] path, html body .title-design-centered [class*="shop"] path, html body .title-design-disable [class*="nav"] path, html body .title-design-disable [class*="grid"] path, html body .title-design-disable [class*="shop"] path, html body .page-title [class*="nav"]::before, html body .page-title [class*="nav"]::after, html body .page-title [class*="grid"]::before, html body .page-title [class*="grid"]::after, html body .page-title [class*="shop"]::before, html body .page-title [class*="shop"]::after, html body .page-title-default [class*="nav"]::before, html body .page-title-default [class*="nav"]::after, html body .page-title-default [class*="grid"]::before, html body .page-title-default [class*="grid"]::after, html body .page-title-default [class*="shop"]::before, html body .page-title-default [class*="shop"]::after, html body .wd-page-title [class*="nav"]::before, html body .wd-page-title [class*="nav"]::after, html body .wd-page-title [class*="grid"]::before, html body .wd-page-title [class*="grid"]::after, html body .wd-page-title [class*="shop"]::before, html body .wd-page-title [class*="shop"]::after, html body .title-design-centered [class*="nav"]::before, html body .title-design-centered [class*="nav"]::after, html body .title-design-centered [class*="grid"]::before, html body .title-design-centered [class*="grid"]::after, html body .title-design-centered [class*="shop"]::before, html body .title-design-centered [class*="shop"]::after, html body .title-design-disable [class*="nav"]::before, html body .title-design-disable [class*="nav"]::after, html body .title-design-disable [class*="grid"]::before, html body .title-design-disable [class*="grid"]::after, html body .title-design-disable [class*="shop"]::before, html body .title-design-disable [class*="shop"]::after { color: #FFFFFF !important; fill: #FFFFFF !important; stroke: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; border-color: rgba(255,255,255,0.80) !important; background-color: transparent !important; opacity: 1 !important; }