/*
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%;
  --card-foreground: 215 30% 15%;
  --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%;
  --radius: 0.5rem;
  --nav-height: 64px;
  --bottom-nav-height: 60px;
}

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; }

.bg-primary { background-color: hsl(var(--primary)); }
.text-primary { color: hsl(var(--primary)); }
.text-primary-foreground { color: hsl(var(--primary-foreground)); }
.bg-card { background-color: hsl(var(--card)); }
.text-price { color: hsl(var(--price)); font-weight: 700; }
.text-accent { color: hsl(var(--accent)); }
.bg-accent { background-color: hsl(var(--accent)); }
.text-muted-foreground { color: hsl(var(--muted-foreground)); }
.border-border { border-color: hsl(var(--border)); }
.container { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 1rem; }

.bg-primary-gradient {
  background: linear-gradient(135deg, hsl(212 92% 45%), hsl(212 92% 61%));
}
.shadow-card { box-shadow: 0 2px 12px hsla(0, 0%, 0%, 0.06); }

#wpadminbar { display: none !important; }
html { margin-top: 0 !important; }
/* --- WooCommerce 購物車與結帳表單美化 --- */

/* 輸入框美化 */
.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-cart-form__contents {
    width: 100%;
    border-collapse: collapse;
}
.woocommerce-cart-form__contents th {
    text-align: left;
    padding: 12px;
    border-bottom: 2px solid #e2e8f0;
    font-weight: 600;
    color: #475569;
    font-size: 14px;
}
.woocommerce-cart-form__contents td {
    padding: 16px 12px;
    border-bottom: 1px solid #e2e8f0;
    vertical-align: middle;
}
.woocommerce-cart-form__contents img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 8px;
}
.woocommerce-cart-form__contents .product-name a {
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
    text-decoration: none;
}
.woocommerce-cart-form__contents .quantity input {
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 4px 8px;
    width: 60px;
}
.woocommerce-cart-form__contents button[name="update_cart"] {
    display: none !important; /* 隱藏更新購物車按鈕，因為 WooCommerce 會自動更新 */
}

/* 訂單摘要表格 (Checkout 右側) */
.woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: collapse;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: 12px 0;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
    font-size: 14px;
}
.woocommerce-checkout-review-order-table td:last-child,
.woocommerce-checkout-review-order-table th:last-child {
    text-align: right;
}
.woocommerce-checkout-review-order-table tr.order-total th,
.woocommerce-checkout-review-order-table tr.order-total td {
    font-size: 18px;
    font-weight: 700;
    color: #ef4444;
    border-bottom: none;
}
.woocommerce-checkout #place_order {
    background-color: #0074E4 !important;
    color: white !important;
    padding: 14px 24px !important;
    border-radius: 999px !important;
    font-weight: bold !important;
    width: 100% !important;
    margin-top: 20px !important;
    border: none !important;
    cursor: pointer;
}
.woocommerce-checkout #place_order:hover {
    background-color: #005bb5 !important;
}