@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom Base Styles */
html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Extra Margins Rule - Removed as requested */
.section-margin {
    margin-bottom: 0px;
}

/* Swiper Fade Effect Fix for smoothness if needed */
.swiper-slide {
    background: transparent;
}

/* FV Swiper Specifics */
.fv-swiper .swiper-slide img {
    /* Ensure images cover without gaps */
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    /* Align bottom as requested */
}

/* Hide scrollbar for gallery but keep functionality if needed, though Swiper is used */
.gallery-img {
    transition: transform 0.4s ease, filter 0.3s ease;
}

.gallery-img:hover {
    transform: scale(1.03);
    filter: brightness(1.1);
}

/* Animation Classes */
.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}

.delay-100 {
    transition-delay: 0.1s;
}

.delay-200 {
    transition-delay: 0.2s;
}

/* Modal Animation */
#image-modal.open {
    display: flex;
    /* Override hidden */
    opacity: 1;
}

#image-modal.open img {
    transform: scale(1);
}

/* Text Shadow for better contrast on images */
.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* Broken Grid / Asymmetry tweaks */
@media (min-width: 768px) {
    .broken-grid-offset {
        margin-top: -3rem;
    }
}

/* Custom Scrollbar for a premium feel */
::-webkit-scrollbar {
    width: 8px;
}

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

::-webkit-scrollbar-thumb {
    background: #b3702f;
    border-radius: 4px;
}

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