:root {
--accent: #c5a059 !important;
--primary: #262928 !important;
--secondary: #262928 !important;
--primary-font: Cormorant Garamond, sans-serif;
--secondary-font: Inter, sans-serif;
}

/* 1. Keep form reCAPTCHA locked in place and prevent flashing */
.g-recaptcha {
    position: relative !important;
    opacity: 0;
    animation: fadeInFormRecaptcha 0.4s ease-in-out forwards;
}

@keyframes fadeInFormRecaptcha {
    to {
        opacity: 1;
    }
}

/* 2. Keep the floating Google reCAPTCHA badge hidden and prevent click-flashing */
.grecaptcha-badge {
    visibility: hidden !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease-in-out;
}

/* Optional: If you still want the floating badge to appear smoothly after clicking/loading without flashing */
body:not(.loading) .grecaptcha-badge {
    visibility: visible !important;
    opacity: 1 !important;
}

/* 3. Prevent ProHealth loader flash on navigation */
.page-loader, .preloader, #preloader, .auth-page-wrapper {
    opacity: 0;
    animation: fadeInContent 0.4s ease-in-out forwards;
}

@keyframes fadeInContent {
    to {
        opacity: 1;
    }
}

/* Forces all text and links inside the page header/banner to be white */
.page-header *, .breadcrumb *, .breadcrumbs *, h1, .shop-banner * {
    color: #ffffff !important;
}

/* Automatically makes all text, links, and titles white inside headers and banners */
.page-header *, .site-header-banner *, .page-banner *, .shop-banner *, .breadcrumb *, .breadcrumbs * {
    color: #ffffff !important;
}