/* public/css/utility-bar.css  (load after accessibility.css) */
.a11y-bar.util-bar{ justify-content:space-between; flex-wrap:wrap; gap:8px 16px; padding:6px 16px; }
.util-group{ display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; }

.util-cta{
  background:#ffbf00; color:#12124D !important; border:2px solid #ffbf00;
  font-weight:700; font-size:13px; text-transform:uppercase; white-space:nowrap;
   padding:3px 14px; border-radius:10px;
}
.util-cta:hover{ background:#fff; border-color:#fff; }

.util-link{ color:#fff; font-size:14px; font-weight:600; white-space:nowrap; }
.util-link:hover{ color:#F3ECCB; text-decoration:underline; }
.util-link .fas, .util-search .fas{ color:inherit; margin-right:6px; }
.util-search .fas{ color:#12124D; margin:0; }

.util-search{ display:flex; align-items:center; margin:0; }
.util-search input[type="search"]{
  height:28px; width:180px; border:1px solid #fff; border-right:0;
  border-radius:999px 0 0 999px; padding:0 12px; font-size:13px;
}
.util-search button{ border-radius:0 999px 999px 0; }

.util-lang{ display:flex; align-items:center; gap:6px; color:#fff; font-size:13px; }
.util-lang [aria-current]{ font-weight:700; color:#ffbf00; }

.a11y-bar .util-lang .util-lang-btn{
  background:transparent;
  border:0;
  color:#fff;
  min-width:0;
  height:auto;
  padding:0;
  font-weight:600;
  opacity:1;
  cursor:pointer;
  text-decoration:none;
}
.a11y-bar .util-lang .util-lang-btn:hover,
.a11y-bar .util-lang .util-lang-btn:focus{
  color:#ffbf00;
  text-decoration:none;
}
@media (max-width:767px){
  .util-search{ flex:1 1 100%; }
  .util-search input[type="search"]{ flex:1; width:auto; }
  .a11y-label{ display:none; }
}

.a11y-bar.util-bar{ position:relative; z-index:20; }