/* Mobile menu toggle button */
#mobileMenuToggle {
    display: none;
    /* Hidden by default */
}

@media (max-width: 767px) {
    #mobileMenuToggle {
        display: block;
        /* Show on mobile */
    }

    nav.md\\:flex {
        display: none !important;
        /* Hide desktop nav on mobile */
    }
}


.group-hover .group-hover\:block {
    display: block !important;
}

.group-hover/submenu:hover .group-hover\/submenu\:block {
    display: block !important;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

.like-btn:hover .heart-icon {
    color: #ea4c89;
}

.save-btn:hover .bookmark-icon {
    color: #1abc9c;
}

.grid-item {
    transition: all 0.3s ease;
}

.loader {
    border-top-color: #ea4c89;
    animation: spin 1s linear infinite;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 1.2rem;
    font-weight: bold;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35 !important;
    cursor: not-allowed;
}

/* Ensure consistent slide heights */
.swiper-slide {
    height: auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Cookie Modal Animations */
@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fade-out-down {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(20px);
    }
}

.animate-fade-in-up {
    animation: fade-in-up 0.3s ease-out forwards;
}

.animate-fade-out-down {
    animation: fade-out-down 0.3s ease-out forwards;
}

/* Search popup animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes scaleIn {
    from {
        transform: scale(0.95);
    }

    to {
        transform: scale(1);
    }
}

/* Adicione ao seu style.css */
#offcanvasMenu {
    transform: translateX(100%);
    transition: transform 0.5s ease-in-out;
}

#offcanvasMenu:not(.translate-x-full) {
    transform: translateX(0);
}

#offcanvasOverlay {
    opacity: 0;
    transition: opacity 0.3s ease;
}

#offcanvasOverlay:not(.hidden) {
    opacity: 1;
}

body.offcanvas-open {
    overflow: hidden !important;
}

/* Botão do menu quando aberto */
#menuToggle.opened i.fa-bars {
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

/* Corrige imagens com legenda no mobile */
@media (max-width: 768px) {
    .wp-caption {
        max-width: 100% !important;
        width: 100% !important;
    }

    .wp-caption img {
        width: 100% !important;
        height: auto !important;
    }
}