/* ════════════════════════════════════════════════════════
   B2B White-Label — Base Styles
   Loaded by b2b.layouts.app for ALL B2B pages.
   Do NOT add product-page-specific styles here.
   ════════════════════════════════════════════════════════ */

/* ── Design Tokens ── */
:root {
    --b2b-bg: #ffffff;
    --b2b-text: #1a1a1a;
    --b2b-text-secondary: #4a4a4a;
    --b2b-text-muted: #888;
    --b2b-border: #e8e0d0;
    --b2b-accent: #c9a962;
    --b2b-accent-hover: #a67c3a;
    --b2b-surface: #fafaf8;
    --b2b-gold: #c9a962;
    --b2b-gold-dark: #a67c3a;
}

* { box-sizing: border-box; }

body {
    font-family: 'Noto Sans TC', sans-serif;
    background-color: var(--b2b-bg);
    color: var(--b2b-text);
    margin: 0;
    padding: 0;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}

a { color: var(--b2b-text); text-decoration: none; }
a:hover { color: var(--b2b-accent); }

/* ── 確保主站 header 在所有 B2B 頁面不顯示 ── */
.site-header,
.site-header.fixed-top,
.site-header .navbar { all: unset; display: none !important; }

/* ── 內容區在 B2B header 下方 ── */
.b2b-main {
    min-height: calc(100vh - 160px);
    padding-top: 80px;
}

/* ── Layout ── */
.b2b-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ── Buttons ── */
.b2b-btn-primary {
    background-color: var(--b2b-text);
    color: #fff;
    border: none;
    padding: 12px 32px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-block;
    text-align: center;
}
.b2b-btn-primary:hover {
    background-color: #333;
    color: #fff;
}

.b2b-btn-outline {
    background: transparent;
    color: var(--b2b-text);
    border: 1px solid var(--b2b-border);
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
}
.b2b-btn-outline:hover {
    border-color: var(--b2b-text);
    color: var(--b2b-text);
}

/* ── Card ── */
.b2b-card {
    background: #fff;
    border: 1px solid var(--b2b-border);
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.2s;
}
.b2b-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* ── Section Typography ── */
.b2b-section-title {
    font-family: 'Noto Serif TC', serif;
    font-size: 28px;
    font-weight: 600;
    color: var(--b2b-text);
    margin-bottom: 8px;
}
.b2b-section-subtitle {
    font-size: 15px;
    color: var(--b2b-text-muted);
    margin-bottom: 40px;
}