/* ======================================
   Global balises
   ====================================== */

   @media screen and (max-width: 1440px) {
    body {
        background-size: 100%;
    }
   }

   @media screen and (max-width: 767px) {
    body {
        background-size: 767px;
    }
   }

   /* ======================================
   HEADER
   ====================================== */

   @media screen and (max-width: 1340px) {
	   .menu-icons {
		   display: none;
	   }
	   
    .left-nav {
        width: 100%;
    }

    .burger-menu {
        display: flex;
        margin-left: auto;
		margin-right: var(--space-xs);
    }
	   
	.responsive-nav__link {
		display: block;		   
	   }
    
    .nav__list {
        display: none;
        flex-direction: column;
        width: 100%;
        background-color: var(--white);
        position: absolute;
        top: var(--navbar-offset);
        left: 0;
        z-index: 5000;
        padding: var(--space-xs);
    }

    .nav__list.active {
        display: flex;
        flex-direction: column;
        gap: var(--space-s);
    }

    .nav__list li a {
        padding: var(--space-xs);
        display: block;
    }

    .login-btn {
        min-width: initial;
        height: 40px;
        width: 40px;
    }

    .login-btn span {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    nav .logo{
        width: 60px;
        overflow: hidden;
    }
    
    nav .logo img {
        width: auto;
    }

    nav .menu-icons {
        width: 60px;
        justify-content: flex-end;
    }
}

@media screen and (max-width: 500px) {
    .menu-icons .subscribe-btn {
        font-size: 0;
        min-width: initial;
        gap: 0;
    }
    .menu-icons .subscribe-btn i {
        font-size: calc(var(--text-m)*1.2);
    }
}

@media screen and (max-width: 420px) {
    .menu-icons .subscribe-btn {
        display: none;
    }
}

   /* ======================================
   HERO SECTION
   ====================================== */

   @media screen and (max-width: 1440px) {
    .hero-content .swiper {
        width: var(--content-width);
    }
   }

   @media screen and (max-width: 1024px) {
    .hero {
        padding-left: 0;
        padding-right: 0;
    }
    .hero-content {
        width: 100%;
        padding-left: var(--space-xs);
        padding-right: var(--space-xs);
    }

    .hero-content .swiper {
        width: 767px;
    }
    .hero-content .slider-description {
        display: none;
    }
   }

   @media screen and (max-width: 767px) {
    .hero {
        height: auto;
    }

    .hero-content {
        padding-top: var(--space-xl);
        padding-bottom: calc(var(--space-xl) + 80px);
    }

    .hero-content .swiper {
        width: 400px;
        height: auto;
    }

    .hero-content .slider-item {
        flex-direction: column;
        align-items: center;
    }

    .hero-content .slider-title {
        display: none;
    }

    .hero-content .slider-image {
        width: 150px;
        height: 150px;
    }

    .hero-content .swiper-button-next,
    .hero-content .swiper-button-prev {
        display: none;
    }

    .hero-content .slider-button-group {
        flex-direction: column;
        width: 100%;
        align-items: center;
    }

    .slider-button-group button {
        width: 200px;
    }

    .hero-title {
        width: 100%;
        max-width: 100%;
    }

    .background-overlay::before {
        background: rgba(0,0,0,.5);
    }
   }

   /* ======================================
   FEATURED SECTION
   ====================================== */

   @media screen and (max-width: 1440px) {
    .featured-grid {
        width: 100%;
    }

    .featured-grid .card-extended {
        grid-template-columns: var(--grid-1);
        min-width: initial;
    }

    .agenda-cards {
        display: none;
    }

    .agenda {
        padding-right: calc(var(--space-xs)*2);
    }

    .agenda-list li {
        cursor: initial;
    }

    .agenda-list li.active {
        background: none;
    }
   }

   @media screen and (max-width: 1024px) {
    .featured-grid {
        flex-direction: column;
    }

    .featured-grid .card-extended {
        min-width: initial;
        width: 100%;
    }
    
    .featured-grid .card-movie-container, .featured-grid .card-movie {
        width: 100%;
        box-sizing: border-box;
    }

    .featured-grid .card-movie {
        height: auto;
        aspect-ratio: 1;
    }
   }

   @media screen and (max-width: 767px) {
    .featured-section {
        margin-top: -150px;
    }

    .featured-title {
        align-self: center;
        font-size: calc(var(--text-xxl)*1.2);
    }
   }

   @media screen and (max-width: 600px) {
    .featured-grid-items {
        flex-direction: column;
    }
    .featured-grid .card-movie {
        height: 300px;
        aspect-ratio: initial;
    }
   }

   /* ======================================
   CARDS COMPONENT
   ====================================== */

   /* ======================================
   AGENDA CARD COMPONENT
   ====================================== */

   /* ======================================
   FILTERS COMPONNENTS
   ====================================== */

   @media screen and (max-width: 1024px) {
    .filter-section__filters-container {
        width: 100%;
        box-sizing: border-box;
    }
   }

   @media screen and (max-width: 767px) {
    .filter-section__filters-container {
        flex-direction: column;
        border-radius: var(--radius-m);
    }

    .filter-section__filters-container > * {
        width: 100%;
    }

    .films-section__list, 
    .docu-section__list,
    .videogames-section__list,
    .partner-section__list {
        align-items: center; 
    }

    .films-section__title, 
    .docu-section__title,
    .videogames-section__title,
    .related-products__title,
    .objectif .objectifs__list--objectif .section__title,
    .partner-section__title,
    .gallery__title, 
    .product-section__title, 
    .comments-section__title {
        font-size: calc(var(--text-xxl)*1.2);
    }
   }

   /* ======================================
   FICTIONS SWIPER COMPONNENTS
   ====================================== */

   /* ======================================
   SINGLE PRODUCT
   ====================================== */

   @media screen and (max-width: 1440px) {
    .single-product-page .single-product {
        grid-template-columns: var(--grid-2);
        padding-top: calc(var(--navbar-offset) + var(--space-xs));
    }

    .single-product__left-zone, .single-product__right-zone {
        grid-column: auto;
    }

    .resources-grid__item-container, .partners-list__item {
        grid-template-columns: var(--grid-2-3);
    }

    .gallery__container {
        grid-template-columns: var(--grid-3-1);
    }

    .gallery__grid {
        grid-template-columns: var(--grid-3);
    }

    .gallery__grid .gallery__item:not(:nth-child(-n+6)) {
        display: none;
    }

    .additional-cards__grid {
        grid-template-columns: var(--grid-3-1);
    }
   }

   @media screen and (max-width: 1024px) {
    
    .trailer-btn {
        right: 50%;
        transform: translateX(50%);
        font-size: calc(var(--text-l)*1.1);
    }

    .single-product-page .single-product {
        grid-template-columns: var(--grid-1);
    }

    .single-product__image {
        aspect-ratio: 1/0.5;
    }

    .resources-grid__item-container {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .resources-grid__item-container p:not(.btn p) {
        padding-bottom: var(--space-s);
        padding-left: var(--space-s);
    }

    .related-products__grid {
        display: grid;
        grid-template-columns: var(--grid-3);
        gap: var(--space-xs);
        width: 100%;
    }

    .related-products__grid .card-movie-container, .related-products__grid .card-movie {
        width: 100%;
    }

    .gallery__container {
        grid-template-columns: var(--grid-2-1);
    }

    .gallery__grid {
        grid-template-columns: var(--grid-2);
    }

    .gallery__grid .gallery__item:not(:nth-child(-n+4)) {
        display: none;
    }

    .additional-cards__grid {
        grid-template-columns: var(--grid-3-2);
    }

    .comments-section {
        gap: var(--space-xs);
    }

    .comments-section__grid {
        gap: var(--space-xs);
    }

    .comments-section__grid,
    .comments-section__user-comment {
        grid-template-columns: var(--grid-1);
    }

    .comments-section__title {
        margin-bottom: calc((var(--space-xs) * -1) + var(--space-s));
    }

    .comments-section__form, .comments-section__form textarea {
        width: 100%;
    }

    .single-product-page .lightbox__button--next, .lightbox__close {
        right: calc(var(--space-xl)/4);
    }

    .single-product-page .lightbox__button--prev {
        left: calc(var(--space-xl)/4);
    }

    .festival-selection-list {
        grid-template-columns: var(--grid-2);
    }

    .festival-logo {
        height: 100px;
    }
   }

   @media screen and (max-width: 767px) {
    .single-product__image {
        aspect-ratio: 1/0.9;
    }

    .tech-sheet__title {
        font-size: calc(var(--text-xxl)*1.2);
    }

    .partners-list {
        gap: 0;
    }

    .partners-list__item {
        display: flex;
        flex-direction: column;
        gap: var(--space-s);
        align-items: flex-start;
    }

    .partners-list__item:not(:first-child) {
        padding-top: var(--space-l);
    }

    .partners-list__item:not(:last-child) {
        padding-bottom: var(--space-l);
        border-bottom: 1px solid var(--neutral);
    }

    .partners-list__logo {
        height: 120px;
        object-position: left;
    }

    .gallery__card {
        display: none;
    }

    .related-products__grid {
        grid-template-columns: var(--grid-2);
    }
    
    .gallery__container {
        grid-template-columns: auto;
    }

    .single-product-page .gallery p:not(.tabs__content p), 
    .single-product-page .product-section p:not(.tabs__content p) {
        text-align: center;
    }

    .additional-cards__grid {
        grid-template-columns: var(--grid-1);
    }

    .additional-cards__item.additional-cards__item--offers {
        grid-template-columns: var(--grid-1);
    }

    .additional-cards__offers-content {
        align-items: center;
    }

    .additional-cards__offers-content > * {
        z-index: 1;
        text-align: center;
    }

    .additional-cards__offers-image {
        opacity: .25;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 25%;
    }

    .comments-section__user-comment {
        flex-direction: column;
    }

    .comments-section__rate {
        grid-template-columns: var(--grid-1);
    }

    .comment-respond {
        align-items: center;
    }

    .comment-form {
        width: 100%;
        align-items: stretch;
        text-align: center;
    }

    .comment-respond .form-submit {
        margin: auto;
    }
   }

   @media screen and (max-width: 600px) {
    .single-product__header {
        flex-direction: column;
        align-items: flex-start;
    }

    .tabs {
        justify-content: space-evenly;
    }

    .tabs__tab i {
        display: block;
        font-size: var(--text-xxl);
    }

    .tabs__tab p {
        display: none;
    }

    .festival-selection-list {
        grid-template-columns: var(--grid-1);
    }
   }

   @media screen and (max-width: 500px) {
    
    .trailer-btn {
        position: static;
        transform: initial;
        margin-top: var(--space-s);
    }

    .related-products__grid {
        grid-template-columns: var(--grid-1);
    }
   }

   @media screen and (max-width: 376px) {
    .single-product-page .card-movie, .single-product-page .card-movie-container {
        width: 100%;
    }
   }

   /* ================================
             OBJECTIFS 
    ===================================*/

    @media screen and (max-width: 1024px) {
        .objectifs__grid {
            grid-template-columns: var(--grid-6);
        }

        .objectifs__top, .objectif__top, .offer__top { /* Ajout de offer_top */
            padding-top: calc(var(--space-l)*2);
            padding-bottom: calc(var(--space-l)*1);
            }

        .objectifs__top .objectifs__top--content {
          text-align: center;
          justify-content: center;
          align-items: center;
        }

        .objectif-background {
            height: 900px;
        }

        .objectif__top {
            flex-direction: column;
        }

        .objectif__top--text-content {
            text-align: center;
            gap: var(--space-s);
        }

        .objectif__top---button-group {
            justify-content: center;
        }

        .objectif__description--card {
            background: var(--primary-color);
            grid-template-columns: var(--grid-1);
        }

        .objectif__description--card--right {
            display: none;
        }
    }

    @media screen and (max-width: 767px) {
        .objectifs__grid {
            grid-template-columns: var(--grid-4);
        }

        .related-products__title, .objectifs__list--objectif .section__title, .gallery__title, .product-section__title, .comments-section__title {
            align-self: center;
            text-align: center;
        }

        .objectif__top--pictogramme {
            width: 150px;
            height: auto;
        }
    }

    @media screen and (max-width: 478px) {
        .objectifs__grid {
            grid-template-columns: var(--grid-3);
        }

        .objectif__top---button-group {
            flex-direction: column;
            align-items: center;
        }

        .objectif__top---button-group button {
            width: 200px;
        }
    }


/* ================================
            OFFRES
===================================*/

@media screen and (max-width: 1024px) {
    .offer-page__subscriptions {
        grid-template-columns: var(--grid-2);
    }
}

@media screen and (max-width: 767px) {
    .offer-page__subscriptions {
        grid-template-columns: var(--grid-1);
    }
}

/* ================================
             PARTNERS
===================================*/

@media screen and (max-width: 1440px) {
    .partners-grid__container {
        grid-template-columns: var(--grid-1);
    }

    .partner-section__cta-container {
        align-items: flex-start;
    }

    .partner-section__cta-container p {
        max-width: 60ch;
    }

    .partner-section__cta-container img {
        width: calc(100% - 60ch);
        left: initial;
        right: var(--space-s);
        bottom: var(--space-s);
    }

    .partners-grid__container .partner-item img {
        padding: var(--space-m);
    }
}

@media screen and (max-width: 1024px) {
    .partner-section__cta-container {
        align-items: center;
        text-align: center;
        order: -1;
    }

    .partner-section__cta-container img {
        display: none;
    }

    .partners-grid__container .partners-grid {
        grid-template-columns: var(--grid-3);
    }

    .partners-grid__container .partners-grid .partner-item:not(:nth-child(-n+9)) {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .partners-grid__container .partners-grid {
        grid-template-columns: var(--grid-2);
    }

    .partners-grid__container .partners-grid .partner-item:not(:nth-child(-n+6)) {
        display: none;
    }
}

@media screen and (max-width: 300px) {
    .partners-page .objectifs__grid {
        grid-template-columns: var(--grid-2);
    }
}

/* ================================
            LOGIN
===================================*/

@media screen and (max-width: 500px) {
    .related-products__grid {
        grid-template-columns: var(--grid-1);
    }
   }

/* ================================
            POPUPS
===================================*/

@media screen and (max-width: 400px) {
    .share-popup__links {
        flex-direction: column;
        align-items: center;
    }
}

/* ================================
             FOOTER 
===================================*/

@media screen and (max-width: 1440px) {
    .footer-odd-nav ol {
        max-height: calc(var(--text-m)*12 + var(--space-xs)*10);
    }
    
    .footer-odd-nav ol li {
        width: calc(50% - var(--space-xs));
    }

    .footer-separator-image {
        background-size: cover;
    }
}

@media screen and (max-width: 767px) {
    .footer-odd-nav ol {
        max-height: initial;
        width: 100%;
    }
    
    .footer-odd-nav ol li {
        width: 100%;
    }

    .footer-title {
        text-align: center;
    }

    .footer-socials-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--space-m);
    }

    .footer-socials-icons {
        width: 100%;
        justify-content: center;
    }

    .footer-band {
        flex-direction: column;
    }
}

@media screen and (max-width: 400px) {
    .footer-newsletter__form {
        grid-template-columns: var(--grid-1);
    }

    .footer-band {
       text-align: center;
    }
}

/* ===============================
    ABOUT & Wordpress styling
================================*/

@media screen and (max-width: 767px) {
    .about-us-content-container .wp-block-gallery {
        grid-template-columns: var(--grid-2);
      }
}

@media screen and (max-width: 600px) {
    .about-us-content-container .wp-block-gallery {
        grid-template-columns: var(--grid-1);
      }
}