/* =========================================================
   [A 模組資訊]
   檔案：aurorabusmenulogoanimation.css
   模組：全站 Logo Loading 動畫
   作用範圍：
   1. 跨頁導頁 Loading
   2. 同頁非同步操作 Loading
   3. menu / goback / state 共用轉場
   原則：
   1. 只顯示透明遮罩與 SVG
   2. 不顯示白色卡片、不顯示白框、不顯示陰影容器
   ========================================================= */


/* =========================================================
   [B] Wrap 範圍 Loading 遮罩
   說明：
   1. 只覆蓋 .menubackgroundcolor-bg 內部
   2. 白色外側不覆蓋
   3. Header / Main / Footer 都在 wrap 內
   ========================================================= */

#auroraLogoPageLoading,
.aurora-logo-page-loading {
  position: absolute;
  inset: 0;

  display: flex;
  justify-content: center;
  align-items: center;

  background: rgba(0, 0, 0, .20);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform: scale(.96);
  transform-origin: center center;

  transition:
    opacity .28s ease,
    transform .28s ease,
    visibility 0s linear .28s;

  z-index: 20000;
}

#auroraLogoPageLoading.is-open,
.aurora-logo-page-loading.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;

  transform: scale(1);

  transition:
    opacity .28s ease,
    transform .28s ease,
    visibility 0s;
}

#auroraLogoPageLoading.is-closing,
.aurora-logo-page-loading.is-closing {
  opacity: 0;
  transform: scale(.96);
  pointer-events: none;
}


/* =========================================================
   [C] Logo 容器
   說明：
   1. SVG 鎖在網頁主體中間
   2. 縮小 Logo 顯示範圍
   3. 不顯示白框、不顯示卡片
   ========================================================= */

.aurora-logo-loading-box {
  position: relative;

  width: clamp(100px, 14vw, 210px);
  min-height: 0;

  display: flex;
  justify-content: center;
  align-items: center;

  overflow: visible;

  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.aurora-logo-loading-box svg {
  width: 100%;
  max-width: 100%;
  height: auto;

  display: block;
  overflow: visible;

  transform-origin: center center;
  will-change: transform, opacity;
}


/* =========================================================
   [D] SVG Mask 筆刷線
   ========================================================= */

.aurora-mask-line {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================================================
   [E] Loading 期間鎖定頁面捲動
   ========================================================= */

body.aurora-page-loading-lock {
  overflow: hidden;
}


/* =========================================================
   [F] Auth 頁面不顯示右上角漢堡選單
   ========================================================= */
body[data-page="login"] #menuBtn,
body[data-page="loginregister"] #menuBtn,
body[data-page="loginforgetpassword"] #menuBtn {
  display: none !important;
}