/*
Theme Name: Blocksy Child
Template: blocksy
Author: Creative Themes
Description: Blocksy Child theme
Version: 1.0.1781084364
Updated: 2026-06-10 17:39:24

*/

/* 註：原本這裡的 button#back-to-top 定位樣式已移除，
   回到頂部按鈕改由 functions.php 的 .custom-floating-buttons / .btt-btn 統一控制，
   避免和 LINE 按鈕重疊。 */


/* =========================================================
   顏選好宅 — 自訂樣式（你的，永遠歸你管）
   父主題 Blocksy 更新時，這個檔案完全不會被覆蓋。
   在下面這條線以下，盡情寫你自己的 CSS。
   ========================================================= */

/* 範例：示範用，可留可刪 */
.yanxuan-custom-loaded { display: none; }

/* ↓↓↓ 你的自訂 CSS 寫在這裡 ↓↓↓ */


/* ===== YX-STICKY-HEADER 吸頂頁首（手機+電腦）+ 捲動縮小 ===== */
#header.ct-header{position:-webkit-sticky;position:sticky;top:0;z-index:990;transition:box-shadow .3s ease;}
body.admin-bar #header.ct-header{top:32px;}
@media (max-width:782px){body.admin-bar #header.ct-header{top:46px;}}
#header [data-device]{transition:height .3s ease;}
#header [data-id="logo"] img{transition:height .3s ease, max-height .3s ease;}
body.yx-stuck #header.ct-header{box-shadow:0 3px 16px rgba(0,0,0,.10);}
body.yx-stuck #header [data-device="desktop"]{height:72px !important;}
body.yx-stuck #header [data-device="mobile"]{height:58px !important;}
body.yx-stuck #header [data-id="logo"] img{height:26px !important;max-height:26px !important;}
/* ===== /YX-STICKY-HEADER ===== */


/* ===== YX-HERO-SLIDER 滿版封面投影片（置中文字版，560 高） ===== */
.yx-hero-slider{position:relative;min-height:560px;overflow:hidden;margin:0;}
.yx-hero-slider .wp-block-cover.yx-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .8s ease;}
.yx-hero-slider .wp-block-cover.yx-slide.yx-active{opacity:1;z-index:1;}
.yx-hero-nav{position:absolute;left:0;right:0;bottom:26px;z-index:6;display:flex;justify-content:center;gap:10px;}
.yx-hero-nav button{width:30px;height:5px;padding:0;border:none;border-radius:3px;background:rgba(255,255,255,.55);cursor:pointer;transition:all .3s;}
.yx-hero-nav button.yx-on{width:54px;background:#C0492F;}
.yx-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:46px;height:46px;border:none;border-radius:50%;background:rgba(43,66,87,.55);color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.yx-hero-arrow:hover{background:rgba(192,73,47,.9);}
.yx-hero-arrow.yx-prev{left:18px;}
.yx-hero-arrow.yx-next{right:18px;}
/* ===== /YX-HERO-SLIDER ===== */


/* ===== YX-BTN-HOVER 按鈕懸浮反色（E 深藍陶土） ===== */
.wp-block-button__link{transition:all .25s ease !important;}
.wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.15);}
.wp-block-button__link[style*="c0492f" i]:hover{background-color:#2B4257 !important;color:#FBF8F3 !important;}
.wp-block-button__link[style*="2b4257" i]:hover{background-color:#C0492F !important;color:#FBF8F3 !important;}
.wp-block-button__link[style*="06c755" i]:hover{background-color:#ffffff !important;color:#06C755 !important;}
/* ===== /YX-BTN-HOVER ===== */


/* ===== YX-NO-GAP 移除滿版色塊之間的白色間隙 ===== */
.entry-content.is-layout-constrained > .alignfull,.entry-content.is-layout-constrained > .wp-block-media-text{margin-top:0 !important;margin-bottom:0 !important;}
/* ===== /YX-NO-GAP ===== */


/* ===== YX-PALETTE-VARS 強制 E 色盤（蓋過 Blocksy 快取） ===== */
:root{
--theme-palette-color-1:#C0492F !important;--theme-palette-color-2:#A23A1E !important;
--theme-palette-color-3:#3E3A33 !important;--theme-palette-color-4:#2B4257 !important;
--theme-palette-color-5:#E3D9C5 !important;--theme-palette-color-6:#ECE3D4 !important;
--theme-palette-color-7:#EFE6D6 !important;
--paletteColor1:#C0492F !important;--paletteColor2:#A23A1E !important;--paletteColor3:#3E3A33 !important;
--paletteColor4:#2B4257 !important;--paletteColor5:#E3D9C5 !important;--paletteColor6:#ECE3D4 !important;--paletteColor7:#EFE6D6 !important;
}
body{background-color:#F3EDE1 !important;}
/* ===== /YX-PALETTE-VARS ===== */

/* ===== YX-RESPONSIVE 手機/平板自動縮放（banner/背景圖/按鈕/文字） ===== */
/* 平板 */
@media (max-width:1024px){
  .entry-content h2.wp-block-heading{font-size:30px !important;}
  .yx-parallax{min-height:380px !important;}
}
/* 手機 */
@media (max-width:600px){
  .entry-content h1.wp-block-heading{font-size:26px !important;line-height:1.35 !important;}
  .entry-content h2.wp-block-heading{font-size:23px !important;line-height:1.35 !important;}
  .entry-content h3.wp-block-heading{font-size:18px !important;}
  .wp-block-button__link{font-size:14px !important;padding:11px 18px !important;}
  .wp-block-buttons{gap:8px !important;justify-content:center;}
  .yx-parallax{min-height:340px !important;}
  .yx-hero-arrow{width:34px !important;height:34px !important;}
  .yx-hero-nav{bottom:16px !important;}
}
/* 小手機 */
@media (max-width:380px){
  .entry-content h2.wp-block-heading{font-size:21px !important;}
  .wp-block-button__link{font-size:13px !important;padding:10px 14px !important;}
}
/* ===== /YX-RESPONSIVE ===== */


/* ===== YX-HERO-MOBILE-H 手機/平板 banner 高度 ===== */
@media (max-width:1024px){.yx-hero-slider,.yx-hero-slider .wp-block-cover.yx-slide{min-height:380px !important;}}
@media (max-width:600px){.yx-hero-slider,.yx-hero-slider .wp-block-cover.yx-slide{min-height:300px !important;}}
/* ===== /YX-HERO-MOBILE-H ===== */

/* ===== YX-PARALLAX-FIX 同參考站：純 background-attachment:fixed（全裝置、較小圖） ===== */
.yx-parallax{position:relative;overflow:hidden;-webkit-clip-path:none !important;clip-path:none !important;
  background-image:url("https://0906381159.com/wp-content/uploads/2026/06/yx-parallax-d.jpg?v=2") !important;
  background-attachment:fixed !important;background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;}
.yx-parallax .wp-block-cover__image-background{display:none !important;}
/* ===== /YX-PARALLAX-FIX ===== */

/* ===== YX-LOGO-SIZE 放大頁首 logo ===== */
#header .site-logo-container img, #header img.default-logo, #header [class*="logo"] img{height:56px !important;max-height:56px !important;width:auto !important;}
body.yx-stuck #header .site-logo-container img, body.yx-stuck #header [class*="logo"] img{height:44px !important;max-height:44px !important;}
#offcanvas [class*="logo"] img{height:48px !important;max-height:48px !important;width:auto !important;}
@media (max-width:600px){
  #header [class*="logo"] img{height:44px !important;max-height:44px !important;}
  body.yx-stuck #header [class*="logo"] img{height:38px !important;max-height:38px !important;}
}
/* ===== /YX-LOGO-SIZE ===== */