/* iBlogger v154 — keep disabled service links hoverable so their explanatory subtitles appear. */
/* Clicks remain blocked by the v151 capture-phase JavaScript guard. */
html body a.is-service-feature-disabled[data-auth-hover],
html body .desktop-nav .nav-link.is-service-feature-disabled[data-access-note] {
  pointer-events: auto !important;
  cursor: not-allowed !important;
  position: relative !important;
}

/* Desktop navigation: show the existing explanatory subtitle beneath each disabled service item. */
html body .desktop-nav .nav-link.is-service-feature-disabled[data-access-note]::before,
html body .desktop-nav .nav-link.is-service-feature-disabled[data-auth-hover]::before {
  content: attr(data-access-note) !important;
  position: absolute !important;
  top: calc(100% + 11px) !important;
  right: 50% !important;
  left: auto !important;
  z-index: 10050 !important;
  display: block !important;
  width: max-content !important;
  max-width: min(280px, 80vw) !important;
  padding: 9px 12px !important;
  border: 1px solid var(--color-border, #e4e5ef) !important;
  border-radius: 10px !important;
  background: var(--color-surface-elevated, #fff) !important;
  color: var(--color-text-secondary, #62677e) !important;
  box-shadow: 0 9px 26px rgba(20, 25, 60, .14) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.8 !important;
  text-align: center !important;
  white-space: normal !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate(50%, -5px) !important;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}

/* Hover and keyboard focus both reveal the subtitle without re-enabling navigation. */
html body .desktop-nav .nav-link.is-service-feature-disabled[data-access-note]:hover::before,
html body .desktop-nav .nav-link.is-service-feature-disabled[data-auth-hover]:hover::before,
html body .desktop-nav .nav-link.is-service-feature-disabled[data-access-note]:focus-visible::before,
html body .desktop-nav .nav-link.is-service-feature-disabled[data-auth-hover]:focus-visible::before {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(50%, 0) !important;
}

/* Ensure the tooltip is not clipped by the header navigation containers. */
html body #siteHeader,
html body #siteHeader .header-inner,
html body #siteHeader .desktop-nav {
  overflow: visible !important;
}

/* On touch devices, tapping/focusing a disabled item can reveal its explanation. */
@media (hover: none) {
  html body #mobileNav a.is-service-feature-disabled[data-access-note],
  html body #mobileNav a.is-service-feature-disabled[data-auth-hover] {
    pointer-events: auto !important;
  }
  html body #mobileNav a.is-service-feature-disabled:focus::after,
  html body #mobileNav a.is-service-feature-disabled:focus-visible::after {
    content: attr(data-access-note) !important;
    display: block !important;
    margin: 6px 0 2px !important;
    color: var(--color-text-secondary, #62677e) !important;
    font-size: 11px !important;
    line-height: 1.7 !important;
    white-space: normal !important;
  }
}