/*
Theme Name: TunisiaTourism
Author: Senior Developer
Description: A custom tourism theme for Tunisia.
Version: 1.2
*/

/* Tailwind CSS is loaded via CDN in header.php for this prototype */

.mobile-nav li{
    opacity:0;
    transform:translateY(20px);
    animation:menuFade .5s forwards;
}

.mobile-nav li:nth-child(1){animation-delay:.1s;}
.mobile-nav li:nth-child(2){animation-delay:.2s;}
.mobile-nav li:nth-child(3){animation-delay:.3s;}
.mobile-nav li:nth-child(4){animation-delay:.4s;}

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

/* Sous menu */
.mobile-nav .sub-menu{
    margin-top:10px;
    padding-left:20px;
    border-left:2px solid rgba(255,255,255,0.2);
}

.mobile-nav .sub-menu a{
    font-size:20px;
    opacity:0.8;
}

#mobile-menu{
    overflow-y:auto;
}

/* Menu mobile */
.mobile-nav a{
    display:block;
    padding:0px 0;
    font-size:18px;
    letter-spacing:1px;
    transition:all .3s ease;
}

.mobile-nav a:hover{
    color:#d4af37;
    transform:translateX(6px);
}

.el-jem-hero {
    text-align: center;
}

.burger-icon {
    color: white;
    transition: color 0.3s;
}

.burger-icon:hover {
    color: #d4af37; /* tunisia-gold */
}


/* Forcer les slides et leur contenu à recevoir les clics */
.swiper-slide {
    pointer-events: auto !important;
}

.swiper-slide * {
    pointer-events: auto !important;
}

/* Si tu veux garder le coverflow */
.swiper-slide-duplicate {
    pointer-events: none; /* Les clones ne bloquent plus */
}

.header-scrolled .logo-img {
    filter: none; /* supprime brightness-0 invert */
}

/* Texte à droite du logo après scroll */
.header-scrolled .logo-subtext-container p {
    color: #005eb8 !important; /* bleu tunisien */
}

/* Changer la couleur de la barre verticale après scroll */
.header-scrolled .logo-subtext-container {
    border-color: #005eb8 !important; /* bleu tunisien */
}