/* One right-aligned group: Civil Protection, search, then Menu, including on narrow screens. */
#site-header#site-header .nav.nav-v2 > .jd-civil-nav-controls {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  order: 900 !important;
  margin-left: auto !important;
}
#site-header#site-header .nav.nav-v2 .jd-civil-nav-controls > .jd-search-button {
  order: 1 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#site-header#site-header .nav.nav-v2 .jd-civil-nav-controls > .nav-menu-v2 {
  order: 2 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#site-header#site-header .nav.nav-v2 .jd-civil-nav-controls > a.nav-civil-shortcut {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex: 0 0 auto;
  order: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
  padding: 4px 12px !important;
  height: 32px;
  min-height: 32px;
  border: 1px solid #8a4800 !important;
  border-radius: 999px;
  background: #ffca62 !important;
  color: #241500 !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 2px 7px rgb(0 0 0 / 16%);
  animation: none !important;
}
#site-header#site-header .nav.nav-v2 .jd-civil-nav-controls > a.nav-civil-shortcut::before,
#site-header#site-header .nav.nav-v2 .jd-civil-nav-controls > a.nav-civil-shortcut::after { display: none !important; }
#site-header#site-header .nav.nav-v2 .jd-civil-nav-controls > a.nav-civil-shortcut:hover { background: #ffda8c !important; }
#site-header#site-header .nav.nav-v2 .jd-civil-nav-controls > a.nav-civil-shortcut:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
#site-header .nav-civil-shortcut > svg { width: 19px; height: 19px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; animation: jd-civil-danger-pulse 2.8s ease-in-out infinite; }
@keyframes jd-civil-danger-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .35; }
}
@media (prefers-reduced-motion: reduce) {
  #site-header .nav-civil-shortcut > svg { animation: none; opacity: 1; }
}
#site-header .nav-civil-label { display: flex; flex-direction: column; gap: 2px; }
#site-header .nav-civil-retained { font-size: 10px; font-weight: 600; }
#site-header .nav-civil-retained[hidden] { display: none !important; }
#site-header .nav-civil-shortcut[data-retained="true"] .nav-civil-label { font-size: 11px; line-height: 1.05; gap: 0; }
#site-header .nav-civil-shortcut[data-retained="true"] .nav-civil-retained { font-size: 9px; line-height: 1.05; }
#site-header .nav-civil-count { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 4px; border-radius: 6px; background: #241500; color: #fff; -webkit-text-fill-color: #fff; font-size: 11px; font-weight: 750; }
@media (max-width: 520px) {
  #site-header#site-header .nav.nav-v2 .jd-civil-nav-controls > a.nav-civil-shortcut { gap: 5px; padding: 4px 8px !important; height: 34px; min-height: 34px; font-size: 12px; }
  #site-header .nav-civil-shortcut > svg { width: 17px; height: 17px; }
}
@media (max-width: 380px) {
  #site-header#site-header .nav.nav-v2.has-civil-shortcut { column-gap: 6px; }
  #site-header#site-header .nav.nav-v2 .jd-civil-nav-controls > a.nav-civil-shortcut { gap: 4px; padding: 4px 6px !important; font-size: 11px; }
  #site-header .nav-civil-shortcut > svg { display: none; }
  #site-header .nav-civil-retained { font-size: 9px; }
  #site-header .nav-civil-count { min-width: 18px; height: 18px; padding: 0 3px; font-size: 10px; }
}