﻿body {
    font-family: 'Roboto', sans-serif;
}

.mega-menu-container {
    position: relative;
}

.mega-menu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 1.5rem);
    width: 1100px;
    max-width: 90vw;
    display: none;
    z-index: 50;
}

    .mega-menu.show {
        display: block;
        animation: slideDown 0.3s ease-out;
    }

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* Scroll Animations */
.scroll-reveal {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

    .scroll-reveal.active {
        opacity: 1;
        transform: translateY(0);
    }

.scroll-fade-left {
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

    .scroll-fade-left.active {
        opacity: 1;
        transform: translateX(0);
    }

.scroll-fade-right {
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

    .scroll-fade-right.active {
        opacity: 1;
        transform: translateX(0);
    }

.scroll-scale {
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

    .scroll-scale.active {
        opacity: 1;
        transform: scale(1);
    }

/* Stagger animation delays */
.scroll-reveal:nth-child(1) {
    transition-delay: 0.1s;
}

.scroll-reveal:nth-child(2) {
    transition-delay: 0.2s;
}

.scroll-reveal:nth-child(3) {
    transition-delay: 0.3s;
}

.scroll-reveal:nth-child(4) {
    transition-delay: 0.4s;
}

/* Bounce Animation */
@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.animate-bounce-slow {
    animation: bounce 2s infinite;
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Parallax effect */
.parallax-bg {
    transition: transform 0.5s ease-out;
}

/* Hover effects */
.hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .hover-lift:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    }

/* Gradient animation */
@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.animate-gradient {
    background-size: 200% 200%;
    animation: gradientShift 3s ease infinite;
}

.tab-logic {
    display: none;
}


.tab-content {
    display: none;
}

#btn-testimonial:checked ~ .tab-card #content-testimonial {
    display: block;
}

#btn-links:checked ~ .tab-card #content-links {
    display: block;
}

#btn-location:checked ~ .tab-card #content-location {
    display: block;
}

#btn-testimonial:checked ~ .tab-card #label-testimonial {
    background-color: #ea580c;
    color: white;
}

#btn-links:checked ~ .tab-card #label-links {
    background-color: #ea580c;
    color: white;
}

#btn-location:checked ~ .tab-card #label-location {
    background-color: #ea580c;
    color: white;
}
