/* ---------- barre utilitaire ---------- */
.util{background:var(--navy);color:#B6CBD8;font-size:.81rem}
.util .wrap{display:flex;justify-content:flex-end;align-items:center;gap:24px;
  min-height:40px;flex-wrap:wrap}
.util a,.util span{display:inline-flex;align-items:center;gap:8px;color:#B6CBD8}
.util a:hover{color:#fff;text-decoration:none}
.util .ic{color:var(--sky)}
.util .lg b{color:#fff;font-weight:700}
.util .lg{gap:6px}

@media (max-width:700px){
  .util{font-size:.8rem}
  .util .wrap{flex-wrap:nowrap;justify-content:space-between;gap:6px;min-height:38px}
  .util a,.util span{white-space:nowrap}
  .util .util__t{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;
    clip:rect(0 0 0 0);white-space:nowrap}
  .util a.util__i{min-width:38px;min-height:38px;justify-content:center;font-size:.95rem}
  .util a.util__i:first-child{justify-content:flex-start}
  .util a[href^="tel"]{order:1;margin-left:auto;margin-right:12px}
  .util .lg{order:2}
}
@media (max-width:370px){
  .util{font-size:.74rem}
  .util .wrap{gap:2px}
  .util a.util__i{min-width:30px}
  .util a[href^="tel"]{margin-right:6px;gap:6px}
}