/* Custom styles that extend beyond Tailwind */

/* Smooth scroll offset for fixed nav */
html {
    scroll-padding-top: 64px;
}

/* Selection color */
::selection {
    background: #fce4d6;
    color: #682619;
}

/* Focus styles */
:focus-visible {
    outline: 2px solid #e05528;
    outline-offset: 2px;
}

/* Subtle pattern for hero area */
#hero {
    background-image: radial-gradient(circle at 20% 80%, rgba(224, 85, 40, 0.03) 0%, transparent 50%),
                      radial-gradient(circle at 80% 20%, rgba(227, 196, 120, 0.05) 0%, transparent 50%);
}

/* Hover lift for stat cards */
.stat-card {
    will-change: transform;
}

/* Image hover zoom */
img {
    transition: transform 0.6s ease;
}

/* Nav active state */
.nav-link.active {
    color: #e05528;
}
.nav-link.active::after {
    width: 100%;
}

/* Loading state for form */
button[type="submit"]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Print styles */
@media print {
    header, .mobile-menu, #contactForm { display: none; }
    body { color: #000; background: #fff; }
    a { color: #000; }
}