/*
Theme Name: 窩要成設計
Description: 窩要成官網佈景主題（取代 Enfold）。選單在後台「窩要成管理 → 選單管理」改，作品順序在「作品排序」改。
Version: 1.0.0
Text Domain: wowhouse
*/
:root{--green:#2C7A6E;--mint:#7EBCB1;--pale:#EEF7F8;--yellow:#F2D172;--ink:#544A42;--text:#3a3a3a;--muted:#8a8178;--line:#ece7e1;}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:#fff;color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:16px;line-height:1.8;}
img{max-width:100%;height:auto;}
a{color:var(--green);}
.wt-wrap{max-width:1240px;margin:0 auto;padding:0 24px;}

/* ---------- 頁首 ---------- */
/* 頁首固定在最上面；往下捲會縮小（固定定位，所以縮小不會讓下面內容跳動） */
.wt-header{position:fixed;top:0;left:0;right:0;z-index:50;background:#fff;border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s;}
.wt-header-space{height:148px;}
/* 以下尺寸照正式站 100% 量的：容器 1240、左右留白 50、客服列 30、頁首 118、logo 高 118、選單字 15px 粗 700 字距 3px、每項左右 13px */
.wt-header .wt-wrap{max-width:1240px;padding:0 50px;}
.wt-topbar{height:30px;overflow:hidden;transition:height .25s;background:#DDEFF2;color:#544A42;font-family:"Noto Serif TC","Microsoft JhengHei",serif;font-size:11px;font-weight:700;line-height:11px;letter-spacing:normal;}
.wt-topbar__in{display:flex;justify-content:flex-end;align-items:center;height:30px;padding-right:61px !important;}
.wt-header.is-scrolled{border-color:var(--line);box-shadow:0 2px 14px rgba(0,0,0,.05);}
.wt-header__in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:118px;transition:height .25s;}
.wt-header.is-scrolled .wt-topbar{height:0;}
.wt-header.is-scrolled .wt-header__in{height:59px;}
.wt-logo img{display:block;height:118px;width:auto;transition:height .25s;}
.wt-header.is-scrolled .wt-logo img{height:59px;}
.wt-nav{display:flex;align-items:center;}
.wt-nav ul{list-style:none;margin:0;padding:0;}
.wt-nav>ul{display:flex;align-items:center;gap:0;}
.wt-nav li{position:relative;}
.wt-nav>ul>li>a{display:block;padding:10px 13px;font-family:"Noto Serif TC","Microsoft JhengHei",serif;font-weight:700;font-size:15px;line-height:21px;letter-spacing:3px;color:#544A42;text-decoration:none;white-space:nowrap;transition:color .2s,background .2s;}
.wt-nav>ul>li>a:hover,.wt-nav>ul>li:hover>a{color:var(--green);}
.wt-nav>ul>li.is-button>a{border:1px solid #544A42;padding:9px;margin:0 13px;}
.wt-nav>ul>li.is-button>a:hover,.wt-nav>ul>li.is-button:hover>a{background:transparent;color:#7a726b;border-color:#7a726b;}
.wt-nav li ul{position:absolute;top:100%;left:0;min-width:240px;padding:8px 0;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;}
.wt-nav li:hover>ul,.wt-nav li:focus-within>ul{opacity:1;visibility:visible;transform:none;}
.wt-nav li ul li a{display:block;padding:10px 22px;font-family:"Noto Serif TC",serif;font-size:17px;color:var(--ink);text-decoration:none;}
.wt-nav li ul li a:hover{background:var(--pale);color:var(--green);}
.wt-nav li ul li ul{top:0;left:100%;}
.wt-nav li ul li.has-sub>a::after{content:"›";float:right;margin-left:12px;color:var(--muted);}
.wt-search{display:flex;align-items:center;margin-left:0;}
.wt-search button{border:0;background:none;padding:8px 11px;cursor:pointer;color:#544A42;}
.wt-search button svg{width:15px;height:15px;}
.wt-search form{display:none;}
.wt-search.is-open form{display:block;}
.wt-search input{width:200px;padding:8px 12px;border:1px solid var(--line);border-radius:0;font-size:15px;}
.wt-burger{display:none;border:0;background:none;padding:8px;cursor:pointer;}
.wt-burger span{display:block;width:26px;height:2px;margin:6px 0;background:var(--ink);}

@media (max-width:1100px){
  .wt-header-space{height:104px;}
  .wt-header__in{height:76px;}
  .wt-header.is-scrolled .wt-header__in{height:62px;}
  .wt-logo img{height:56px;}
  .wt-header.is-scrolled .wt-logo img{height:46px;}
  .wt-burger{display:block;}
  .wt-header.is-scrolled .wt-nav{top:62px;}
  .wt-nav{position:fixed;top:104px;left:0;right:0;bottom:0;display:none;flex-direction:column;align-items:stretch;overflow:auto;background:#fff;padding:12px 20px 40px;}
  .wt-nav.is-open{display:flex;}
  .wt-nav>ul{flex-direction:column;align-items:stretch;gap:0;}
  .wt-nav>ul>li{border-bottom:1px solid var(--line);}
  .wt-nav>ul>li>a{padding:14px 4px;}
  .wt-nav>ul>li.is-button>a{margin:14px 0;text-align:center;}
  .wt-nav li ul{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 8px 14px;display:none;min-width:0;}
  .wt-nav li.is-open>ul{display:block;}
  .wt-nav li ul li a{padding:8px 4px;font-size:16px;}
  .wt-nav li.has-sub>a{position:relative;}
  .wt-nav li.has-sub>a::after,.wt-nav li ul li.has-sub>a::after{content:"＋";position:absolute;right:4px;float:none;}
  .wt-nav li.has-sub.is-open>a::after{content:"－";}
  .wt-search{margin:16px 0 0;}
  .wt-search form{display:block;}
  .wt-search button{display:none;}
  .wt-search input{width:100%;}
}

/* ---------- 內容 ---------- */
.wt-main{min-height:50vh;overflow-x:clip;}
.wt-content video,.wt-content embed,.wt-content object{max-width:100%;height:auto;}
.wt-page-head{padding:44px 0 8px;}
.wt-page-head h1{margin:0;font-family:"Noto Serif TC",serif;font-size:34px;line-height:1.4;color:var(--ink);letter-spacing:.06em;}
.wt-page-head .wt-meta{margin-top:6px;font-size:14px;color:var(--muted);}
.wt-content{padding:24px 0 64px;}
.wt-content>*:first-child{margin-top:0;}
.wt-content h2{font-size:24px;line-height:1.5;margin:1.8em 0 .6em;}
.wt-content h3{font-size:20px;margin:1.6em 0 .5em;}
.wt-content table{border-collapse:collapse;width:100%;}
.wt-content td,.wt-content th{border:1px solid var(--line);padding:8px 12px;}
.wt-content iframe{max-width:100%;}
.wt-content.is-narrow{max-width:860px;margin:0 auto;}
.wt-content.is-full{padding:0;}
.wt-content.is-full>.wc,.wt-content.is-full>.wl{padding-left:24px;padding-right:24px;}
.wt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;padding:24px 0 64px;}
.wt-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:0;overflow:hidden;text-decoration:none;color:var(--ink);background:#fff;transition:transform .2s,box-shadow .2s;}
.wt-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(84,74,66,.12);}
.wt-card__img{aspect-ratio:4/3;background:#eee center/cover no-repeat;}
.wt-card__t{padding:12px 14px 16px;font-weight:700;line-height:1.55;}
.wt-pager{display:flex;justify-content:center;gap:8px;padding-bottom:64px;}
.wt-pager a,.wt-pager span{padding:6px 14px;border:1px solid var(--line);border-radius:0;text-decoration:none;color:var(--ink);}
.wt-pager .current{background:var(--green);border-color:var(--green);color:#fff;}

/* ---------- 頁尾 ---------- */
.wt-footer{background:#E3E1DE;color:#5b524b;padding:52px 0 0;font-family:"Noto Serif TC",serif;font-size:15px;line-height:2;letter-spacing:.04em;}
.wt-footer a{color:#5b524b;text-decoration:none;}
.wt-footer a:hover{color:var(--green);}
.wt-footer__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid rgba(84,74,66,.18);}
.wt-footer h4{margin:0;font-size:18px;letter-spacing:.12em;color:var(--ink);}
.wt-footer__social{display:flex;gap:10px;}
.wt-footer__social a{display:block;width:46px;height:46px;border-radius:50%;transition:transform .2s;}
.wt-footer__social a:hover{transform:translateY(-3px);}
.wt-footer__social img{display:block;width:100%;height:100%;}
.wt-footer__cols{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:28px;}
.wt-footer__cols p{margin:0;}
.wt-footer__note{color:#8a8178;}
.wt-footer__copy{margin-top:34px;padding:18px 0;border-top:1px solid rgba(84,74,66,.18);font-size:13px;color:#8a8178;}
@media (max-width:860px){.wt-footer__cols{grid-template-columns:1fr;gap:14px;}.wt-page-head h1{font-size:26px;}}

/* ---------- 舊文章（從舊網站 Enfold 版面挖回來的內文）基本排版 ---------- */
.wt-legacy{line-height:1.9;}
.wt-legacy .container,.wt-legacy .content,.wt-legacy .template-page,.wt-legacy main{max-width:100%;width:auto;margin:0;padding:0;float:none;}
.wt-legacy .avia-section,.wt-legacy .container_wrap{padding:16px 0;border:0;background-image:none !important;}
.wt-legacy .entry-content-wrapper::after,.wt-legacy .av-flex-placeholder{display:none;}
.wt-legacy .flex_column{float:left;box-sizing:border-box;padding:0 12px;min-height:1px;}
.wt-legacy .flex_column.first{clear:left;padding-left:0;}
.wt-legacy .av_one_full{width:100%;padding:0;}
.wt-legacy .av_one_half{width:50%;}
.wt-legacy .av_one_third{width:33.333%;}
.wt-legacy .av_two_third{width:66.666%;}
.wt-legacy .av_one_fourth{width:25%;}
.wt-legacy .av_three_fourth{width:75%;}
.wt-legacy .av_one_fifth{width:20%;}
.wt-legacy .entry-content-wrapper::after,.wt-legacy .avia-section::after,.wt-legacy .container::after{content:"";display:table;clear:both;}
.wt-legacy img{max-width:100%;height:auto;}
.wt-legacy .avia-image-container{margin:10px 0;}
.wt-legacy .av-special-heading{margin:24px 0 10px;}
.wt-legacy .av-special-heading .special-heading-border,.wt-legacy .av-subheading_below{display:none;}
.wt-legacy h1.entry-title,.wt-legacy .post-meta-infos,.wt-legacy .post_delimiter,.wt-legacy .post-title,.wt-legacy .blog-tags,.wt-legacy .av-share-box{display:none;}
.wt-legacy .avia-iframe-wrap,.wt-legacy .avia-video{position:relative;margin:16px 0;}
.wt-legacy iframe{max-width:100%;}
.wt-legacy table{border-collapse:collapse;width:100%;}
.wt-legacy .avia-button{display:inline-block;padding:10px 20px;background:var(--green);color:#fff !important;text-decoration:none;}
@media (max-width:767px){.wt-legacy .flex_column{float:none;width:100% !important;padding:0;}}
