/* Custom styles — overrides and enhancements beyond Tailwind */

/* Smooth focus outlines for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #2e7d32;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f4f8f2;
}
::-webkit-scrollbar-thumb {
    background: #a5d6a7;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #66bb6a;
}

/* Ensure navbar height is consistent */
#navbar {
    height: 72px;
}

/* Prevent content jump when navbar becomes solid */
body {
    padding-top: 72px;
}

/* Subtle pattern for hero section */
.hero-pattern {
    background-color: #fafcf8;
}

/* Image hover zoom effect */
.service-card img,
section img {
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Print styles */
@media print {
    #navbar,
    .reveal {
        display: block !important;
        opacity: 1 !important;
        transform: none !important;
    }
    footer {
        background: #142e15 !important;
        color: white !important;
    }
}