/* 常見浮動購物車外掛的啟動按鈕 */
.xoo-wsc-basket,           /* Side Cart Woo (Xootix) */
#cartpops-launcher,        /* CartPops */
#xt_woofc, .xt_woofc,      /* WP Floating Cart (XPlodedThemes) */
.woofc, .woofc-opener,     /* Woo Floating Cart (flycart) */
.floating-cart, .mini-cart-fab,
.orderable-floating-cart--br {
  display: none !important;
}

/* 防止抽屜被熱鍵/腳本打開 */
.xoo-wsc-modal,
#xt_woofc-panel,
.woofc-sidebar,
.cartpops-drawer {
  display: none !important;
}


/* 共用：側邊選單，每一列寬度固定吃滿欄位 */
.wp-block-kadence-advancedheading.kt-adv-heading-has-icon{
  display: flex;
  align-items: center;
  gap: 0.5rem;

  width: 100%;
  box-sizing: border-box;

  padding: 10px 16px;
  margin: 4px 0;

  border-radius: 12px;   /* 圓角縮小，不要整顆膠囊 */
}

/* 文字維持黑色、去底線 */
.wp-block-kadence-advancedheading.kt-adv-heading-has-icon a{
  color: #111111;
  text-decoration: none;
}

/* 目前頁面：我的任務（ID 1548） */
.page-id-1548 
  .wp-block-kadence-advancedheading.kt-adv-heading-has-icon:has(a[href="https://shift.ima.net.tw/projects/"]){
  background:#EDE9FE;
}

/* 目前頁面：Shift 虛擬人（ID 1517） */
.page-id-1571 
  .wp-block-kadence-advancedheading.kt-adv-heading-has-icon:has(a[href="https://shift.ima.net.tw/shift_templates/"]){
  background:#EDE9FE;
}

/* 目前頁面：專屬虛擬人（ID 1584） */
.page-id-1584 
  .wp-block-kadence-advancedheading.kt-adv-heading-has-icon:has(a[href="https://shift.ima.net.tw/user_templates/"]){
  background:#EDE9FE;
}

/* 可選：hover 效果（整列） */
.wp-block-kadence-advancedheading.kt-adv-heading-has-icon:hover{
  background:#F5F0FF;
}
/* 讓兩排影片區塊寬度跟上面 3 欄說明區一樣 */
.kb-row-layout-id1204_9ffc95-9a .kt-row-column-wrap,
.kb-row-layout-id1204_8bd6d5-f7 .kt-row-column-wrap {
  max-width: var(--global-content-width, 1585px); /* 跟上面區塊一致 */
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
}


/* 讓 my-video-crop 這些 VideoPress 影片按欄寬等比例縮放 */
.my-video-crop .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  /* 9:16 直式影片比例，可以依實際影片調整 */
  aspect-ratio: 9 / 16; 
}

.my-video-crop iframe {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

/* ===== Mobile drawer sidebar ===== */
@media (max-width: 1024px){
  /* 側邊欄變成抽屜 */
  #secondary.primary-sidebar{
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100vh;
    width: min(86vw, 320px);
    background: #fff;
    z-index: 10001;
    transform: translateX(-110%);
    transition: transform .22s ease;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 24px;
    box-shadow: 0 20px 50px rgba(0,0,0,.18);
  }

  /* 打開狀態 */
  html.ima-sidebar-open #secondary.primary-sidebar{
    transform: translateX(0);
  }

  /* 遮罩 */
  .ima-sidebar-backdrop{
    position: fixed;
    inset: 0;
    background: rgba(17,24,39,.45);
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s ease;
    z-index: 10000;
  }
  html.ima-sidebar-open .ima-sidebar-backdrop{
    opacity: 1;
    pointer-events: auto;
  }

  /* 浮動按鈕（避免被主題 button 樣式污染） */
  .ima-sidebar-toggle{
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 0 !important;
    padding: 0 !important;

    position: fixed;
    left: 14px;
    bottom: calc(14px + env(safe-area-inset-bottom));
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: #8c23e6;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
    z-index: 10002;

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

    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .ima-sidebar-toggle:active{ transform: scale(.97); }

  /* icon 強制白色，避免你現在「整顆紫」看不到符號 */
  .ima-sidebar-toggle svg{
    width: 26px;
    height: 26px;
    fill: none !important;
    stroke: #fff !important;
    stroke-width: 2.6;
    stroke-linecap: round;
  }

  /* 打開時鎖住背景滾動 */
  html.ima-sidebar-open, html.ima-sidebar-open body{
    overflow: hidden !important;
  }
}

/* 桌機不顯示按鈕/遮罩（側邊欄維持原本固定左側的行為） */
@media (min-width: 1025px){
  .ima-sidebar-toggle, .ima-sidebar-backdrop{ display:none !important; }
}