
.etran-topbar{
  background:#ffffff; color:#111827;
  font-size:14px; position:relative; z-index:9999;
  border-top:5px solid #ce6b22;
}
.etran-topbar--fixed{ position:fixed; top:0; left:0; right:0; }
.etran-topbar .container{
  width:min(1200px,92%); margin:0 auto;
  display:flex; align-items:center; gap:16px; padding:6px 0;
}
/* Order: menu on the left, switcher on the far right */
.etran-topbar .etran-topnav{ order:1; margin-left:0; }
.etran-topbar .etran-topnav ul{ list-style:none; display:flex; gap:16px; margin:0; padding:0; }
.etran-topbar .etran-topnav a{ color:#374151; text-decoration:none; }
.etran-topbar .etran-topnav a:hover{ text-decoration:underline; }

.etran-topbar .switcher{ order:2; margin-left:auto; display:flex; gap:8px; align-items:center; }

.etran-topbar .pill{
  display:inline-block; padding:6px 12px; border:1px solid #ce6b22; border-radius:0;
  color:#ce6b22; text-decoration:none; line-height:1; background:transparent;
}
.etran-topbar .pill.active{
  background:#ce6b22; border-color:#ce6b22; color:#ffffff;
}

@media (max-width: 700px){
  .etran-topbar .container{ flex-wrap:wrap; }
  .etran-topbar .switcher{ margin-left:0; order:2; width:100%; justify-content:flex-end; }
  .etran-topbar .etran-topnav{ order:1; width:100%; }
}
