/* Suncoast Building Materials — Custom Styles */

/* Smooth scroll offset for fixed nav */
section[id] {
    scroll-margin-top: 80px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f5f3ed;
}
::-webkit-scrollbar-thumb {
    background: #5a9e40;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #467d32;
}

/* Selection color */
::selection {
    background: #5a9e40;
    color: #faf9f6;
}

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

/* Mobile menu link hover */
.mobile-link {
    display: block;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    font-weight: 500;
    color: #2f4f24;
    transition: background-color 0.2s ease;
}
.mobile-link:hover {
    background-color: #dcedce;
}

/* Geometric shape animations */
@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-15px) rotate(3deg); }
}
@keyframes float-slow {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-10px) rotate(-2deg); }
}

@media (prefers-reduced-motion: no-preference) {
    .geo-circle, .geo-rect {
        animation: float 6s ease-in-out infinite;
    }
    .geo-rect {
        animation: float-slow 8s ease-in-out infinite;
    }
}

/* Nav active state */
#navbar a.active {
    color: #5a9e40;
}

/* Button focus for accessibility */
button:focus, a:focus {
    outline: 2px solid #5a9e40;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    nav, #contact-form, .reveal { display: none; }
    body { color: #000; background: #fff; }
}