/* Theme Name: Digibabaa Theme Theme URI: https://digibabaa.com/ Description: A custom WordPress theme for Digibabaa, converted from a React/Vite project. Version: 1.0.3 Author: Antigravity Author URI: https://digibabaa.com/ Text Domain: digibaba-theme */ /* --------------------------------------------------------------- Navbar visibility fix for inner pages (non-home). `is-not-home` is set by JS in functions.php → digibaba_route_tracker_script This survives WP routing quirks and SPA client-side navigation. --------------------------------------------------------------- */ /* Solid white header on inner pages so the menu has contrast. */ body.is-not-home header { background-color: rgba(255, 255, 255, 0.98) !important; padding-top: 1rem !important; padding-bottom: 1rem !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; border-bottom: 1px solid #e2e8f0 !important; backdrop-filter: blur(8px); } /* Force dark text for every link/button/span/div inside the header on inner pages. */ body.is-not-home header a, body.is-not-home header button, body.is-not-home header nav span, body.is-not-home header nav div { color: #1a1f2e !important; /* Premium Navy */ } /* Hover state for menu items on inner pages — use brand primary. */ body.is-not-home header nav a:hover, body.is-not-home header nav button:hover, body.is-not-home header nav a:hover span, body.is-not-home header nav button:hover span { color: #2563eb !important; } /* Mobile menu toggle icon should be dark on inner pages. */ body.is-not-home header > div > div > button.md\:hidden, body.is-not-home header > div > div > button.md\:hidden * { color: #202433 !important; } /* Keep the "Book A Call" CTA visible (primary background + white text). */ body.is-not-home header a.bg-primary, body.is-not-home header button.bg-primary, body.is-not-home header .bg-primary, body.is-not-home header .bg-primary * { background-color: #2563eb !important; color: #ffffff !important; border-color: #2563eb !important; } /* "Download Guide" outline button on inner pages — dark border + dark text. */ body.is-not-home header a.border-white, body.is-not-home header button.border-white { border-color: #2563eb !important; color: #2563eb !important; background-color: transparent !important; } body.is-not-home header a.border-white:hover, body.is-not-home header button.border-white:hover { background-color: rgba(37, 99, 235, 0.1) !important; } /* Dropdown menu items (Products / About panels) keep their own dark styles — override the broad text rule so dropdown content reads normally. */ body.is-not-home header nav .group > div a, body.is-not-home header nav .group > div a *, body.is-not-home header nav .group > div h3, body.is-not-home header nav .group > div h4, body.is-not-home header nav .group > div p { color: inherit !important; } body.is-not-home header nav .group > div h3 { color: #202433 !important; } body.is-not-home header nav .group > div h4 { color: #202433 !important; } body.is-not-home header nav .group > div p { color: #6b7280 !important; } /* Dark-mode support: if the React app's picks up the 'dark' class, flip the navbar to its navy background. */ html.dark body.is-not-home header { background-color: rgba(16, 21, 36, 0.98) !important; border-bottom-color: #1f2937 !important; } html.dark body.is-not-home header a, html.dark body.is-not-home header button, html.dark body.is-not-home header nav span, html.dark body.is-not-home header nav div { color: #e5e7eb !important; } html.dark body.is-not-home header nav .group > div h3, html.dark body.is-not-home header nav .group > div h4 { color: #ffffff !important; }