/* ==========================================================================
   pwa-header-bar-default-button.css · 新皮肤 PWA 栏默认按钮样式
   对应源码：ptgame/app/src/pwa/HeaderBar/DefaultButton.vue <style scoped lang="less">
   （#pwa-header-bar-new-btn-index.style() mixin 默认参数展开；.layout46()/.layout53() mixin 展开；
     new-skin-symbol 挂 html，layout46/layout53 class 在按钮根元素自身）
   ========================================================================== */

/* ---- .new-skin-symbol { .style() }（默认参数：@btnBg: --ep-dynamic-tertiary 等） ---- */
.new-skin-symbol .btn-default {
  width: 6.75rem;
  height: 2.125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.625rem;
  box-sizing: border-box;
  border-radius: var(--ep-border-radius-m);
  background: var(--ep-dynamic-tertiary);
  margin-left: 18px;
}

.new-skin-symbol .btn-default .download-svg {
  width: 1.625rem;
  height: 1.625rem;
  color: var(--ep-color-icon-inverse);
}

.new-skin-symbol .btn-default .btn-text {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-text-inverse);
  font-weight: var(--ep-font-weight-bold);
}

/* ---- 源码 .layout46() mixin：&.theme-46（& = .new-skin-symbol，即 html 同时挂
   new-skin-symbol + theme-46；mixin 名 layout46 不出现在选择器中，复刻源码行为） ---- */
.new-skin-symbol.theme-46 .btn-default {
  max-width: 6.25rem;
  width: fit-content;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  box-sizing: border-box;
  border-radius: var(--ep-border-radius-m);
  background: linear-gradient(82deg, var(--ep-color-icon-brand-secondary) -8.93%, var(--ep-color-icon-navigation-selected) 97.12%);
  box-shadow: 0 -1px 0 0 var(--ep-color-border-danger) inset, 0 0 4px 0 #FFF inset;
  margin-left: 18px;
}

.new-skin-symbol.theme-46 .btn-default .download-svg {
  font-size: 1rem;
  color: var(--ep-color-icon-inverse);
  margin-right: 0.375rem;
  /* SvgIcon 内嵌 svg 以 100% 撑满容器，font-size 不定尺寸，补宽高等价（源码 svg 有 width/height 属性） */
  width: 1rem;
  height: 1rem;
}

.new-skin-symbol.theme-46 .btn-default .btn-text {
  font-size: var(--ep-font-size-s);
  color: var(--ep-color-btn-level-3-text);
  font-weight: var(--ep-font-weight-bold);
}

/* ---- 源码 .layout53() mixin：&.theme-53（同上，& = .new-skin-symbol） ----
   53 号：设计稿的「Baixar APP」按钮是直角 + 主 CTA 紫→蓝紫渐变（源码注释原意保留） */
.new-skin-symbol.theme-53 .btn-default {
  border-radius: 0;
  background: var(--ep-dynamic-primary);
}