/**
 * グローバルナビ：お知らせ（未読）アイコン・サイド／ボトムの件数バッジ位置
 * header.php から移設（badge.css の .count-badge と併用）
 */
.ainy-header-notification-wrap,
.ainy-nav-link-with-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.ainy-header-notification-wrap {
  z-index: 20;
  isolation: isolate;
}

.ainy-header-notification-link {
  position: relative;
  z-index: 1;
  pointer-events: auto;
}

.ainy-nav-link-with-badge .count-badge--overlay {
  position: absolute;
  top: -4px;
  right: -4px;
}

.ainy-bottom-nav-link.ainy-nav-link-with-badge .count-badge--overlay {
  top: -2px;
  right: 50%;
  transform: translate(50%, 0);
}

.ainy-notification-dot {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--danger-color);
  flex-shrink: 0;
}