/*
Theme Name: Viag Shop Theme
Description: 復刻 AI 電商網站的主題
Author: You
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;600;700;900&display=swap');

:root {
  --background: 210 60% 98%;
  --foreground: 215 30% 15%;
  --card: 0 0% 100%;
  --primary: 212 92% 45%;
  --primary-foreground: 0 0% 100%;
  --secondary: 212 100% 93%;
  --secondary-foreground: 212 92% 35%;
  --muted: 210 40% 95%;
  --muted-foreground: 215 20% 40%;
  --accent: 39 100% 55%;
  --accent-foreground: 220 40% 12%;
  --destructive: 357 90% 55%;
  --price: 357 95% 50%;
  --border: 212 40% 88%;
}

body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: 'Noto Sans TC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 { font-weight: 700; }
a { text-decoration: none; color: inherit; }
* { box-sizing: border-box; }

/* 表單美化 */
.woocommerce-checkout .form-row input.input-text, 
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout select {
    width: 100%;
    padding: 12px 16px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background-color: #f8fafc !important;
    font-size: 14px !important;
    transition: all 0.2s;
}
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout select:focus {
    border-color: #0074E4 !important;
    background-color: #fff !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 116, 228, 0.1) !important;
}
.woocommerce-checkout label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    margin-bottom: 6px !important;
    display: block;
}

/* 隱藏 WooCommerce 產生的多餘錯誤訊息 */
.woocommerce-NoticeGroup { display: none !important; }