/*
 Theme Name:  Fleurs d'orangers et chats errants - Oscars Short
 Theme URI: https://www.koukaki.local
 Author: Studio Koukaki
 Author URI: https://www.koukaki.local
 Template: foce
 Description: Thème enfant à l'ocasion de la nomination aux Oscars Shorts
 Version: 0.1
 */

 /* Animation fade-in */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.section {
    opacity: 0; /* Démarre invisible */
    animation: fadeIn ease-in 1s; 
    animation-fill-mode: forwards; 
}

/* Animation de rotation */
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/*  fleur */
.story__article::after {
    animation: rotate 10s linear infinite;
    display: block; 
}




/*fleur blabche*/
.story h2::after {
    animation: rotate 10s linear infinite;
    display: block; 
}

/*fleur blabche*/
#studio h2::after {
    animation: rotate 10s linear infinite;
    display: block; 

}
#studio h2::before {
    animation: rotate 10s linear infinite;
    display: block; 

}

/* Section Oscars */
.oscars {
    text-align: center;
    padding: 70px 0;
    background-color: #fef5e6;
    position: relative;
}

.oscars__content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.oscar-img {
  display: block;
  width: 278px;
  height: 129px;
  margin-left: 50px;
  margin-top: 70px;
}



.oscars__middle p {
    font-size: 1.5rem;
    color: white;
    background-color: #ff6600;
    padding: 30px 50px 70px 50px;
    border-radius: 80% 35% / 15% 30%;;
    text-shadow: 0 0 20px rgba(255, 102, 0, 0.8); 
    box-shadow: 0 0 50px rgba(255, 102, 0, 0.5); 
    max-width: 500px; 
    line-height: 1.5; 
    margin: 0 auto; 
}

.oscars__right img {
    width: 150px;}



.animTitle {
    opacity: 0;
    transform: translateY(20px); 
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/*  titres deviennent visibles */
.title-visible {
    opacity: 1;
    transform: translateY(0); /
}


.site-footer::before,
.site-footer::after {
  display: none;
}

.sunflower-img {
    position:   absolute;      
    left: 0em;            
   top: 21em;
}
   
.orchid-img {
    
    position: absolute; 
      
    right: -1em;            
   top: 21em;
}

.orchid-img,
.sunflower-img,
.site-footer ul::after { 

    transform-origin: center;
    animation: rotate 10s linear infinite;
    display: block; 
}

.site-footer ul::after{
    content:url(./assets/images/hibiscus_footer.png);
    position: absolute;
    left: calc(50%-323px);
    bottom: -28.5em;
    z-index: -1;
}


.video-background {
    position: relative;
    height: 100vh; 
    width: 100%; 
    overflow: hidden;
    background: url('<?php echo get_template_directory_uri(); ?>/assets/images/background-image.jpg') center center/cover no-repeat;
    display: flex;
    justify-content: center; 
    align-items: center; 
}

.background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    z-index: 1;
    pointer-events: none; 
}
.title-wrapper {
    position: relative;
    z-index: 2;
    text-align: center;
}

.floating-logo {
    width: 850px; /* Taille ajustée du logo */
    transition: transform 0.2s linear; /* Transition fluide pour l'effet de parallaxe */
}




/* Fallback pour mobile */
@media (max-width: 768px) {
    .background-video {
        display: none;
    }

    .video-background {
        background: url('<?php echo get_template_directory_uri(); ?>/assets/images/fallback-image.jpg') center center/cover no-repeat;
    }
}