/*錄音室租借_新增建議人數*/
/* ✅ 在價格前面插入人數 */
.wc-block-product.post-288 .wp-block-woocommerce-product-price::before,
.wc-block-product.post-289 .wp-block-woocommerce-product-price::before,
.wc-block-product.post-290 .wp-block-woocommerce-product-price::before{
  display: block;
  text-align: center;
  margin: 6px 0 6px;
  font-size: 13px;
  color: #777;
  letter-spacing: 0.08em;
  content: "";
}

/* 跳跳：post-288 */
.wc-block-product.post-288 .wp-block-woocommerce-product-price::before{
  content: "｜適合 1–3 人｜";
}

/* 木木：post-289 */
.wc-block-product.post-289 .wp-block-woocommerce-product-price::before{
  content: "｜適合 1–3 人｜";
}

/* 歇歇：post-290 */
.wc-block-product.post-290 .wp-block-woocommerce-product-price::before{
  content: "｜適合 2–6 人｜";
}








/* ===============================
   A️⃣ 手機版 Header：縮短「最上緣 ↔ LOGO」距離
   （不影響漢堡、不影響選單）
================================ */
@media (max-width: 600px){

  /* 1️⃣ Header 最外層：移除多餘 padding */
  header.wp-block-template-part,
  header.site-header{
    padding-top: 8px !important;   /* ⭐ 這裡是關鍵，原本通常是 20~40px */
    padding-bottom: 8px !important;
    min-height: unset !important;
  }

  /* 2️⃣ Navigation 區塊本身不要撐高 */
  header .wp-block-navigation{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: unset !important;
  }

  /* 3️⃣ Logo 區塊本身 */
  header .wp-block-site-logo{
    margin-top: 0 !important;
    margin-bottom: 4px !important; /* LOGO → 想靜靜 */
  }

  /* 4️⃣ Site title / tagline 本身 */
  header .wp-block-site-title,
  header .wp-block-site-tagline{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.2 !important;
  }

  header .wp-block-site-title{
    margin-bottom: 2px !important;
  }
}
/* ✅ 手機版：移除 Header 與首頁第一張 Banner 之間的縫隙 */
@media (max-width: 600px){

  /* 1) 先確保 header 自己底部不要有多餘空間 */
  header.wp-block-template-part,
  header.site-header{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* 2) 把 header 後面「第一個區塊」的上方空間清掉（多數縫隙來源） */
  .wp-site-blocks > header + *{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 3) 保險：如果第一個區塊是 Group / Cover / Image 這類，也一併清 */
  .wp-site-blocks > header + .wp-block-group,
  .wp-site-blocks > header + .wp-block-cover,
  .wp-site-blocks > header + .wp-block-image{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}








/* ✅ 只調整手機：漢堡選單「每一列」的距離（不影響外面 header） */
@media (max-width: 600px){

  /* 1) 漢堡選單整體：每一列之間的距離 */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content
  > ul.wp-block-navigation__container{
    gap: 18px !important;     /* ✅ 行距：建議 14~24 */
    row-gap: 18px !important;
  }

  /* 2) 每個選單文字：上下內距（讓每一列更高、更好點） */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content
  a.wp-block-navigation-item__content{
    padding-top: 10px !important;   /* ✅ 建議 8~14 */
    padding-bottom: 10px !important;
    margin: 0 !important;
    min-height: auto !important;
  }
}






/*電腦版固定頁首行高*/
/* ✅ 桌機版：移除 Header 與首頁第一區塊（Smart Slider）之間的縫隙 */
@media (min-width: 601px){

  /* 1) 先確保 header 自己底部不要有多餘空間 */
  header.wp-block-template-part,
  header.site-header{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* 2) 把 header 後面「第一個區塊」的上方空間清掉 */
  .wp-site-blocks > header + *{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 3) 保險：Smart Slider / Group 也清掉上方空間 */
  .wp-site-blocks > header + .wp-block-group,
  .wp-site-blocks > header + .wp-block-cover,
  .wp-site-blocks > header + .wp-block-image,
  .wp-site-blocks > header + .wp-block-smart-slider-3,
  .wp-site-blocks > header + .n2-ss-slider-wrapper{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}