/* Custom overrides and enhancements */

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

/* Selection color */
::selection {
    background: rgba(199, 67, 24, 0.2);
    color: #2C2420;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #FAF6F1;
}
::-webkit-scrollbar-thumb {
    background: #d4c4b0;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #c74318;
}

/* Swiper pagination */
.swiper-pagination {
    bottom: 0 !important;
}
.swiper-pagination-bullet {
    background: #d4c4b0 !important;
    opacity: 1 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 0.3s ease !important;
}
.swiper-pagination-bullet-active {
    background: #c74318 !important;
    width: 24px !important;
    border-radius: 4px !important;
}

/* Service card image placeholder fallback */
.service-img, .swatch-1, .swatch-2, .swatch-3, .swatch-4, .swatch-5 {
    background-color: #e8d5c4;
}

/* Ensure hero image fallback */
.hero-image {
    background-color: #e8d5c4;
}

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

/* Reduce motion for testimonials */
@media (prefers-reduced-motion: reduce) {
    .service-img, img {
        transition: none !important;
    }
    .service-card:hover .service-img {
        transform: none;
    }
    img:hover {
        transform: none;
    }
}