.post-navigation, 
.nav-links, 
.entry-navigation {
	display: none !important;
}

html {
	scroll-behavior: smooth;
}

/* 隱藏頁底按讚、分享按鈕與 WordPress 圖示 */
.sharedaddy,
.sd-sharing-enabled,
.sd-like-enabled,
.site-info,
.wp-embed-footer {
	display: none !important;
}
/* 首頁及全站作品圖片 Hover 懸停效果 */
.wp-block-image a img,
.entry-content a img,
.gallery-item img {
    transition: all 0.3s ease !important;
}

.wp-block-image a:hover img,
.entry-content a:hover img,
.gallery-item:hover img {
    opacity: 0.7 !important;
    filter: grayscale(40%) !important;
    transform: scale(1.02) !important;
}
/* Back to Work：字體改細、加寬字距 */
.entry-content a[href],
p a[href] {
    font-size: 13px !important;
    letter-spacing: 2px !important;
    color: #555555 !important;
    transition: all 0.2s ease-in-out !important;
    text-decoration: none !important;
}

/* Back to Work Hover：明顯變淺灰/半透明 + 出現底線 */
.entry-content a[href]:hover,
p a[href]:hover {
    color: #999999 !important; /* 明顯變淺灰色 */
    opacity: 0.5 !important;   /* 透明度減半，產生明顯閃爍感 */
    text-decoration: underline !important; /* 出現底線，互動超明顯 */
}
/* 1. 全站作品圖片 Hover 懸停效果（首頁 + 所有分頁） */
.wp-block-image a img,
.entry-content a img,
.gallery-item img {
    transition: all 0.3s ease !important;
}

.wp-block-image a:hover img,
.entry-content a:hover img,
.gallery-item:hover img {
    opacity: 0.7 !important;
    filter: grayscale(40%) !important;
    transform: scale(1.02) !important;
}
/* 1. 設定圖庫圖片容器定位 */
.tiled-gallery-item,
.wp-block-image,
.gallery-item {
    position: relative !important;
    overflow: hidden !important;
}

/* 2. 建立半透明遮罩與 Title 文字 */
.tiled-gallery-item a::after,
.wp-block-image a::after,
.gallery-item a::after {
    content: attr(data-hover-title) !important; /* 讀取自動生成的 Title */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.55) !important; /* 55% 半透明黑底 */
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    opacity: 0 !important;
    transition: opacity 0.35s ease !important;
    pointer-events: none !important;
    z-index: 10 !important;
}

/* 3. Hover 或點擊時顯示 */
.tiled-gallery-item a:hover::after,
.wp-block-image a:hover::after,
.gallery-item a:hover::after {
    opacity: 1 !important;
}
/* ==========================================
   Overlay Hover 遮罩效果（僅首頁生效限定版）
   ========================================== */

/* 1. 限定只有首頁 (.home) 才開啟相對定位 */
.home .tiled-gallery,
.home .tiled-gallery__item,
.home .tiled-gallery-item,
.home .wp-block-gallery,
.home .wp-block-image,
.home .gallery-item,
.home .gallery-icon {
    position: relative !important;
}

.home .tiled-gallery a,
.home .tiled-gallery__item a,
.home .tiled-gallery-item a,
.home .wp-block-gallery a,
.home .wp-block-image a,
.home .gallery-item a,
.home .gallery-icon a {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}
/* 2. 通用 Hover 遮罩樣式 (僅首頁生效) */
.home .tiled-gallery a::after,
.home .tiled-gallery__item a::after,
.home .tiled-gallery-item a::after,
.home .wp-block-gallery a::after,
.home .wp-block-image a::after,
.home .gallery-item a::after,
.home .gallery-icon a::after {
  content: attr(data-hover-title) !important; /* 核心：自動讀取標題文字 */
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.55) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  pointer-events: none !important;
  z-index: 9999 !important;
  padding: 2px !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  word-break: break-word !important;
}

