/* changed cgptw 2026:09:28 — native DKChat teal hat and Orders red book buttons. */
.navbar .dk-service-switch{display:inline-flex;align-items:center;margin:0;vertical-align:middle}
.navbar .dk-service-link{display:block;color:#fff;text-decoration:none}
.navbar .dk-service-link:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:5px}
/* changed cgptw 2026:09:28 — both apps use the Dish Orders top-bar states. */
body .navbar .dk-native-service{box-sizing:border-box;text-align:center;white-space:nowrap;border:0;border-radius:8px;outline:0;box-shadow:none}
body .navbar .dk-native-service.dk-native-chat{font:600 12px/12px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;padding:4px;margin:0 0 0 10px;min-height:32px}
body .navbar .dk-native-service.dk-native-orders{font:900 11.25px/11.25px "Times New Roman",serif;padding:5px 10px;margin:0 0 0 17px;min-height:33.85px}
body .navbar .dk-native-service.itemA{background:transparent;color:#0000ff!important;outline:1px dashed #27aae1;outline-offset:-1px}
body .navbar .dk-native-service.activeA{background:#ed0028;color:#fff!important;outline:0}
body .navbar a:hover>.dk-native-service,
body .navbar a:focus-visible>.dk-native-service{background:#27aae1;color:#fff!important;outline:0;box-shadow:inset 0 0 0 1px #e09952}
body .navbar .dk-native-service span,
body .navbar .dk-native-service p{color:inherit!important}
.navbar .dk-native-service p{font:inherit;margin:0}
.navbar .dk-native-orders>.fas{font-size:11.25px}
.navbar .dk-service-icon{display:block;height:12px;line-height:12px}
.navbar .dk-service-icon svg{display:inline-block;fill:currentColor;stroke:none;vertical-align:-.125em}
.navbar .dk-native-chat .dk-service-icon svg{width:15px;height:15px;vertical-align:-1px;position:relative;top:-2px}
.navbar .dk-native-orders .dk-service-icon{height:12.6px;line-height:12.6px}
.navbar .dk-native-orders .dk-service-icon svg{width:12.66px;height:11.25px}
.navbar .dk-service-desktop{align-self:center}
@media(max-width:991.98px){
  .navbar.dk-chat-navbar{margin-left:0;margin-right:0;padding-left:8px;padding-right:8px}
  .dk-chat-navbar>.navbar-toggler{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:0!important;padding:0;min-width:0}
  .dk-chat-navbar>.navbar-toggler>.d-flex{align-items:center;margin-right:0!important}
  .dk-chat-navbar>.navbar-toggler>.float-left{min-width:0}
}

/* Transparent serving cloche in the Orders top navigation. */
body .dk-app-navbar .dk-native-orders img.dk-orders-cloche,
body .dk-app-navbar .navbar-toggler .dk-native-orders img.dk-orders-cloche{display:block;width:20px!important;height:12.6px!important;max-width:20px!important;object-fit:contain;margin:0 auto!important}