/* Custom styles for Behind the Bump */

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

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #FAFAF7;
}
::-webkit-scrollbar-thumb {
    background: #2D4A3E30;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #2D4A3E60;
}

/* Selection color */
::selection {
    background: #2D4A3E20;
    color: #2D4A3E;
}

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

/* Prevent layout shift on images */
img {
    display: block;
}

/* Subtle hover for service cards */
.service-card {
    background: white;
}

/* Ensure mobile menu is accessible */
@media (max-width: 767px) {
    .mobile-menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: rgba(250, 250, 247, 0.98);
        backdrop-filter: blur(12px);
        border-bottom: 1px solid rgba(45, 74, 62, 0.08);
        padding: 0.5rem 1rem;
    }
}