/* Contrast overrides — the template was designed around a light/bright accent. With a dark navy accent, every element that uses background: var(--theme-color) needs white text / icons instead of dark ink. Loaded LAST so these win. */ /* BUTTONS — text contrast rules. Children inherit color from the button, so we only set color on the button itself. Forcing child (* ) colors causes banner-section hover to show a white span on a white background (banner.css deliberately flips to a white bg + dark text on hover). Keep it simple and let cascade do its work. */ /* Idle — navy-bg buttons (btn-one) get white text */ .theme-btn.btn-one:not(:hover) { color: #ffffff !important; } /* Idle — white-bg banner button gets dark text */ .banner-btn.theme-btn:not(:hover) { color: var(--title-color) !important; } /* Default hover — navy-900 overlay fills the bg, text goes white */ .theme-btn:hover { color: #ffffff !important; } /* Exception: .banner-section btn-one hover deliberately shows white bg + dark text (see banner.css:64-72). Respect that and keep text dark. */ .banner-section .content-box .btn-box .theme-btn.btn-one:hover, .banner-section .content-box .btn-box .theme-btn.btn-one:hover span { color: var(--title-color) !important; } /* Icon boxes, counters and pill labels that now sit on dark navy */ .chooseus-block-one .inner-box .icon-box, .processing-block-one .inner-box .count-text, .process-section .tab-btns li:before, .pricing-section .tab-btns:before, .welcome-section .tab-btns li.active-btn, .image_block_one .image-box .single-item .experience-box h3, .image_block_one .image-box .single-item .support-box .icon-box, .image_block_two .image-inner .support-box .icon-box, .processing-block-two .inner-box h4, .nav-style-one .owl-nav button:before, .service-sidebar .category-widget .category-list li a.current, .service-sidebar .category-widget .category-list li a:hover, .sortable-masonry .filter-tabs li:hover, .sortable-masonry .filter-tabs li.active, .pagination li a:hover, .pagination li a.current, .contact-section .info-box .single-item .icon-box { color: #ffffff !important; } /* The marquee strip (slide-text) — text needs to be visible on navy */ .slide-text .text-inner, .slide-text .text-inner li { color: #ffffff !important; } /* Tab buttons on welcome — the active state has navy bg, inactive icons keep dark */ .welcome-section .tab-btns li.active-btn, .welcome-section .tab-btns li.active-btn i { color: #ffffff !important; } /* Download banner "Download E-book" button sits on the accent — force white text */ .download-section .content-box .theme-btn.btn-one { color: #ffffff !important; } /* Footer widget headings and copyright link hover on dark footer */ .main-footer.light-footer .widget-title h4 { color: var(--title-color); } /* Inverted logo variant for dark backgrounds (footer + mobile menu panel). The Euro Jobs PNG is black text + navy dot — invert it on dark surfaces. */ .main-footer .footer-logo img, .mobile-menu .nav-logo img { filter: brightness(0) invert(1); } /* Preloader gate — if the inline script set `ej-preloaded` on (because the preloader has already played once this session), hide the loader-wrap before it can paint. Covers language switches and any other full-page reload within the same session. */ html.ej-preloaded .loader-wrap { display: none !important; } /* List checkmark discs (.list-style-one li). Template draws them with var(--theme-color) at 20% opacity behind a var(--theme-color) checkmark — both navy on the navy-900 About section background, invisible. Force a solid ice-blue disc with a navy-900 checkmark so the bullets have clear contrast on any background. */ .list-style-one li:after { background: #7FB3FF !important; opacity: 1 !important; } .list-style-one li:before { color: #0A1F44 !important; font-weight: 700; z-index: 1; } /* Language switcher (replaces the template's