/*
Theme Name: Viag Shop Theme
Description: 保留上傳自訂版面的普通商品商店修正版
Author: You
Version: 3.0.0
*/



: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, .woocommerce-error { display: block; color: hsl(var(--destructive)); }
[hidden]{display:none!important} dialog{border:1px solid hsl(var(--border));border-radius:8px;width:min(640px,calc(100% - 24px));padding:20px;color:hsl(var(--foreground));background:hsl(var(--card));}dialog::backdrop{background:hsl(var(--foreground)/.45)}.viag-search-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.viag-search-heading button{font-size:24px}.viag-search-form,dialog form{display:flex;gap:8px}dialog input,.viag-search-form input{flex:1;min-width:0;border:1px solid hsl(var(--border));padding:12px;border-radius:6px}.viag-search-result{display:block;padding:12px 4px;border-bottom:1px solid hsl(var(--border))}.viag-search-result:hover{color:hsl(var(--primary))}.viag-bottom-nav{display:none}.viag-account label{display:block;margin-bottom:16px}.viag-account input:not([type=checkbox]),.viag-account select,.viag-account textarea{display:block;width:100%;padding:12px;border:1px solid hsl(var(--border));border-radius:6px;margin-top:6px}.viag-account button,.viag-search-form button,dialog form button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:12px 20px;border-radius:6px;margin-right:12px}.viag-account table{width:100%;border-collapse:collapse}.viag-account td,.viag-account th{padding:10px;border-bottom:1px solid hsl(var(--border));text-align:left}.viag-content{line-height:1.9}.viag-content p{margin:1em 0}.viag-content h2{font-size:24px;margin:1.5em 0 .7em}.viag-content img{max-width:100%;height:auto}#site-header a span.font-extrabold{max-width:240px;overflow-wrap:anywhere;letter-spacing:0}.container{max-width:1400px}
@media(max-width:1023px){.viag-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);z-index:60;background:hsl(var(--card));border-top:1px solid hsl(var(--border));padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.viag-bottom-nav a{text-align:center;font-size:20px;color:hsl(var(--primary))}.viag-bottom-nav span:not(.viag-cart-count){display:block;font-size:11px}body{padding-bottom:76px}.viag-account{overflow-wrap:anywhere}.viag-account table{display:block;overflow:auto}}
@media(max-width:480px){#site-header a span.font-extrabold{font-size:15px;max-width:130px}#site-header .gap-3{gap:8px}}