/* 分享置中（你已經成功的那部分） */
.single-post .sharedaddy {
  text-align: center;
}

/* 只讓這個橫幅容器滿版（Elementor container） */
.single-post .elementor-element-2c605a88{
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  max-width: 100vw !important;
}

/* 只在手機版隱藏 Astra 右側資訊欄 */
@media (max-width: 767px) {
  .ast-sidebar {
    display: none !important;
  }

  /* 讓內容區撐滿寬度 */
  .site-content .ast-container {
    display: block;
  }
}

@media (max-width: 768px){

  /* 1) 先把 quiz 外層撐到滿版（你現在變窄，通常是外層被鎖寬） */
  .jung-quiz-wrap,
  .jung-quiz-wrap .qsm-quiz-container{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* 2) ✅ 綠色框大多是在 qsm-quiz-container 或 form 上：兩個都一起改 */
  .jung-quiz-wrap .qsm-quiz-container,
  .jung-quiz-wrap form.qsm-quiz-form{
    border-width: 2px !important;       /* 變細 */
    box-sizing: border-box !important;
  }

  /* 3) ✅ 讓 border 更靠近邊緣：減少左右內距 */
  .jung-quiz-wrap .qsm-quiz-container{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .jung-quiz-wrap form.qsm-quiz-form{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* ===============================
   Trivia Quiz（防手機畫面溢出）
   =============================== */

/* 1) quiz 外層撐到滿版，避免被鎖寬 */
.trivia-quiz-wrap,
.trivia-quiz-wrap .qsm-quiz-container{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* 2) 綠色框（container / form）一起處理 */
.trivia-quiz-wrap .qsm-quiz-container,
.trivia-quiz-wrap form.qsm-quiz-form{
  border-width: 2px !important;   /* 邊框變細 */
  box-sizing: border-box !important;
}

/* 3) 讓邊框更貼近螢幕邊緣，避免左右撐爆 */
.trivia-quiz-wrap .qsm-quiz-container{
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.trivia-quiz-wrap form.qsm-quiz-form{
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* ✅ 排除：輪播內的縮圖不要被裁短（Swiper/Slick/Owl/Elementor carousel） */
.archive .swiper .post-thumb img,
.archive .swiper-container .post-thumb img,
.archive .slick-slider .post-thumb img,
.archive .owl-carousel .post-thumb img,
.archive [class*="carousel"] .post-thumb img,
.tag .swiper .post-thumb img,
.tag .swiper-container .post-thumb img,
.tag .slick-slider .post-thumb img,
.tag .owl-carousel .post-thumb img,
.tag [class*="carousel"] .post-thumb img{
  max-height: none !important;
  height: auto !important;
  object-fit: initial !important;
}