/* ============================
   HEADER BANNIÈRE FULL WIDTH
============================ */

.site-header-image{
  width: 100%;
  height: 220px;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}

/* background */
.header-bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* logo centré */
.header-logo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 180px;
  width: auto;
  pointer-events: none; /* garde le lien cliquable */
}

/* Mobile */
@media (max-width: 768px){
  .site-header-image{
    height: 160px;
  }

  .header-logo{
    height: 80px;
  }
}