/* ==== Fond image plein écran ==== */
/* Place ton image dans public/images/bg.jpg */
body.bg-brand{
  min-height:100vh;
  /* overlay + image de fond (overlay améliore la lisibilité) */
  background:
    linear-gradient(0deg, rgba(0,0,0,.35), rgba(0,0,0,.35)),
    url("../img/bg-stbarth.jpg") center center / cover no-repeat;
  /* si tu veux un effet parallax: décommente, mais iOS peut saccader */
  /* background-attachment: fixed; */
}

h1, .h5{
  color:#0a53be;
}


.brand-block{
  display: inline-flex;
  flex-direction: column;
  gap: 6px;
  width: max-content;
}

/* ==== Header + logo ==== */
/* Header et branding */
.site-header{
  position: static;          /* au lieu de fixed */
  padding: 16px 0 8px;
  background: transparent;
  z-index: 10;
}
.brand-block{ display:inline-flex; flex-direction:column; gap:6px; }
/* le spacer n'est plus nécessaire */
main.has-sticky-header{ padding-top: 0; }
.site-logo img{ height: 80px; display:block; }
.site-badge{
    margin-top:20px;
}
.site-badge img{
  height: 150px;             /* taille du visuel "Journée Portes Ouvertes" */
  display: block;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.25)); /* lisibilité sur fond photo */
}
/* ==== Carte du formulaire ==== */
.form-card{
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 5px 20px rgba(0,0,0,.20);
  background: #ffffff;
}

/* ==== Inputs (Bootstrap) ==== */
.form-control,
.form-select{
  border-radius: .75rem;
}

.form-control:focus,
.form-select:focus{
  border-color: #0b5ed7;
  box-shadow: 0 0 0 .2rem rgba(11,94,215,.25);
}

/* ==== Bouton ==== */
.btn-primary{
  background-color: #0b5ed7;
  border-color: #0b5ed7;
}
.btn-primary:hover,
.btn-primary:focus{
  background-color: #0a53be;
  border-color: #0a53be;
}

/* Divers */
.alert{ border-radius: .75rem; }

@media (max-width: 767.98px){
   .site-badge img {
    height: 100px;
   } 

   .site-badge{
    margin-top:10px;
   }

   .site-logo img{
    height: 60px;
   }

   .form-card{ overflow: visible; }               /* au cas où un parent clippe le menu */
  .form-select{
    -webkit-appearance: menulist;                /* iOS Safari */
    appearance: menulist;
    background-image: none !important;           /* retire la flèche custom BS */
    padding-right: .75rem;                       /* compense la flèche supprimée */
    font-size: 16px;                             /* évite le zoom iOS */
    line-height: 1.5;
  }
}