/* ============================================================
   CheckNow Header — 双行：品牌/工具 + 导航
   ============================================================ */

:root {
  --header-height: 122px;
}

/* ─── 整体 ──────────────────────────────── */
.checknow-header {
  width: 100%;
  z-index: 1000;
}

.checknow-header-fixed {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

/* ponytail: admin-bar 下 header top 由 functions.php inline CSS 用 var(--wp-admin--admin-bar--height) 处理 */

.checknow-header-inner {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 5%;
}

/* ─── 顶行 ──────────────────────────────── */
.checknow-header-top {
  width: 100%;
  background: var(--cn-surface-hero);
  padding: 16px 0;
  border-bottom: 1px solid rgba(255,255,255,0.06); /* ponytail: 白色透明边框在深色背景上 */
}

.checknow-header-top .checknow-header-inner {
  justify-content: space-between;
  gap: 24px;
}

/* ─── Logo ──────────────────────────────── */
.checknow-header-logo {
  flex-shrink: 0;
}

.checknow-header-logo a {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.checknow-header-logo img {
  height: 40px;
  width: auto;
  object-fit: contain;
}

/* 桌面端仅放大 Logo 图片，不参与 Header 高度计算。 */
@media (min-width: 901px) {
  .checknow-header-logo {
    position: relative;
    height: 40px;
  }
  .checknow-header-logo a {
    position: relative;
    height: 40px;
    padding-left: 84px;
  }
  .checknow-header-logo img {
    position: absolute;
    top: 50%;
    left: 0;
    height: 72px;
    width: auto;
    max-width: none;
    transform: translateY(-50%);
  }
  .checknow-header--scrolled .checknow-header-logo {
    height: 30px;
  }
  .checknow-header--scrolled .checknow-header-logo a,
  .checknow-header--scrolled .checknow-header-logo img { height: 56px; }
  .checknow-header--scrolled .checknow-header-logo a { height: 30px; padding-left: 68px; }
}

.checknow-header-brand {
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: linear-gradient(to right, var(--cn-accent), var(--cn-accent-light), var(--cn-accent));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.checknow-mobile-header-languages {
  display: none;
}

/* ─── Spacer ────────────────────────────── */
.checknow-header-spacer {
  flex: 1;
}

/* ─── 搜索 ──────────────────────────────── */
.checknow-header-search {
  flex-shrink: 0;
}

.checknow-search-form {
  display: flex;
  align-items: center;
}

.checknow-search-icon {
  color: #E2E8F0;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  vertical-align: middle;
  flex-shrink: 0;
}

.checknow-search-input {
  background: transparent;
  border: none;
  outline: none;
  font-size: 14px;
  color: #E2E8F0;
  font-family: 'Inter', sans-serif;
  width: 120px;
  padding: 0;
  transition: width 0.3s;
}

/* ponytail: 对抗 WP inline [type="text"] 的 padding/background */
.checknow-header input.checknow-search-input[type="text"] {
  background: transparent;
  color: #E2E8F0;
  font-size: 14px;
  padding: 0;
}

.checknow-search-input:focus {
  width: 200px;
}

/* ponytail: 杀所有聚焦下的蓝色/彩色边框 */
.checknow-search-input:focus,
.checknow-search-input:focus-visible,
.checknow-search-input:active,
.checknow-search-form:focus-within,
.checknow-search-form:focus-within .checknow-search-input,
.checknow-search-form:focus-within .checknow-search-icon {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* ponytail: 登录弹窗输入框移除 Chrome :focus-visible 蓝环 */
.checknow-modal-input-wrap input:focus,
.checknow-modal-input-wrap input:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

.checknow-search-input::placeholder {
  color: #E2E8F0;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* ─── 语言切换 ──────────────────────────── */
.checknow-header-lang {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.checknow-lang-active {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--cn-surface-hero);
  background: linear-gradient(135deg, var(--cn-accent), var(--cn-accent-light), var(--cn-accent));
  padding: 2px 8px;
  border-radius: 999px;
  cursor: pointer;
}

.checknow-lang-opt {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #E2E8F0;
  cursor: pointer;
  padding: 2px 6px;
  transition: color 0.2s;
  text-decoration: none;
}

.checknow-lang-opt:hover {
  color: var(--checknow-accent);
}

.checknow-lang-opt--disabled {
  cursor: default;
  opacity: 0.3;
  pointer-events: none;
}

/* ─── 登录/注册 ─────────────────────────── */
.checknow-header-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

.checknow-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  transition: all 0.2s;
  white-space: nowrap;
  font-family: 'Inter', sans-serif;
}

.checknow-btn-text {
  color: #E2E8F0;
  background: transparent;
  border: none;
  padding: 8px 4px;
}

.checknow-btn-text:hover {
  color: var(--checknow-accent);
}

.checknow-btn-outline {
  color: var(--checknow-accent);
  background: transparent;
  border: 1px solid var(--checknow-accent);
  padding: 8px 24px;
  border-radius: 2px;
}

.checknow-btn-outline:hover {
  background: var(--cn-accent);
  color: var(--cn-surface-hero);
}

/* ─── 导航行 ────────────────────────────── */
.checknow-header-navbar {
  width: 100%;
  background: var(--cn-surface-hero);
}

.checknow-header-navbar .checknow-header-inner {
  justify-content: center;
}

.checknow-nav-list {
  display: flex;
  gap: 32px;
  list-style: none;
  margin: 0;
  padding: 16px 0;
}

.checknow-nav-list li {
  margin: 0;
  padding: 0;
}

.checknow-nav-list a {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #E2E8F0;
  text-decoration: none;
  transition: color 0.3s;
  white-space: nowrap;
}

.checknow-nav-list a:hover {
  color: var(--checknow-accent);
}
.checknow-has-submenu:hover > a {
  color: var(--checknow-accent);
}

/* ── 子菜单下拉 ── */
.checknow-has-submenu {
  position: relative;
}
.checknow-submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 160px;
  background: var(--cn-surface-hero);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 6px;
  padding: 8px 0;
  list-style: none;
  margin: 0;
  z-index: 1001;
}
.checknow-has-submenu:hover .checknow-submenu {
  display: block;
}
.checknow-submenu li {
  margin: 0;
}
.checknow-submenu a {
  display: block;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: none;
  color: #E2E8F0;
  transition: background 0.2s, color 0.2s;
}
.checknow-submenu a:hover {
  background: rgba(255,255,255,0.08); /* ponytail: 白色透明背景 */
  color: var(--cn-accent);
}

/* ponytail: header 为 sticky，不占用额外 padding-top */
/* 各页面如有特殊偏移需要，在各自 CSS 中处理 */

@media (max-width: 768px) {
  .checknow-header-inner {
    padding: 0 20px;
    flex-wrap: wrap;
  }
  .checknow-header-top .checknow-header-inner {
    gap: 12px;
  }
  .checknow-header-search,
  .checknow-header-lang {
    display: none;
  }
  .checknow-header-navbar {
    display: none;
  }
}

/* ─── 响应式 ────────────────────────────── */
/* ─── 导航栏 scroll 效果 ──────────────────────────── */
.checknow-header--scrolled {
  background: rgba(255,255,255,0.97); /* ponytail: 近乎白色透明 */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
  border-bottom-color: transparent;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}
.checknow-header--scrolled .checknow-header-inner {
  height: 56px;
}
.checknow-header--scrolled .checknow-header-logo img {
  height: 30px;
}
.checknow-header--scrolled .checknow-nav-link:hover {
  color: var(--checknow-gold, var(--checknow-gold));
}

/* ─── 响应式 ────────────────────────────────────────── */
@media (max-width: 900px) {
  .checknow-header-top { padding: 0; }
  .checknow-header-top .checknow-header-inner {
    min-height: 64px;
    flex-wrap: nowrap;
  }
  .checknow-header-logo,
  .checknow-header-logo a { height: 64px; }
  .checknow-header-logo img {
    height: 64px;
    width: auto;
    max-width: none;
  }
  .checknow-header-navbar,
  .checknow-header-nav,
  .checknow-header-search,
  .checknow-header-lang { display: none; }
  .checknow-header-actions { display: flex; order: 3; gap: 5px; }
  .checknow-mobile-toggle { display: flex; }
  .checknow-search-form { width: 360px; }
  .checknow-header-brand { display: none; }
  .checknow-header-top .checknow-header-inner { gap: 12px; }
  .checknow-mobile-header-languages {
    display: block;
    position: relative;
    order: 2;
    margin-left: auto;
  }
  .checknow-mobile-header-languages summary {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 5px;
    color: var(--cn-accent);
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    list-style: none;
  }
  .checknow-mobile-header-languages summary::-webkit-details-marker { display: none; }
  .checknow-mobile-header-languages summary::after {
    content: '';
    width: 6px;
    height: 6px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform .18s ease;
  }
  .checknow-mobile-header-languages[open] summary::after {
    transform: translateY(2px) rotate(225deg);
  }
  .checknow-mobile-header-languages__menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 1100;
    min-width: 92px;
    padding: 5px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 6px;
    background: var(--cn-surface-hero, #0d1c32);
    box-shadow: 0 10px 28px rgba(0,0,0,.28);
  }
  .checknow-mobile-header-languages__menu a,
  .checknow-mobile-header-languages__menu span {
    display: block;
    padding: 8px 10px;
    border-radius: 4px;
    color: #E2E8F0;
    font-size: 13px;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
  }
  .checknow-mobile-header-languages__menu a:hover,
  .checknow-mobile-header-languages__menu [aria-current="page"] {
    background: rgba(255,255,255,.08);
    color: var(--cn-accent);
  }
  .checknow-mobile-header-languages .is-disabled { opacity: .4; }
  .checknow-header-spacer { display: none; }
  .checknow-header-logo { order: 1; }
  .checknow-mobile-toggle { order: 4; }
  .checknow-header-actions .checknow-btn {
    min-height: 32px;
    padding: 6px 8px;
    font-size: 12px;
    letter-spacing: 0;
  }
  .checknow-header-actions .cn-user-menu__trigger {
    min-height: 34px;
    padding: 3px;
  }
  .checknow-header-actions .cn-user-menu__name,
  .checknow-header-actions .cn-user-menu__arrow { display: none; }
  .checknow-header--scrolled .checknow-header-logo,
  .checknow-header--scrolled .checknow-header-logo a,
  .checknow-header--scrolled .checknow-header-logo img { height: 56px; }
}

@media (max-width: 480px) {
  .checknow-header-top .checknow-header-inner { gap: 6px; }
  .checknow-mobile-header-languages summary { padding: 5px 6px; font-size: 11px; }
  .checknow-mobile-toggle { width: 36px; height: 36px; padding: 8px; }
}
@media (min-width: 901px) {
  .checknow-mobile-toggle { display: none; }
  .checknow-mobile-menu { display: none !important; }
}

.checknow-mobile-toggle {
  width: 42px;
  height: 42px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 6px;
  background: transparent;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
}
.checknow-mobile-toggle span {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  transition: transform .25s ease, opacity .2s ease;
}
.checknow-mobile-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.checknow-mobile-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.checknow-mobile-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.checknow-mobile-menu { display: none; }
@media (max-width: 900px) {
  .checknow-mobile-menu {
    position: fixed;
    inset: var(--cn-mobile-header-bottom, 72px) 0 0;
    z-index: 999;
    overflow-y: auto;
    background: var(--cn-surface-hero, #0d1c32);
    color: #E2E8F0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
  }
  .checknow-mobile-menu[aria-hidden="false"] {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  body.checknow-mobile-menu-open { overflow: hidden; }
  .checknow-mobile-menu__inner {
    padding: 22px 20px max(88px, calc(36px + env(safe-area-inset-bottom)));
  }
  .checknow-mobile-search {
    display: flex; align-items: center; gap: 10px; padding: 0 14px;
    min-height: 46px; border: 1px solid rgba(255,255,255,.18); border-radius: 6px;
  }
  .checknow-mobile-search input { width: 100%; border: 0; outline: 0; background: transparent; color: #E2E8F0; font-size: 17px; }
  .checknow-mobile-nav__list, .checknow-mobile-nav .checknow-nav-list { display: block; list-style: none; margin: 22px 0; padding: 0; }
  .checknow-mobile-nav li { position: relative; border-bottom: 1px solid rgba(255,255,255,.1); }
  .checknow-mobile-nav a { display: block; padding: 15px 2px; color: #E2E8F0; font-size: 16px; font-weight: 650; text-decoration: none; }
  .checknow-mobile-nav__has-children > a {
    width: 100%;
    padding-right: 48px;
  }
  .checknow-mobile-nav .sub-menu, .checknow-mobile-nav .checknow-submenu { display: none; position: static; transform: none; min-width: 0; margin: 0 0 10px; padding: 0 0 0 16px; border: 0; background: transparent; }
  .checknow-mobile-nav .sub-menu[hidden],
  .checknow-mobile-nav .checknow-submenu[hidden] { display: none !important; }
  .checknow-mobile-nav .is-submenu-open > .sub-menu,
  .checknow-mobile-nav .is-submenu-open > .checknow-submenu { display: block !important; }
  .checknow-mobile-submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 49px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--cn-accent);
    cursor: pointer;
  }
  .checknow-mobile-submenu-toggle:focus-visible { outline: none; }
  .checknow-mobile-submenu-toggle span {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 8px;
    height: 8px;
    margin: -6px 0 0;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform .2s ease, margin .2s ease;
  }
  .checknow-mobile-submenu-toggle[aria-expanded="true"] span {
    margin-top: -2px;
    transform: rotate(225deg);
  }
  .checknow-mobile-nav .sub-menu li, .checknow-mobile-nav .checknow-submenu li { border: 0; }
  .checknow-mobile-nav .sub-menu a, .checknow-mobile-nav .checknow-submenu a { padding: 9px 2px; color: #E2E8F0; font-size: 14px; font-weight: 500; }
  /* 登录/注册已固定显示在 Header，抽屉内不再重复。 */
  .checknow-mobile-menu__footer { display: none; gap: 18px; padding-top: 4px; }
  .checknow-mobile-languages, .checknow-mobile-account { display: flex; align-items: center; gap: 10px; }
  .checknow-mobile-languages a, .checknow-mobile-languages span,
  .checknow-mobile-account a, .checknow-mobile-account button { padding: 9px 13px; border: 1px solid rgba(255,255,255,.18); border-radius: 5px; background: transparent; color: #E2E8F0; font: inherit; font-size: 14px; text-decoration: none; }
  .checknow-mobile-languages [aria-current="page"], .checknow-mobile-account .is-primary { border-color: var(--cn-accent); color: var(--cn-accent); }
  .checknow-mobile-languages .is-disabled { opacity: .4; }
}

@media (max-width: 640px) {
  .checknow-search-form { width: 300px; right: 0; left: auto; }
}

/* ═══ 页头用户菜单 ─── */
.cn-user-menu {
  position: relative;
  display: inline-flex;
  z-index: 1002;
}

.cn-user-menu__trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
  transition: background 0.2s;
  font-family: 'Inter', sans-serif;
  color: #E2E8F0;
}

.cn-user-menu__trigger:hover,
.cn-user-menu__trigger:focus-visible {
  background: rgba(255,255,255,0.1); /* ponytail: 白色透明背景 */
}

.cn-user-menu__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  flex: 0 0 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 0;
  background: var(--cn-avatar-gold, #F0D495);
}
.cn-user-menu__avatar:hover {
  background: var(--cn-accent-hover);
}
/* ponytail: 真实图片覆写背景 */
.cn-user-menu__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid var(--cn-avatar-gold, #F0D495);
  background: none;
}

.cn-user-menu__avatar-letter {
  font-size: 15px;
  font-weight: 700;
  color: var(--cn-avatar-text, #0B192C);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cn-user-menu__name {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cn-user-menu__arrow {
  flex-shrink: 0;
  transition: transform 0.2s;
  opacity: 0.6;
}

.cn-user-menu--open .cn-user-menu__arrow {
  transform: rotate(180deg);
}

/* ─── 下拉菜单 ─── */
.cn-user-menu__dropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 200px;
  background: var(--cn-surface-hero);
  border: 1px solid rgba(240,212,149,.18); /* ponytail: 金色透明边框 */
  border-top: 2px solid var(--cn-accent-light);
  border-radius: 8px;
  box-shadow: var(--cn-shadow-hover);
  padding: 6px 0;
  z-index: 1003;
  margin-top: 2px;
}

/* ponytail: hover bridge — covers gap from trigger bottom to dropdown top */
.cn-user-menu::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 14px;               /* ponytail: covers margin-top:2px + border(3px) + 9px breathing room */
  pointer-events: auto;
  z-index: -1;
}

.cn-user-menu--open .cn-user-menu__dropdown {
  display: block;
}

.cn-user-menu__link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  color: #E2E8F0;
  text-decoration: none;
  transition: background .15s, color .15s;
  cursor: pointer;
  border: none;
  background: none;
  text-align: left;
  font-family: 'Inter', sans-serif;
  box-sizing: border-box;
}

.cn-user-menu__link:hover,
.cn-user-menu__link:focus-visible {
  background: rgba(240,212,149,.10);
  color: var(--cn-accent-light);
}

/* ponytail: current/active item — same gold as hover */
.cn-user-menu__link[aria-current="page"],
.cn-user-menu__link.current-menu-item {
  color: var(--cn-accent-light);
}

.cn-user-menu__link--danger {
  color: #E2E8F0;
}

.cn-user-menu__link--danger:hover,
.cn-user-menu__link--danger:focus-visible {
  background: rgba(240,212,149,.10);
  color: var(--cn-accent-light);
}

.cn-user-menu__divider {
  height: 1px;
  background: rgba(255,255,255,.10); /* ponytail: 白色透明 */
  margin: 4px 12px;
}

/* ─── 退出确认弹窗 ─── */
.cn-logout-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0,0,0,0.4); /* ponytail: 黑色透明遮罩 */
  align-items: center;
  justify-content: center;
}

.cn-logout-overlay--open {
  display: flex;
}

.cn-logout-dialog {
  background: var(--cn-surface);
  border-radius: 12px;
  box-shadow: var(--cn-shadow-heavy);
  padding: 28px 32px 24px;
  max-width: 360px;
  width: 90%;
  text-align: center;
}

.cn-logout-dialog__title {
  font-size: 16px;
  font-weight: 600;
  color: var(--checknow-text, #1A1A1A);
  margin: 0 0 6px;
}

.cn-logout-dialog__desc {
  font-size: 14px;
  color: var(--checknow-text-light, #4B5563);
  margin: 0 0 24px;
  line-height: 1.5;
}

.cn-logout-dialog__actions {
  display: flex;
  gap: 12px;
  justify-content: center;
}

.cn-logout-dialog__btn {
  padding: 10px 28px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  font-family: 'Inter', sans-serif;
  transition: background 0.2s;
}

.cn-logout-dialog__btn--cancel {
  background: var(--cn-primary);
  color: #E2E8F0;
}

.cn-logout-dialog__btn--cancel:hover {
  background: var(--cn-primary-dark);
}

.cn-logout-dialog__btn--confirm {
  background: var(--cn-accent-light);
  color: var(--cn-primary);
}

.cn-logout-dialog__btn--confirm:hover {
  background: var(--cn-accent-hover);
}

/* ─── 桌面 hover/focus-within ─── */
@media (hover: hover) {
  .cn-user-menu:hover .cn-user-menu__dropdown,
  .cn-user-menu:focus-within .cn-user-menu__dropdown {
    display: block;
  }
  .cn-user-menu:hover .cn-user-menu__arrow,
  .cn-user-menu:focus-within .cn-user-menu__arrow {
    transform: rotate(180deg);
  }
}

/* ─── 移动端 ─── */
@media (max-width: 900px) {
  .cn-user-menu__trigger {
    display: none;
  }
  .cn-user-menu__dropdown {
    display: none !important;
  }
  .cn-account-dropdown__menu {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .cn-account-dropdown__item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 42px;
    padding: 10px 14px;
    border: 0;
    background: transparent;
    text-align: left;
    font: inherit;
    color: var(--cn-text);
    text-decoration: none;
    appearance: none;
    -webkit-appearance: none;
  }
  .cn-account-dropdown__item:hover,
  .cn-account-dropdown__item:focus-visible {
    background: var(--cn-accent-light);
    color: var(--cn-primary);
  }
  .cn-account-dropdown__icon {
    width: 18px;
    flex: 0 0 18px;
    font-size: 18px;
    line-height: 18px;
  }
}