@import url('https://fonts.googleapis.com/css2?family=Chango');
@import url('https://fonts.googleapis.com/css2?family=Fuzzy Bubbles');
@import url('https://fonts.googleapis.com/css2?family=Dancing Script');
 /* Import des polices d'écriture */
.container-header {
position: relative;
padding: 2px 0;
z-index: 10;
margin-bottom: 5px;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
 /* code généré par https://cssgradient.io */
background: #E44D2E;
background: radial-gradient(circle,rgba(228, 77, 46, 0.32) 12%, rgba(228, 77, 46, 1) 94%);
}
.header{max-height: 200px;}
:root {
  --cassiopeia-color-primary: #E44D2E; /* Couleur principale */
  --cassiopeia-color-link: #761438;    /* Couleur des liens */
  --cassiopeia-color-hover: #EDB4A8;   /* Couleur au survol */
}
/* --- CORRECTION POUR LE CONTENEUR CASSIOPEIA --- */
.navbar-brand {
  /* Autorise le titre à prendre toute la largeur disponible et à revenir à la ligne */
  display: block !important;
  white-space: normal !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Force également le conteneur parent direct de Joomla à ne pas déborder */
.container-header .navbar-brand {
  flex-shrink: 1 !important;
  min-width: 0 !important;
}
.navbar-brand {
    max-height: 150px;      /* Hauteur fixe si nécessaire */
    padding-top: 0px;  /* Ajuste le remplissage vertical */
    padding-bottom: 0px;
}
/* Modifier la police du titre du site (logo textuel) */
/*.site-brand .site-title, .navbar-brand */

.site-title, 
.navbar-brand {
    font-family: 'Chango', cursive !important;
     /* Reste fluide sur mobile et s'arrête à 4rem (environ 64px) sur grand écran */
   font-size: clamp(1rem, 4.5vw, 2rem) !important; 
    font-weight: 800;
    color: #3498db;
    /* Effet 3D ajusté (plus court par défaut pour ne pas saturer les petits écrans) */
    text-shadow: 
        1px 1px 0px #2980b9,
        2px 2px 0px #2980b9,
        3px 3px 0px #2980b9,
        4px 4px 10px rgba(0,0,0,0.4);
  /* Ligne de hauteur adaptée pour éviter les chevauchements en multi-ligne */
  line-height: 1.3 !important;
  /* Évite que le texte long ne dépasse de l'écran */
  word-wrap: break-word; 
  overflow-wrap: break-word; 
}
  /* Optimisation spécifique pour les écrans de tablettes et ordinateurs */
@media (min-width: 768px) {
    .site-title, .navbar-brand {
        /* Restitue l'effet 3D complet et profond uniquement sur grand écran */
        text-shadow: 
            1px 1px 0px #2980b9,
            2px 2px 0px #2980b9,
            3px 3px 0px #2980b9,
            4px 4px 0px #2980b9,
            5px 5px 0px #2980b9,
            6px 6px 10px rgba(0,0,0,0.4);
    }
}
.site-title, 
.navbar-brand a {
    text-decoration: none !important;
}
/* Modifier la police du slogan */
.site-description {
  font-family: 'Dancing Script', sans-serif; 
  font-size: 25px !important;
  text-shadow: none;
}
/* Style pour les écrans intermédiaires (Tablettes < 768px) */
@media (max-width: 768px) {
  .site-description {
    font-size: 20px !important;
  }
}
/* Style pour les petits écrans (Smartphones < 480px) */
@media (max-width: 480px) {
  .site-description {
    font-size: 16px !important;
  }
}
/* Modifier la police du titre h1 */
h1 {
  font-family: 'Fuzzy Bubbles', cursive;
  /* Fluidité : Taille min = 1.5rem, Taille idéale = 1.2rem + 1.5vw, Taille max = 3rem */
  font-size: clamp(1.5rem, 1.2rem + 1.5vw, 1.8rem);
  font-weight: 200;
}
h2 {
  font-family: 'Fuzzy Bubbles', cursive;
  font-size: clamp(1.3rem, 1.1rem + 0.5vw, 1.5rem);
  font-weight: 200;
}
.fb-page, .fb-page span, .fb-page iframe {
    width: 100% !important;
    min-height: 400px; /* Empêche le flux de s'écraser à 0 ou 150px */
}
@media (max-width: 991.98px) {
  .container-nav .navbar-collapse {
    background-color: #f8f9fa; /* Couleur de fond du bloc menu mobile */
    padding: 1rem;
  }
}