/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* ==========================================================================
   POLICES PERSONNALISÉES - LES FRÈRES BARIOZ
   ========================================================================== */

/* --- BARON NEUE --- */
@font-face {
  font-family: 'Baron Neue';
  src: url('fonts/BaronNeue.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Baron Neue'; /* Même nom de famille ! */
  src: url('fonts/BaronNeueBold.woff2') format('woff2');
  font-weight: bold;         /* C'est le poids qui change */
  font-style: normal;
  font-display: swap;
}

/* --- GOTHAM --- */
@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Book.woff2') format('woff2');
  font-weight: normal;       /* Correction du "Regular" */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';     /* Même nom de famille ! */
  src: url('fonts/Gotham-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* ==========================================================================
   CARROUSEL HERO PERSONALISÉ (SWIPER.JS)
   ========================================================================== */

/* 1. Conteneur principal du slider */
.myHeroSwiper {
  width: 100%;
  height: 85vh; /* Prend 85% de la hauteur de l'écran (ajustable) */
  position: relative;
  overflow: hidden;
}

/* 2. Style de chaque slide */
.myHeroSwiper .swiper-slide {
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;     /* Centrage vertical Flexbox */
  justify-content: center; /* Centrage horizontal Flexbox */
  position: relative;
}

/* 3. L'overlay (Le filtre de transparence pour l'opacité) */
.myHeroSwiper .swiper-slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35); /* 0.35 = 35% d'opacité noire. Augmente pour assombrir. */
  z-index: 1;
}

/* 4. Bloc de contenu (Texte + Flèche) */
.myHeroSwiper .slider-content {
  text-align: center;
  color: #ffffff;
  z-index: 2; /* Force le texte à passer AU-DESSUS du filtre sombre */
  padding: 0 20px;
}

/* Style du grand titre H1 */
.myHeroSwiper .slider-content h1 {
  color: #ffffff !important; /* On force le blanc pour écraser Astra */
  font-size: 3.5rem;         /* Taille du titre sur PC */
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 40px;
  text-shadow: 0 2px 10px rgba(0,0,0,0.3); /* Légère ombre pour détacher le texte */
}

/* Style du texte SCROLL */
.myHeroSwiper .slider-content p {
  color: #ffffff !important;
  font-size: 1rem;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin: 0;
}

/* 5. Animation de la petite flèche de scroll */
.myHeroSwiper .slider-content .arrow {
  display: block;
  margin-top: 8px;
  font-size: 1.5rem;
  animation: bounceArrow 2s infinite; /* Lance l'animation en boucle */
}

@keyframes bounceArrow {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-8px);
  }
  60% {
    transform: translateY(-4px);
  }
}

/* 6. Personnalisation optionnelle des flèches de navigation Swiper */
.myHeroSwiper .swiper-button-next,
.myHeroSwiper .swiper-button-prev {
  color: #e0b0ff; /* Tu pourras mettre ici le code hexadécimal de ton beige/doré */
  transform: scale(0.7); /* Réduit un poil la taille des flèches pour le minimalisme */
  opacity: 0.7;
  transition: opacity 0.3s;
}

.myHeroSwiper .swiper-button-next:hover,
.myHeroSwiper .swiper-button-prev:hover {
  opacity: 1;
}

/* 7. Responsive : Ajustements pour les écrans mobiles */
@media (max-width: 768px) {
  .myHeroSwiper {
    height: 60vh; /* On réduit la hauteur sur mobile pour que ça respire */
  }
  .myHeroSwiper .slider-content h1 {
    font-size: 2rem; /* Titre plus petit pour éviter qu'il ne coupe */
  }
}

/* ==========================================================================
   STICKY HEADER DEFINITIF (GLOBAL SITE-HEADER)
   ========================================================================== */

/* On applique le sticky sur le parent global pour qu'il garde sa hauteur dans la page */
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  width: 100%;
  background-color: #2c3e50; /* Force la couleur de fond de votre en-tête pour éviter la transparence au scroll */
}

/* Alignement parfait avec la barre d'administration WordPress */
.admin-bar .site-header {
  top: 32px !important;
}

@media (max-width: 782px) {
  .admin-bar .site-header {
    top: 46px !important;
  }
}

/* Supprimer la marge supérieure du premier élément de texte sous l'image */
.section-presse .wp-block-uagb-container h1,
.section-presse .wp-block-uagb-container h2,
.section-presse .wp-block-uagb-container h3,
.section-presse .wp-block-uagb-container h4,
.section-presse .wp-block-uagb-container p {
    margin-top: 0 !important;
    padding-top: 5px !important; /* Optionnel : pour gérer vous-même le micro-espace */
}