/* Mile I Shipping V86.15 — navigation and notification stability cleanup */

/* Public header: one clean interactive underline, never a rounded red block. */
.public-site .site-header nav a,
.site-header nav a{
  position:relative!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline-offset:4px!important;
  clip-path:none!important;
  filter:none!important;
  transform:none!important;
  overflow:visible!important;
}
.public-site .site-header nav a::before,
.site-header nav a::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.public-site .site-header nav a::after,
.site-header nav a::after{
  content:""!important;
  position:absolute!important;
  left:18%!important;
  right:18%!important;
  bottom:7px!important;
  height:4px!important;
  border-radius:999px!important;
  background:#ef233c!important;
  opacity:0!important;
  transform:scaleX(.25)!important;
  transform-origin:center!important;
  transition:opacity .16s ease,transform .2s ease!important;
  box-shadow:none!important;
}
.public-site .site-header nav a:hover::after,
.public-site .site-header nav a:focus-visible::after,
.public-site .site-header nav a.is-current-section::after,
.site-header nav a:hover::after,
.site-header nav a:focus-visible::after,
.site-header nav a.is-current-section::after{
  opacity:1!important;
  transform:scaleX(1)!important;
}
.public-site .site-header nav a.active:not(.is-current-section)::after,
.public-site .site-header nav a[aria-current="page"]:not(.is-current-section)::after,
.site-header nav a.active:not(.is-current-section)::after,
.site-header nav a[aria-current="page"]:not(.is-current-section)::after{
  opacity:0!important;
  transform:scaleX(.25)!important;
}
@supports selector(nav:has(a:hover)){
  .site-header nav:has(a:hover) a.is-current-section:not(:hover)::after{
    opacity:0!important;
    transform:scaleX(.25)!important;
  }
}
@media(max-width:900px){
  .site-header nav a::after{left:18px!important;right:auto!important;width:72px!important;bottom:4px!important}
}

/* Customer notification controls. */
.v8613-notification-actions{align-items:center!important;gap:10px!important}
.v8615-notification-spacer{flex:1 1 auto}
.v8615-notification-remove,
.v8615-remove-notification{
  border:1px solid #f0b7bc!important;
  background:#fff5f6!important;
  color:#b71925!important;
  border-radius:11px!important;
  padding:10px 14px!important;
  font:inherit!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.v8615-notification-remove:hover,
.v8615-remove-notification:hover{background:#ffe7e9!important;border-color:#df7e86!important}
.v8615-notification-remove:disabled,
.v8615-remove-notification:disabled{opacity:.55!important;cursor:wait!important}
.v8615-notification-card-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}
.notification-item{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
#mark-all-read{min-width:0!important;width:auto!important;padding:12px 17px!important;white-space:nowrap!important}
#mark-all-read:disabled{opacity:.65!important;cursor:wait!important}

/* The extra top-level sign-out is reserved for Warehouse only. */
body[data-staff-role]:not([data-staff-role="warehouse"]) #v8613-top-signout{display:none!important}

@media(max-width:700px){
  .notification-item{grid-template-columns:1fr!important}
  .v8615-notification-card-actions{justify-content:flex-start!important}
  .v8613-notification-actions{flex-wrap:wrap!important}
  .v8615-notification-spacer{display:none!important}
}