/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License version 3.0
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
 */

/* ===== OVERRIDES CORRECTEUR CLASSIC THEME ===== */

/* Annule le fond gris, le décalage et l'ombre du classic theme */
.carousel {
    left: auto !important;
    width: 100% !important;
    margin-left: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding-bottom: 0 !important;
}

/* Annule height: auto du classic theme à 1199px */
.carousel .carousel-inner {
    height: 510px !important;
}

/* Annule figure margin Bootstrap */
.carousel .carousel-item figure {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
}

/* Force height sur carousel-item */
.carousel .carousel-inner > .carousel-item {
    height: 100%;
}

/* Image remplit tout */
.carousel .carousel-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    filter: brightness(0.5);
}

/* Maintient la caption positionnée absolument */
.carousel .carousel-item .caption {
    position: absolute !important;
    margin: 0 !important;
    text-align: left !important;
}

/* Texte caption toujours blanc */
.carousel .carousel-item .caption,
.carousel .carousel-item .caption p,
.carousel .carousel-item .caption h3,
.carousel .carousel-item .caption a {
    /*color: #ffffff;*/
}

/* Indicateurs blancs */
.carousel-indicators li {
    border-color: #ffffff;
}

/* Flèches nav visibles */
.carousel .direction .carousel-control i {
    background: transparent !important;
}

/* Taille icônes flèches fixe (annule override 767px du classic theme) */
.carousel .carousel-control .icon-next i,
.carousel .carousel-control .icon-prev i {
    font-size: inherit !important;
}

/* Annule resize flèches à 576px+ */
.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: auto !important;
    height: auto !important;
}

.carousel-control .icon-next i,
.carousel-control .icon-prev i {
    font-size: 2.5rem !important;
}

/* Annule repositionnement indicateurs à 576px+ */
.carousel-indicators {
    bottom: 10px !important;
}

/* Annule réduction titre à 767px */
.carousel .carousel-item .caption .display-1 {
    font-size: 50px !important;
}

/* ===== FIN OVERRIDES CORRECTEUR===== */


.carousel .carousel-inner {
    height: 84vw !important;
    max-height: 510px;
}

#carousel {
    margin-bottom: 0;
}

.carousel .carousel-item .caption {
    position: absolute;
    bottom: 115px;
    right: 19%;
    left: auto;
    max-width: 700px;
}

/* Titre slider */
.slider-home-title {
  font-family: 'Squada One', cursive;
  color: #ffffff;
  font-size: 50px !important;
  line-height: 1.2;
  text-align: left;
}


/* Bouton slider */
.link-button-slide {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.75rem 1.5rem;
  border: 2px solid #ffffff;
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.3s, color 0.3s;
}

.link-button-slide:hover {
  background: #ffffff;
  color: #625e5e;
}
@media (max-width: 991px) {
    .carousel .carousel-item .caption .caption-description .page-content.page-cms ul, .carousel .carousel-item .caption .caption-description h3, .carousel .carousel-item .caption .caption-description p, .page-content.page-cms .carousel .carousel-item .caption .caption-description ul {
        color: #ffffff;
    }
}

@media (max-width: 700px) {
    .carousel .carousel-item .caption {
        bottom: 19vw;
    }
    .carousel .carousel-item .caption .display-1,
    .slider-home-title {
        font-size: 7vw !important;
    }
    .link-button-slide {
        font-size: 0.85rem;
        padding: 0.5rem 1rem;
    }
}