/* ==== PHILIPPINES — element-ID bound rules (footer = rb-etemplate 38112 "Footer-03", single language) ==== Fleet navy footer (methodology §9c / skill §8k). Colour only: layout, radii and spacing stay Elementor's. Before: ground #121418, panels #FFFFFF0D, headings #F75609, copyright #FFFFFFB5. After: ground #0E1726, links/text #A9B6C6 (8.7:1), headings #F8702E (6.3:1), hover white. 2026-09-19. */ :root{ --qn-ft-navy:#0E1726; --qn-ft-orange:#F8702E; --qn-ft-mute:#A9B6C6; } .footer-wrap, .footer-wrap .elementor-element-4e538a0{ background-color:var(--qn-ft-navy) !important; } .footer-wrap .elementor-element-24afd2b, .footer-wrap .elementor-element-ac9b9b1, .footer-wrap .elementor-element-cf9a216, .footer-wrap .elementor-element-93f89e2{ background-color:rgba(255,255,255,.045) !important; border:1px solid rgba(255,255,255,.09) !important; } .footer-wrap .elementor-heading-title{ color:var(--qn-ft-orange) !important; letter-spacing:.01em; } .footer-wrap a, .footer-wrap .elementor-icon-list-text{ color:var(--qn-ft-mute) !important; transition:color .2s ease; } .footer-wrap a:hover, .footer-wrap a:focus-visible, .footer-wrap a:hover .elementor-icon-list-text, .footer-wrap a:focus-visible .elementor-icon-list-text{ color:#fff !important; } .footer-wrap .elementor-icon-list-icon i, .footer-wrap .elementor-icon-list-icon svg{ color:var(--qn-ft-mute) !important; fill:currentColor !important; } .footer-wrap p, .footer-wrap .elementor-widget-text-editor, .footer-wrap .elementor-element-a09a645 .elementor-widget-container{ color:var(--qn-ft-mute) !important; } .footer-wrap a:focus-visible{ outline:3px solid var(--qn-ft-orange); outline-offset:3px; border-radius:4px; } /* social icons: neutral on navy, orange on hover — the brand colour stays an accent */ .footer-wrap .elementor-social-icon{ background-color:rgba(255,255,255,.08) !important; } .footer-wrap .elementor-social-icon i, .footer-wrap .elementor-social-icon svg{ color:#fff !important; fill:#fff !important; } .footer-wrap .elementor-social-icon:hover, .footer-wrap .elementor-social-icon:focus-visible{ background-color:var(--qn-ft-orange) !important; } .footer-wrap .elementor-social-icon:hover i, .footer-wrap .elementor-social-icon:hover svg{ color:#0E1726 !important; fill:#0E1726 !important; } /* dark mode: same footer — it is already dark */ [data-theme="dark"] .footer-wrap, [data-theme="dark"] .footer-wrap .elementor-element-4e538a0{ background-color:var(--qn-ft-navy) !important; } /* ==== Dark-mode contrast (Foxiz body[data-theme="dark"]), measured 2026-09-19 over 22 pages ==== Product accordions keep their per-category LIGHT-mode ink in dark mode: navy #182E49 1.24:1, maroon #613E3C 1.84:1, dark green #2D580A 2.04:1, blue #0054A6 2.29:1 on #191C20. In dark mode the title reads light; the category colour stays on the icon/border. Light mode untouched. */ body[data-theme="dark"] .e-n-accordion-item-title-text, body[data-theme="dark"] .e-n-accordion-item-title-text *{ color:#EDEDED !important; } body[data-theme="dark"] .e-n-accordion-item[open] > summary .e-n-accordion-item-title-text{ color:#FFFFFF !important; } /* /home-living/ "More Details" tab (#182E49 on #1B2025 = 1.19:1) */ body[data-theme="dark"] .elementor-element-40a0cd0 :is(.elementor-heading-title,.e-n-tab-title-text,p,span){ color:#EDEDED !important; } /* /contact/ labels: grey rgba(122,122,122,.58) 2.25:1 and #8A8A8A 3.94:1 on dark cards */ body[data-theme="dark"] .elementor-element-179bd448 :is(.elementor-heading-title,p,span), body[data-theme="dark"] .elementor-element-5ba6bb49 :is(.elementor-heading-title,p,span,strong){ color:#B5B7BA !important; } /* /qnet-business/ card copy rgba(255,255,255,.46) 4.11:1 */ body[data-theme="dark"] .elementor-element-591909a :is(p,span,.elementor-heading-title){ color:rgba(255,255,255,.78) !important; } /* second pass: /contact/ office phone rows (#8A8A8A on #2D2E2F = 3.94:1) and a /qnet-business/ card (46% white = 4.11:1) */ body[data-theme="dark"] .elementor-element-92e9b38, body[data-theme="dark"] .elementor-element-92e9b38 *{ color:#B5B7BA !important; } body[data-theme="dark"] .elementor-element-61f5658 :is(p,span,.elementor-heading-title){ color:rgba(255,255,255,.78) !important; } /* Header menu icons as SVG masks (same outlines, extracted from Font Awesome 6.1.1 Solid) so the 20 KB font-awesome.css and its webfonts no longer have to load for three glyphs. 2026-09-20. */ .menu-item-icon.fa-edit{font-family:inherit !important;display:inline-block;width:1.0em;height:1em;vertical-align:-.125em} .menu-item-icon.fa-edit::before{content:"";display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M490%201.6000000000000227Q507%2019.600000000000023%20507%2041.60000000000002Q507%2063.60000000000002%20490%2081.60000000000002L460%20111.60000000000002L362%2013.600000000000023L392%20-16.399999999999977Q410%20-33.39999999999998%20432%20-33.39999999999998Q454%20-33.39999999999998%20472%20-16.399999999999977L490%201.6000000000000227ZM172%20203.60000000000002%20340%2035.60000000000002%20438%20133.60000000000002%20270%20301.6Q261%20310.6%20248%20314.6L160%20344.6Q145%20348.6%20135%20337.6Q125%20328.6%20129%20313.6L159%20225.60000000000002Q163%20212.60000000000002%20172%20203.60000000000002ZM192%2024.600000000000023Q206%2025.600000000000023%20215%2034.60000000000002Q224%2043.60000000000002%20224%2056.60000000000002Q224%2070.60000000000002%20215%2079.60000000000002Q206%2088.60000000000002%20192%2088.60000000000002H96Q82%2089.60000000000002%2073%2098.60000000000002Q64%20107.60000000000002%2064%20120.60000000000002V377.6Q64%20391.6%2073%20400.6Q82%20409.6%2096%20409.6H352Q366%20409.6%20375%20400.6Q384%20391.6%20384%20377.6V280.6Q384%20267.6%20393%20258.6Q402%20249.60000000000002%20416%20248.60000000000002Q430%20249.60000000000002%20439%20258.6Q448%20267.6%20448%20280.6V377.6Q447%20418.6%20420%20445.6Q393%20472.6%20352%20473.6H96Q55%20472.6%2028%20445.6Q1%20418.6%200%20377.6V120.60000000000002Q1%2079.60000000000002%2028%2052.60000000000002Q55%2025.600000000000023%2096%2024.600000000000023H192Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M490%201.6000000000000227Q507%2019.600000000000023%20507%2041.60000000000002Q507%2063.60000000000002%20490%2081.60000000000002L460%20111.60000000000002L362%2013.600000000000023L392%20-16.399999999999977Q410%20-33.39999999999998%20432%20-33.39999999999998Q454%20-33.39999999999998%20472%20-16.399999999999977L490%201.6000000000000227ZM172%20203.60000000000002%20340%2035.60000000000002%20438%20133.60000000000002%20270%20301.6Q261%20310.6%20248%20314.6L160%20344.6Q145%20348.6%20135%20337.6Q125%20328.6%20129%20313.6L159%20225.60000000000002Q163%20212.60000000000002%20172%20203.60000000000002ZM192%2024.600000000000023Q206%2025.600000000000023%20215%2034.60000000000002Q224%2043.60000000000002%20224%2056.60000000000002Q224%2070.60000000000002%20215%2079.60000000000002Q206%2088.60000000000002%20192%2088.60000000000002H96Q82%2089.60000000000002%2073%2098.60000000000002Q64%20107.60000000000002%2064%20120.60000000000002V377.6Q64%20391.6%2073%20400.6Q82%20409.6%2096%20409.6H352Q366%20409.6%20375%20400.6Q384%20391.6%20384%20377.6V280.6Q384%20267.6%20393%20258.6Q402%20249.60000000000002%20416%20248.60000000000002Q430%20249.60000000000002%20439%20258.6Q448%20267.6%20448%20280.6V377.6Q447%20418.6%20420%20445.6Q393%20472.6%20352%20473.6H96Q55%20472.6%2028%20445.6Q1%20418.6%200%20377.6V120.60000000000002Q1%2079.60000000000002%2028%2052.60000000000002Q55%2025.600000000000023%2096%2024.600000000000023H192Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain} .menu-item-icon.fa-user{font-family:inherit !important;display:inline-block;width:0.875em;height:1em;vertical-align:-.125em} .menu-item-icon.fa-user::before{content:"";display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224%20217.60000000000002Q278%20216.60000000000002%20315%20180.60000000000002Q351%20143.60000000000002%20352%2089.60000000000002Q351%2035.60000000000002%20315%20-1.3999999999999773Q278%20-37.39999999999998%20224%20-38.39999999999998Q170%20-37.39999999999998%20133%20-1.3999999999999773Q97%2035.60000000000002%2096%2089.60000000000002Q97%20143.60000000000002%20133%20180.60000000000002Q170%20216.60000000000002%20224%20217.60000000000002ZM275%20265.6H173Q100%20267.6%2051%20316.6Q2%20365.6%200%20438.6Q0%20453.6%2010%20463.6Q20%20473.6%2035%20473.6H413Q428%20473.6%20438%20463.6Q448%20453.6%20448%20438.6Q446%20365.6%20397%20316.6Q348%20267.6%20275%20265.6Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224%20217.60000000000002Q278%20216.60000000000002%20315%20180.60000000000002Q351%20143.60000000000002%20352%2089.60000000000002Q351%2035.60000000000002%20315%20-1.3999999999999773Q278%20-37.39999999999998%20224%20-38.39999999999998Q170%20-37.39999999999998%20133%20-1.3999999999999773Q97%2035.60000000000002%2096%2089.60000000000002Q97%20143.60000000000002%20133%20180.60000000000002Q170%20216.60000000000002%20224%20217.60000000000002ZM275%20265.6H173Q100%20267.6%2051%20316.6Q2%20365.6%200%20438.6Q0%20453.6%2010%20463.6Q20%20473.6%2035%20473.6H413Q428%20473.6%20438%20463.6Q448%20453.6%20448%20438.6Q446%20365.6%20397%20316.6Q348%20267.6%20275%20265.6Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain} .menu-item-icon.fa-cart-arrow-down{font-family:inherit !important;display:inline-block;width:1.125em;height:1em;vertical-align:-.125em} .menu-item-icon.fa-cart-arrow-down::before{content:"";display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M0%20-14.399999999999977Q2%20-36.39999999999998%2024%20-38.39999999999998H96Q115%20-37.39999999999998%20120%20-18.399999999999977L121%20-6.399999999999977H312V95.60000000000002L288%2072.60000000000002Q272%2058.60000000000002%20255%2072.60000000000002Q241%2089.60000000000002%20255%20105.60000000000002L319%20169.60000000000002Q336%20184.60000000000002%20352%20169.60000000000002L416%20105.60000000000002Q431%2089.60000000000002%20416%2072.60000000000002Q400%2058.60000000000002%20383%2072.60000000000002L360%2095.60000000000002V-6.399999999999977H542Q558%20-5.399999999999977%20567%206.600000000000023Q576%2018.600000000000023%20573%2034.60000000000002L519%20226.60000000000002Q511%20248.60000000000002%20488%20249.60000000000002H171L180%20297.6H488Q510%20299.6%20512%20321.6Q510%20343.6%20488%20345.6H159Q141%20344.6%20136%20326.6L76%209.600000000000023H24Q2%207.600000000000023%200%20-14.399999999999977ZM224%20425.6Q223%20445.6%20210%20459.6Q196%20472.6%20176%20473.6Q156%20472.6%20142%20459.6Q129%20445.6%20128%20425.6Q129%20405.6%20142%20391.6Q156%20378.6%20176%20377.6Q196%20378.6%20210%20391.6Q223%20405.6%20224%20425.6ZM416%20425.6Q417%20405.6%20430%20391.6Q444%20378.6%20464%20377.6Q484%20378.6%20498%20391.6Q511%20405.6%20512%20425.6Q511%20445.6%20498%20459.6Q484%20472.6%20464%20473.6Q444%20472.6%20430%20459.6Q417%20445.6%20416%20425.6Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M0%20-14.399999999999977Q2%20-36.39999999999998%2024%20-38.39999999999998H96Q115%20-37.39999999999998%20120%20-18.399999999999977L121%20-6.399999999999977H312V95.60000000000002L288%2072.60000000000002Q272%2058.60000000000002%20255%2072.60000000000002Q241%2089.60000000000002%20255%20105.60000000000002L319%20169.60000000000002Q336%20184.60000000000002%20352%20169.60000000000002L416%20105.60000000000002Q431%2089.60000000000002%20416%2072.60000000000002Q400%2058.60000000000002%20383%2072.60000000000002L360%2095.60000000000002V-6.399999999999977H542Q558%20-5.399999999999977%20567%206.600000000000023Q576%2018.600000000000023%20573%2034.60000000000002L519%20226.60000000000002Q511%20248.60000000000002%20488%20249.60000000000002H171L180%20297.6H488Q510%20299.6%20512%20321.6Q510%20343.6%20488%20345.6H159Q141%20344.6%20136%20326.6L76%209.600000000000023H24Q2%207.600000000000023%200%20-14.399999999999977ZM224%20425.6Q223%20445.6%20210%20459.6Q196%20472.6%20176%20473.6Q156%20472.6%20142%20459.6Q129%20445.6%20128%20425.6Q129%20405.6%20142%20391.6Q156%20378.6%20176%20377.6Q196%20378.6%20210%20391.6Q223%20405.6%20224%20425.6ZM416%20425.6Q417%20405.6%20430%20391.6Q444%20378.6%20464%20377.6Q484%20378.6%20498%20391.6Q511%20405.6%20512%20425.6Q511%20445.6%20498%20459.6Q484%20472.6%20464%20473.6Q444%20472.6%20430%20459.6Q417%20445.6%20416%20425.6Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain} /* ==== 2026-09-20 pass 3 — WCAG AA contrast, template-level (axe-core 4.10.2 on the 21 live pages) ==== Brand orange #F75609 as TEXT on a light ground never reaches 4.5:1 (3.34:1 on white). Fleet rule (clean-fleet §7d): step it to #B8460F — 5.36:1 on white, 5.17:1 on #FFFAF8, 5.00:1 on #F7F7F7. Light mode only: in dark mode the same orange sits on a dark ground and already passes. */ body:not([data-theme="dark"]) :is(.elementor-element-227ff49,.elementor-element-5b6c355,.elementor-element-8248ac1) .elementor-icon-box-title a{ color:#B8460F !important; } /* header REGISTER / LOGIN / SHOP, 10px, was 3.22:1 */ body:not([data-theme="dark"]) .elementor-element-42c17b2 .elementor-heading-title{ color:#B8460F !important; } /* home "Find all your daily needs here", 20px, was 3.11:1 */