/* --- 1. 卡片整體等高設定 (這部分保持原本的) --- */
.our-blog .elementskit-post-image-card {
    height: 100%;
    display: flex !important;
    flex-direction: column !important;
}

div:has(> .elementskit-post-image-card) {
  margin-block:15px;
}

.our-blog .elementskit-post-body {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important; 
}

/* --- 2. 新增：圖片強制統一高度設定 --- */

/* 設定圖片的「外框」高度 */
body[data-elementor-device-mode*="desktop"] .our-blog .elementskit-entry-thumb{
	height: 250px;
}
body[data-elementor-device-mode*="tablet"] .our-blog .elementskit-entry-thumb{
	height: 200px;
}

body[data-elementor-device-mode*="mobile"] .our-blog .elementskit-entry-thumb{
	height: 200px;
}

.page-numbers {
	min-width:40px;
}


/* 單一post container 寬度不會長滿 */
.our-blog.elementor-widget-elementskit-blog-posts {
 	width:100%;
	flex-grow: 1;
}
.btn-wraper {
		padding-top:12px;
    margin-top:auto;
}
.our-blog .elementskit-entry-thumb {
    display: block !important;
    overflow: hidden !important; /* 超出的部分藏起來 */
}

/* 設定圖片「填滿」外框並裁切 */
.our-blog .elementskit-entry-thumb img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important; /* ★ 關鍵：這行會讓圖片自動置中裁切，不會變形 */
}



/* 強制隱藏 Home / Blog 麵包屑導航 */
.breadcrumb, 
.breadcrumbs, 
.site-breadcrumb,
.wp-block-breadcrumb {
    display: none !important;
}


/* 停用 Vulcan 文章上方分類標籤的點擊功能 */
.post-single-meta a[rel="category tag"] {
    pointer-events: none; /* 禁用點擊 */
    cursor: default;     /* 滑鼠游標保持箭頭狀態 */
    text-decoration: none; /* 移除底線 */
}


/* ================================================*/
/* ================Customized CSS==================*/

/* 修復hamburger*/
.ai-solutions .main-header-menu{
    backdrop-filter: none !important;
  } 
/* 解決字型邊緣模糊 */
body {
  -webkit-font-smoothing: antialiased;
}

/* 解決字型邊緣模糊 */
a {
  color:#F5C53D !important;
}

/* span 內容顯示漸層色 */
.elementor-heading-title > span {
  display: inline-block;
  background: linear-gradient(88deg, #FFCA3A 31.04%, #43FFE3 54.63%);
	-webkit-text-fill-color: transparent;
background-clip: text;
-webkit-background-clip: text;
}



/* elementor-button 漸層外框 */
a.elementor-button {
 padding: 16px 32px !important;
}

.elementor-button:before {
    content: "";
    position: absolute;
    inset: 0;
    border-width: 1px;
	 border-style:border-box;
    border-style: solid;
    border-color: transparent;
    border-radius: 32px;
    background-image:linear-gradient(88deg, #FFCA3A 31.04%, #43FFE3 54.63%) !important;
    background-origin: border-box;
    mask-image: linear-gradient(white, white), linear-gradient(white, white);
    mask-clip: padding-box, border-box;
    mask-composite: exclude, add;
  }

.elementor-button {
	background:#00000099!important;
	box-sizing: border-box;
}


/* gradient */
.text-gradient {
  font-size: 72px;
  background: linear-gradient(88deg, #FFCA3A 31.04%, #43FFE3 54.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.card-gradient {
border-radius: 20px;
border: 2px solid #181818;
background: radial-gradient(740.02% 136.51% at 0.69% 3.13%, #292929 0%, #0F0F0F 38.46%, #0F0F0F 100%) !important;
}

.section-gradient {
background: linear-gradient(101deg, #352A0D 4.56%, #060606 21.59%, #060606 73.71%, #102D29 96.76%);
  border-radius: 20px;
  border: 2px solid #181818;
}

/* sticky-column */
.sticky-column {
	position:sticky;
	top:0;
}

/* wordpress default footer */
footer {
	display: none;
}
/* =========================================================
   Jetpack Related Posts – FINAL CLEAN VERSION
   - Equal height cards
   - Stable RWD
   - Strong typography override
   ========================================================= */


/* =========================
   Grid Layout (equal height)
   ========================= */

#jp-relatedposts .jp-relatedposts-items {
  max-width: 1440px;
  margin: 0 auto;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;

  /* ★關鍵：同一排等高 */
  grid-auto-rows: 1fr !important;

  float: none !important;
  clear: both !important;
}

/* Tablet */
@media (max-width: 991px) {
  #jp-relatedposts .jp-relatedposts-items {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  #jp-relatedposts .jp-relatedposts-items {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}


/* =========================
   Card (equal height + padding)
   ========================= */

#jp-relatedposts .jp-relatedposts-post {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  float: none !important;

  height: 100% !important;
  min-height: 440px !important; /* 可調：420 / 440 / 460 */

  padding: 36px !important;
  border-radius: 20px !important;
  border: 2px solid #181818 !important;
  background: #0F0F0F !important;

  display: flex !important;
  flex-direction: column !important;
  position: relative !important;

  overflow: hidden !important;

  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease !important;
}

#jp-relatedposts .jp-relatedposts-post:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(255,255,255,0.12) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,0.55) !important;
}


/* =========================
   Re-order content
   image → date → title
   ========================= */

#jp-relatedposts .jp-relatedposts-post > a.jp-relatedposts-post-a {
  order: 0 !important;
}

#jp-relatedposts .jp-relatedposts-post > time.jp-relatedposts-post-date {
  order: 1 !important;
}

#jp-relatedposts .jp-relatedposts-post > h4.jp-relatedposts-post-title {
  order: 2 !important;
  flex: 1 1 auto !important;
}


/* =========================
   Image (uniform visual height)
   ========================= */

#jp-relatedposts .jp-relatedposts-post > a.jp-relatedposts-post-a {
  height: 210px !important; /* 建議 210 / 220 */
  display: block !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  text-decoration: none !important;
}

#jp-relatedposts img.jp-relatedposts-post-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;

  /* ★讓白底封面更飽滿 */
  transform: scale(1.06) !important;

  border-radius: 18px !important;
  display: block !important;
}


/* =========================
   Hide excerpt
   ========================= */

#jp-relatedposts .jp-relatedposts-post-excerpt {
  display: none !important;
}


/* =========================
   Date typography
   ========================= */

#jp-relatedposts .jp-relatedposts-post-date {
  margin-top: 14px !important;

  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  color: #A0A4AC !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}



/* =========================
   Title typography
   ========================= */

#jp-relatedposts .jp-relatedposts-post-title {
  margin-top: 12px !important;

  /* ★預留空間給 Read More */
  padding-bottom: 64px !important;
}

#jp-relatedposts .jp-relatedposts-post-title a {
  color: #FFFFFF !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  text-decoration: none !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;
}


/* =========================
   Read More (fixed position)
   ========================= */

#jp-relatedposts .jp-relatedposts-post-title a::after {
  content: "Read More" !important;

  position: absolute !important;
  left: 36px !important;
  bottom: 36px !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 18px !important;

  background: linear-gradient(88deg, #FFCA3A 31.04%, #43FFE3 54.63%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}