/*
 Theme Name: 華潤收酒
 Theme URI: https://www.waajeonsaugau.com
 Description: 香港上門回收名酒靜態風格主題，繁體中文、手機優先、SEO 友好。
 Version: 1.0
 Author: WorkBuddy
 Author URI: https://www.workbuddy.ai
 Requires PHP: 7.4
 Text Domain: huarun
*/

/* ===== 華潤收酒 · 全局樣式（手機優先 / 簡潔易收錄） ===== */
:root{
  --bg:#fffdf9; --ink:#1f1a17; --muted:#6b615a;
  --wine:#7b1e2b; --wine-d:#5c1420; --gold:#b8862f; --line:#ece3d6;
  --card:#fff; --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"PingFang HK","Microsoft JhengHei","Helvetica Neue",Arial,sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.7;font-size:17px}
a{color:var(--wine);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}

/* 頂部 */
header{background:linear-gradient(135deg,var(--wine-d),var(--wine));color:#fff;position:sticky;top:0;z-index:50}
.bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;max-width:1080px;margin:0 auto}
.logo{font-weight:800;font-size:20px;color:#fff;letter-spacing:.5px}
.logo span{color:var(--gold)}
.nav{display:flex;gap:18px;flex-wrap:wrap;list-style:none}
.nav li{list-style:none}
.nav a{color:#ffe;font-size:15px}
.nav a:hover{color:#fff;text-decoration:none}
.menu-btn{display:none;background:none;border:1px solid #fff6;border-radius:8px;color:#fff;padding:6px 10px;font-size:15px;cursor:pointer}

/* Hero */
.hero{background:radial-gradient(1200px 400px at 70% -10%,rgba(184,134,47,.25),transparent),
  linear-gradient(135deg,var(--wine),#3c0e16);color:#fff;padding:64px 0 56px}
.hero h1{font-size:34px;line-height:1.3;margin-bottom:14px}
.hero p{font-size:18px;color:#ffe;max-width:680px}
.cta{display:inline-block;margin-top:22px;background:var(--gold);color:#2a1a08;font-weight:700;
  padding:13px 26px;border-radius:10px;font-size:17px}
.cta:hover{background:#d6a23e;text-decoration:none}

/* 區塊 */
section{padding:48px 0}
.section-title{font-size:26px;margin-bottom:8px;color:var(--wine-d)}
.lead{color:var(--muted);margin-bottom:24px;max-width:760px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.card h3{color:var(--wine);margin-bottom:6px;font-size:19px}
.card p{color:var(--muted);font-size:15px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tag{background:#fbf3e6;border:1px solid var(--line);color:var(--wine-d);border-radius:20px;padding:4px 12px;font-size:14px}

/* 列表 */
ul.clean{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 22px}
ul.clean li{padding-left:20px;position:relative;color:var(--ink)}
ul.clean li:before{content:"▸";position:absolute;left:0;color:var(--gold)}

/* 表格 */
.table{width:100%;border-collapse:collapse;margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.table th,.table td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);font-size:15px}
.table th{background:#fbf3e6;color:var(--wine-d)}

/* FAQ */
.faq-item{border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin-bottom:10px;background:#fff}
.faq-item h3{font-size:17px;color:var(--wine-d);margin-bottom:4px}
.faq-item p{color:var(--muted);font-size:15px}

/* 頁尾 */
footer{background:#2a1a14;color:#e9ddd2;padding:36px 0 28px;margin-top:30px}
footer a{color:#f0d9b0}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.foot-grid h4{color:#fff;margin-bottom:10px;font-size:16px}
.whatsapp-float{position:fixed;right:18px;bottom:18px;background:#25d366;color:#fff;font-weight:700;
  padding:14px 18px;border-radius:50px;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:60}
.whatsapp-float:hover{color:#fff;text-decoration:none;background:#1ebe5b}

/* 文章 */
.post{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:22px}
.post h1,.post h2{color:var(--wine-d);margin-bottom:12px}
.post p{margin-bottom:14px;color:var(--ink)}

/* 手機選單 */
@media(max-width:760px){
  .menu-btn{display:block}
  .nav{display:none;width:100%;flex-direction:column;gap:6px;padding:10px 0}
  .nav.open{display:flex}
  .bar{flex-wrap:wrap}
  .hero h1{font-size:27px}
  body{font-size:16px}
}