.site-header .header-desktop-links {
  display: none;
}

.site-header .notification-bell b {
  top:calc(50% - 21px);
  right:calc(50% - 21px);
  min-width:17px;
  height:17px;
  box-sizing:border-box;
  border: 0;
  box-shadow: none;
}

html[data-theme] body .site-header .theme-toggle,
html[data-theme] body .site-header .theme-toggle:hover,
html[data-theme] body .site-header .theme-toggle:active {
  background: transparent;
  border: 0;
  box-shadow: none;
}

html[data-theme="dark"] body .site-header .header-desktop-links img {
  filter: brightness(0) invert(1);
  opacity: 1;
}

html[data-theme="light"] body .site-header .header-desktop-links img {
  filter: brightness(0);
  opacity: 1;
}

@media (min-width: 760px) {
  .site-header nav {
    gap: .45rem;
  }

  .site-header .header-desktop-links {
    display: flex;
    align-items: center;
    gap: .1rem;
  }

  .site-header .header-desktop-links a {
    display: grid;
    place-items: center;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: inherit;
    text-decoration: none;
  }

  .site-header .header-desktop-links a img {
    display: block;
    width: 29px;
    height: 29px;
    object-fit: contain;
  }

  .site-header .notification-bell {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
  }

  .site-header .notification-bell img {
    width: 29px;
    height: 29px;
  }

  .site-header .header-desktop-links a:is(:hover, [aria-current="page"]) {
    background: transparent;
    box-shadow: none;
  }

  .site-header .header-desktop-links a:focus-visible {
    outline: 2px solid #c99be8;
    outline-offset: 3px;
  }
}

@media (min-width: 1100px) {
  .site-header nav {
    gap: .9rem;
  }

  .site-header .header-desktop-links a,
  .site-header .notification-bell {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header .header-desktop-links a {
    transition: none;
  }
}

/* Approved r79: one desktop icon rhythm, without visible containers.
   Nested shortcuts use the same gap as their neighbours in the shared header. */
@media(min-width:760px) {
  html body > .site-header nav {
    --g3-desktop-icon-gap:8px;
    gap:var(--g3-desktop-icon-gap)!important;
    align-items:center;
  }
  html body > .site-header nav .header-desktop-links {
    gap:var(--g3-desktop-icon-gap)!important;
    align-items:center;
  }
  html body > .site-header nav :is(.theme-toggle,.header-story-add,.install-app,.notification-bell):not([hidden]),
  html body > .site-header nav .header-desktop-links > a {
    box-sizing:border-box;
    display:grid;
    place-items:center;
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    margin:0!important;
    border:0;
    border-radius:0;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body > .site-header nav .notification-bell > span {
    display:grid;
    place-items:center;
  }
}
