/* Custom Tailwind layer and utilities */
@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .text-shadow {
        text-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .text-gradient {
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
    }
    .animate-float {
        animation: float 6s ease-in-out infinite;
    }
    @keyframes float {
        0% { transform: translateY(0px); }
        50% { transform: translateY(-20px); }
        100% { transform: translateY(0px); }
    }
    .scrollbar-hide::-webkit-scrollbar {
        display: none;
    }
    .scrollbar-hide {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}

/* Opaque navbar background on the homepage */
#navbar {
    background-color: #1D2939 !important; /* Tailwind dark color */
}

/* Ensure hero subtitle is blue even if parent sets white */
#home h1 span {
    color: #165DFF !important;
}

/* Force brand blue on learn-more within service cards */
.service-card .learn-more {
    color: #165DFF !important;
}
.service-card:hover .learn-more {
    color: #165DFF !important;
}

/* Contrast protection: ensure readable text on dark backgrounds */
.bg-dark .text-dark,
[class*="bg-dark"] .text-dark,
.bg-[#1D2939] .text-dark {
    color: #ffffff !important;
}

.bg-dark .text-neutral,
[class*="bg-dark"] .text-neutral,
.bg-[#1D2939] .text-neutral {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Force solid green background for agri contact section */
#agri-contact {
    background-color: rgba(54, 179, 126, 0.1) !important; /* match bg-secondary/10 */
}