/* 自動補樣式：js/entitlements.js（_build/style.py） */
/* ==========================================================================
   body.is-pro：Pro 已啟用（由 entitlements.js 的 applyState 切換）
   - 已解鎖時，不再需要「Pro」鎖定提示
   - 只調整 Pro 相關提示的呈現，不改動其他元件本身的樣式
   ========================================================================== */

/* 鎖定入口旁的小標籤：已解鎖就收起（含主題色票上的角標） */
body.is-pro .c-pro-tag {
  display: none;
}

/* 預覽型鎖定：若仍有殘留的模糊預覽，解除模糊與遮擋，並隱藏「了解 Pro」小卡 */
body.is-pro .c-pro-gate__preview {
  filter: none;
  pointer-events: auto;
  user-select: auto;
  transition: filter var(--dur-2) var(--ease);
}

body.is-pro .c-pro-gate__card {
  display: none;
}

/* 主題色票：已解鎖時，色票可自由選取，不需為角標預留空間 */
body.is-pro .c-swatch {
  cursor: pointer;
}

/* 側欄底部的 Pro 狀態卡：已啟用時加上主色細邊，與未啟用的升級入口區分 */
body.is-pro .l-tabbar__pro > * {
  border: 1px solid var(--primary-soft);
  background: var(--primary-tint);
  color: var(--primary);
}

@media (hover: hover) and (pointer: fine) {
  body.is-pro .l-tabbar__pro > a:hover,
  body.is-pro .l-tabbar__pro > button:hover {
    background: var(--primary-soft);
    color: var(--primary-strong);
  }
}

body.is-pro .l-tabbar__pro > :focus-visible {
  outline: 3px solid var(--primary);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  body.is-pro .c-pro-gate__preview {
    transition-duration: 0.01ms;
  }
}