/* MIJUONE v1.70.35 — compact premium header, original typographic scale.
   Replaces the oversize 1.70.34 pills; keeps all behaviors and 1.70.33 regional pulse. */
.top-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e5edfa}
.top-header .header-main{gap:9px}
.top-header .header-main>.main-search{
  flex:1 1 540px;min-width:260px;max-width:540px;width:auto;
  height:40px;box-shadow:0 2px 11px rgba(26,80,159,.045);
  border:1px solid #cadcf4;border-radius:11px;
  transition:box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
.top-header .header-main>.main-search:focus-within{
  border-color:#8ab9fa;box-shadow:0 0 0 3px rgba(28,116,228,.09),0 6px 18px rgba(26,80,159,.06);
}
.top-header .header-main>.main-search input{font-size:11.5px;min-width:0}
.top-header .header-main>.main-search button{transition:background .22s ease,transform .22s ease}
.top-header .header-main>.main-search button:hover{background:linear-gradient(135deg,#2588ff,#075cde)}
.top-header .header-actions{gap:6px;margin-left:auto;min-width:max-content;flex:0 0 auto}
.top-header .header-actions :is(.login-link,.signup-btn,.mi-chat-trigger){flex-shrink:0}

/* Region selector — a single 36px line, matching the pre-1.70.34 baseline. */
.top-header .header-main>.location-switch{
  flex:0 0 auto;min-height:36px;height:36px!important;max-width:143px!important;
  padding:0 10px!important;gap:6px!important;border-radius:11px;
  background:linear-gradient(180deg,#fff,#f5f9ff);border:1px solid #d1e2f8;
  box-shadow:0 2px 8px rgba(37,87,155,.045);
  font-size:11px;font-weight:780;white-space:nowrap;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.top-header .header-main>.location-switch:hover,
.top-header .header-main>.location-switch[aria-expanded="true"]{
  transform:translateY(-1px);border-color:#a5cbf8;background:#eef6ff;
  box-shadow:0 6px 15px rgba(27,94,183,.1);
}
.top-header .header-main>.location-switch #currentLocation{
  font-size:11px;font-weight:800;max-width:75px;letter-spacing:-.02em;
}
.top-header .header-main>.location-switch>.icon:first-child{width:15px;height:15px;flex-basis:15px}
.top-header .header-main>.location-switch>.chevron-icon{width:12px;height:12px;flex-basis:12px}

/* Chat retains its original trigger, badge, and click bindings. */
.top-header .header-actions .mi-chat-trigger{
  min-height:36px;height:36px;padding:0 11px;gap:6px;
  border:1px solid #cbdff8;border-radius:11px;
  background:linear-gradient(180deg,#fff,#f5f9ff);
  box-shadow:0 3px 9px rgba(21,79,159,.052);font-size:11px;font-weight:800;line-height:1.1;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.top-header .header-actions .mi-chat-trigger .mi-chat-trigger-label{font-size:11px;font-weight:800;letter-spacing:-.015em}
.top-header .header-actions .mi-chat-trigger .icon{height:15px;width:15px}
.top-header .header-actions .mi-chat-trigger:hover,
.top-header .header-actions .mi-chat-trigger[aria-expanded="true"]{
  transform:translateY(-1px);border-color:#8fbcf6;box-shadow:0 7px 17px rgba(24,91,180,.11);
}

/* Auth buttons return to the old compact font scale. */
.top-header .header-actions .login-link{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;height:36px;padding:0 12px;
  border:1px solid #d1e2f8;border-radius:11px;
  color:#245a9f;background:linear-gradient(180deg,#fff,#f7faff);
  box-shadow:0 2px 8px rgba(20,69,136,.035);
  font-size:11px;font-weight:800;line-height:1.1;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.top-header .header-actions .login-link:hover{
  transform:translateY(-1px);border-color:#9bc5f9;background:#f0f6ff;
  box-shadow:0 7px 15px rgba(26,85,166,.09);
}
.top-header .header-actions .signup-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:37px;height:37px;min-width:86px;padding:0 13px!important;border:0;border-radius:11px;
  color:#fff;background:linear-gradient(120deg,#1474ec,#0a55cc);
  box-shadow:0 5px 13px rgba(15,89,201,.17);
  font-size:11px;font-weight:800;line-height:1.1;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.top-header .header-actions .signup-btn .icon{width:14px;height:14px;transition:transform .2s ease}
.top-header .header-actions .signup-btn:hover{
  transform:translateY(-1px);box-shadow:0 9px 19px rgba(15,89,201,.23);filter:saturate(1.08);
}
.top-header .header-actions .signup-btn:hover .icon{transform:translateX(2px)}
.top-header .header-actions :is(.login-link,.signup-btn,.mi-chat-trigger):focus-visible,
.top-header .header-main>.location-switch:focus-visible{
  outline:3px solid rgba(47,135,252,.34);outline-offset:2px;
}

/* Weather/clock remains functional but does not consume the search field's width. */
.top-header .header-actions .mi-header-pulse-v1733{
  max-width:190px;height:38px;border-radius:12px;
  box-shadow:0 3px 11px rgba(25,90,172,.06);
}
/* Keep the signup CTA and search field visually balanced at desktop sizes. */
@media(min-width:1501px){
  .top-header .header-main>.main-search{flex-basis:540px;max-width:540px}
}
@media(max-width:1500px){
  .top-header .header-main{gap:7px}
  .top-header .header-actions{gap:5px}
  .top-header .header-actions .mi-header-pulse-v1733{max-width:145px;padding-inline:6px;gap:5px}
  .top-header .mi-hp-visual-v1733{display:none}
  .top-header .mi-hp-city-v1733{display:none}
}
@media(max-width:1360px){
  .top-header .header-main>.main-search{min-width:235px;flex-basis:490px;max-width:530px}
  .top-header .header-main>.location-switch{max-width:119px!important;padding-inline:7px!important}
  .top-header .header-main>.location-switch #currentLocation{max-width:62px}
  .top-header .header-actions .mi-header-pulse-v1733{max-width:130px}
}
@media(max-width:1190px){
  .top-header .header-main>.main-search{min-width:210px;max-width:530px}
  .top-header .header-actions .mi-chat-trigger{padding-inline:9px}
  .top-header .header-actions .signup-btn{padding-inline:10px!important}
}
@media(max-width:1080px){
  .top-header .header-main>.location-switch{display:none!important}
  .top-header .header-main>.main-search{min-width:185px;flex:1 1 530px;max-width:none}
}
@media(max-width:880px){
  .top-header .header-actions .mi-chat-trigger{width:36px;min-width:36px;padding-inline:8px}
  .top-header .header-actions .mi-chat-trigger .mi-chat-trigger-label{display:none}
}
@media(max-width:750px){
  .top-header .header-main{gap:7px}
  .top-header .header-main>.main-search{
    order:3;flex:1 1 100%;width:100%;max-width:none;min-width:0;
    height:39px;margin:0 0 8px;
  }
  .top-header .header-actions .login-link,.top-header .header-actions .signup-btn{display:none}
  .top-header .header-actions .mi-chat-trigger{min-height:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){
  .top-header .header-main>.main-search,.top-header .header-main>.main-search button,
  .top-header .header-main>.location-switch,
  .top-header .header-actions .mi-chat-trigger,
  .top-header .header-actions .login-link,
  .top-header .header-actions .signup-btn,
  .top-header .header-actions .signup-btn .icon{transition:none!important;animation:none!important}
}