/* 3. 電腦版 / 平板大螢幕 (769px 以上) 樣式 */
@media screen and (min-width: 769px) {
  .home .tiled-gallery a::after,
  .home .tiled-gallery__item a::after,
  .home .tiled-gallery-item a::after,
  .home .wp-block-gallery a::after,
  .home .wp-block-image a::after,
  .home .gallery-item a::after,
  .home .gallery-icon a::after {
    font-size: 13px !important;
    letter-spacing: 2.5px !important;
    padding: 10px !important;
  }
}

/* 4. 首頁 Hover 時顯示遮罩與文字 */
.home .tiled-gallery a:hover::after,
.home .tiled-gallery__item a:hover::after,
.home .tiled-gallery-item a:hover::after,
.home .wp-block-gallery a:hover::after,
.home .wp-block-image a:hover::after,
.home .gallery-item a:hover::after,
.home .gallery-icon a:hover::after {
  opacity: 1 !important;
}

/* 5. 根據連結網址指定 Hover 文字與 Montserrat 字型 */
.home a[href*="cosmetic"]::after, .home a[href*="beauty"]::after, .home a[href*="skincare"]::after { content: "COSMETICS" !important; }
.home a[href*="still-life"]::after, .home a[href*="stilllife"]::after, .home a[href*="beverage"]::after { content: "STILL LIFE" !important; }
.home a[href*="jewelry"]::after { content: "JEWELRY" !important; }
.home a[href*="food"]::after, .home a[href*="dining"]::after, .home a[href*="fnb"]::after { content: "FOOD & BEVERAGE" !important; }
.home a[href*="e-commerce"]::after, .home a[href*="ecommerce"]::after { content: "E-COMMERCE" !important; }
.home a[href*="interior"]::after, .home a[href*="watch"]::after, .home a[href*="space"]::after { content: "INTERIOR" !important; }
.home a[href*="people"]::after, .home a[href*="portrait"]::after { content: "PEOPLE" !important; }

/* 統一套用 Montserrat 字型 */
.home a[href*="cosmetics"]::after, .home a[href*="beauty"]::after, .home a[href*="skincare"]::after,
.home a[href*="still-life"]::after, .home a[href*="stilllife"]::after, .home a[href*="beverage"]::after,
.home a[href*="jewelry"]::after, .home a[href*="food"]::after, .home a[href*="dining"]::after,
.home a[href*="fnb"]::after, .home a[href*="e-commerce"]::after, .home a[href*="ecommerce"]::after,
.home a[href*="interior"]::after, .home a[href*="watch"]::after, .home a[href*="space"]::after,
.home a[href*="people"]::after, .home a[href*="portrait"]::after {
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
}

/* 6. 淨係手機版 (768px 以下)：獨立將字體改細並取消字距 */
@media screen and (max-width: 768px) {
  .home .tiled-gallery a::after,
  .home .tiled-gallery__item a::after,
  .home .tiled-gallery-item a::after,
  .home .wp-block-gallery a::after,
  .home .wp-block-image a::after,
  .home .gallery-item a::after,
  .home .gallery-icon a::after,
  .home a::after {
    font-size: 6px !important;       /* 手機版改細字體 */
    letter-spacing: 0px !important;   /* 手機版取消字距，防出界 */
    line-height: 1.1 !important;
  }
}

/* 終極相片保護：完美保留 Hover 效果與連結點擊，同時防拖曳與防右鍵 */
img {
    -webkit-user-drag: none !important;
    -khtml-user-drag: none !important;
    -moz-user-drag: none !important;
    -o-user-drag: none !important;
    user-drag: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    pointer-events: none !important; /* 阻止滑鼠直接右鍵點擊圖片 */
}

/* 確保外層連結與 Hover 效果正常運作 */
a img {
    pointer-events: auto !important;
}

/* 將 Hover 遮罩文字層設為無法拖曳 */
.home a::after {
    -webkit-user-drag: none !important;
    user-drag: none !important;
}