/* Composants partagés AlerteGsm */

/* Logo d’en-tête */
header .brand-image{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  flex:0 0 180px;
  width:180px;
  height:58px;
  max-width:180px;
  overflow:hidden;
  line-height:0;
}

header .brand-image img{
  display:block;
  width:180px;
  height:58px;
  max-width:180px;
  max-height:58px;
  object-fit:contain;
  object-position:center;
}

/* Menu principal : une ligne, lisible et sans retour intempestif */
header .nav{
  gap:12px;
}

header .navlinks{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:11px;
  flex-wrap:nowrap;
  white-space:nowrap;
  font-size:12px;
  line-height:1.25;
}

header .navlinks a{
  white-space:nowrap;
}

header .btn-green{
  flex:0 0 auto;
  white-space:nowrap;
  padding:11px 15px;
}

/* Téléphone du pied de page */
.ag-footer-phone{
  margin-top:14px;
  color:#d7e5ef!important;
  font-size:14px;
  line-height:1.5;
}
.ag-footer-phone strong{color:#fff!important}
.ag-footer-phone a{
  color:#8fd0ff!important;
  font-weight:800;
  text-decoration:none;
}
.ag-footer-phone a:hover{
  color:#fff!important;
  text-decoration:underline;
}

@media(max-width:1050px) and (min-width:801px){
  header .brand-image{
    flex-basis:155px;
    width:155px;
    max-width:155px;
  }
  header .brand-image img{
    width:155px;
    max-width:155px;
  }
  header .nav{
    gap:8px;
  }
  header .navlinks{
    gap:7px;
    font-size:11px;
  }
  header .btn-green{
    padding:10px 12px;
  }
}

@media(max-width:800px){
  header .brand-image{
    flex-basis:160px;
    width:160px;
    max-width:160px;
    height:52px;
  }
  header .brand-image img{
    width:160px;
    max-width:160px;
    height:52px;
    max-height:52px;
  }
}