/* ==========================================================================
   pwa-header-bar-first.css · first 皮肤 PWA 顶部安装栏样式
   对应源码：ptgame/app/src/pwa/HeaderBar/First.vue <style scoped lang="less">
   （组件根即 HeaderBar 根元素 #pwa-header-bar；:deep() 展开为后代选择器；
     主题类（yellow-dark 等）挂在 html 上，见 themes.css 头部注释；
     ::part(native) 的 background 直接落到 button 元素）
   ========================================================================== */

/* 源码 :deep(.close)（scoped 优先级高于 HeaderBar.vue 的 .close，此处用 .close-btn 限定复刻该覆盖关系） */
#pwa-header-bar .close-btn .close {
  color: var(--text-color-white-40);
}

/* 源码 .install .button */
#pwa-header-bar .install .button {
  --button-font-size: 0.75rem;
  --button-font-weight: 700;
}

/* ---- 源码 .yellow-dark 分支 ---- */
.yellow-dark #pwa-header-bar .install .button {
  --button-text-color: var(--accent-color-red);
}

.yellow-dark #pwa-header-bar .install .button button.first-button {
  --background: var(--text-color-white-100);
  background: var(--text-color-white-100); /* ::part(native) background 等价 */
}

/* ---- 源码 .green-dark 分支 ---- */
.green-dark #pwa-header-bar .install .button {
  --button-text-color: var(--accent-color-orange-1);
}

.green-dark #pwa-header-bar .install .button button.first-button {
  --background: var(--text-color-white-100);
  background: var(--text-color-white-100); /* ::part(native) background 等价 */
}

/* ---- 源码 .purple-light 分支 ---- */
.purple-light #pwa-header-bar .install .button {
  --button-text-color: var(--accent-color-green);
}

.purple-light #pwa-header-bar .install .button button.first-button {
  --background: var(--text-color-white-100);
  background: var(--text-color-white-100); /* ::part(native) background 等价 */
}

/* ---- 源码 .amber-purple 分支 ---- */
.amber-purple #pwa-header-bar .install .button {
  --button-text-color: var(--accent-color-orange-2);
}

.amber-purple #pwa-header-bar .install .button button.first-button {
  --background: var(--text-color-white-100);
  background: var(--text-color-white-100) !important; /* ::part(native) background !important 等价 */
}