/* ================================

   HERO SECTION — mobile first

================================ */



.hero {

    position: relative;

    width: 100%;

    height: 70vh;

    background-image: url('/wp-content/uploads/2025/11/gaby-yerden-yE_jI4KApfc-unsplash-scaled.jpg');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    display: flex;

    align-items: center;

    justify-content: center;

}



/* Dégradé sombre pour la lisibilité */

.hero-overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(

        to bottom,

        rgba(0,0,0,0.4),

        rgba(0,0,0,0.6)

    );

}



/* Texte */

.hero-content {

    position: relative;

    z-index: 2;

    text-align: center;

    padding: 1rem;

}



.hero-slogan {

    color: white;

    font-size: 3.5rem;

    font-weight: 500;

    font-family: 'Great Vibes', cursive;

    max-width: 900px;

    line-height: 1.4;

}



/* Inverser l'ordre des cards promo et crétaions phares en mobile et tablette (moins de 1024px) */



/* MOBILE + TABLETTE : on empile en colonne et on inverse l'ordre */



@media (max-width: 1023px) {



  .section-intro-promo {

    display: flex;

    flex-direction: column;

  }



  /* 1er enfant = créations phares -> passe en 2e */

  .section-intro-promo > section.creations-phares-slider {

    order: 2;

  }



  /* 2e enfant = promo saisonnière -> passe en 1er */

  .section-intro-promo > section.promo-card {

    order: 1;

  }

}



/* DESKTOP : on repasse en grid */



@media (min-width: 1024px) {



  .section-intro-promo__container .wp-block-group__inner-container {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 3rem;

    align-items: start;

    margin: 4rem auto;

    max-width: 1200px;

  }



  .section-intro-promo__container .wp-block-group__inner-container > section.creations-phares-slider,

  .section-intro-promo__container .wp-block-group__inner-container > section.promo-card {

    order: unset;

  }

}