/* Custom styles for Altus Medical Arts Center */

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

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #FAF8F5;
}

::-webkit-scrollbar-thumb {
    background: #d4cfc8;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #b8b0a6;
}

/* Selection color */
::selection {
    background: rgba(212, 84, 43, 0.15);
    color: #652618;
}

/* Ensure images don't overflow */
img {
    max-width: 100%;
    height: auto;
}

/* Focus styles for accessibility */
a:focus-visible,
button:focus-visible {
    outline: 2px solid #d4542b;
    outline-offset: 2px;
    border-radius: 2px;
}

/* Subtle pattern for cream sections */
.bg-cream {
    background-color: #FAF8F5;
    background-image: radial-gradient(circle at 1px 1px, rgba(180, 170, 160, 0.08) 1px, transparent 0);
    background-size: 24px 24px;
}

/* Animation for hero elements */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-content > * {
    animation: fadeUp 0.8s ease forwards;
}

.hero-content > *:nth-child(1) { animation-delay: 0.1s; }
.hero-content > *:nth-child(2) { animation-delay: 0.3s; }
.hero-content > *:nth-child(3) { animation-delay: 0.5s; }
.hero-content > *:nth-child(4) { animation-delay: 0.7s; }