/*
Theme Name: Ahnschol Child
Template: astra
Version: 2.0.0
Description: Ahnchol brand-compliant dark child theme. Jost typography, Obsidian/Champagne palette, PURE logo.
Author: Hermes
Author URI: https://ahnchol.com
*/

/* === 1. Brand Font === */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600&display=swap');

/* === 2. Brand Color Palette (per Brand Guidelines v2026.06) === */
:root {
    /* Primary: Obsidian Black */
    --bg: #0a0a0a;
    --surface: #111111;
    --card: #161616;
    --card-hover: #1e1e1e;
    --text: #e8e8e8;
    --text2: #888888;
    --text3: #555555;
    /* Accent: Champagne Gold (唯一强调色) */
    --accent: #b5a98f;
    --accent-hover: #c4b9a0;
    --gold: #b5a98f;
    /* Borders & dividers */
    --border: #2a2a2a;
    --divider: #e5e5e5;
    /* Background variants */
    --bg-warm: #fafaf7;
    --radius: 8px;
    /* WhatsApp inquiry button green (product page only) */
    --inquiry-green: #4a8c2a;
}

/* === 3. Global Typography (Jost per brand spec) === */
body, html {
    background-color: var(--bg) !important;
    color: var(--text) !important;
    font-family: 'Jost', sans-serif !important;
    font-weight: 400 !important;
}

/* Brand name: weight 100, tracking 1px */
h1, h2, h3, h4, h5, h6,
.site-title a,
.brand-heading {
    font-family: 'Jost', sans-serif !important;
    font-weight: 100 !important;
    letter-spacing: 1px !important;
    color: var(--text) !important;
}

/* Subtitle: weight 300, tracking 2px */
.site-tagline,
.subtitle,
.section-label {
    font-family: 'Jost', sans-serif !important;
    font-weight: 300 !important;
    letter-spacing: 2px !important;
    color: var(--text2) !important;
}

/* Body text: weight 400 */
p, span, a, li, .woocommerce, .entry-content {
    font-family: 'Jost', sans-serif !important;
    font-weight: 400 !important;
    color: var(--text2) !important;
}

a {
    color: var(--accent) !important;
    transition: color 0.2s ease !important;
}
a:hover {
    color: var(--accent-hover) !important;
}

/* Selection */
::selection {
    background: var(--accent) !important;
    color: var(--bg) !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }

/* === 4. Header (Astra) === */
.site-header {
    background: rgba(10, 10, 10, 0.97) !important;
    border-bottom: 1px solid var(--border) !important;
    backdrop-filter: blur(10px);
}
.site-footer {
    background: var(--bg) !important;
    border-top: 1px solid var(--border) !important;
}
.site-footer a, .site-footer span, .site-footer p {
    color: var(--text2) !important;
}

/* Astra container */
.ast-container, .astra-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* === 5. Brand Logo in Header === */
.site-logo img {
    max-height: 36px !important;
    width: auto !important;
}

/* === 6. Buttons (global) === */
button, .button, input[type="submit"], .astra-btn {
    background-color: var(--accent) !important;
    color: var(--bg) !important;
    border: none !important;
    border-radius: var(--radius) !important;
    padding: 10px 24px !important;
    font-family: 'Jost', sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
}
button:hover, .button:hover {
    background-color: var(--accent-hover) !important;
    transform: translateY(-2px) !important;
}

/* Inquiry WhatsApp button */
.inquiry-btn {
    background-color: var(--inquiry-green) !important;
    color: #fff !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: var(--radius) !important;
    font-family: 'Jost', sans-serif !important;
}
.inquiry-btn:hover {
    background-color: #5da835 !important;
}

/* === 7. Utility classes (from prototype) === */
.card {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius) !important;
    padding: 32px !important;
    transition: all .3s ease !important;
}
.card:hover {
    border-color: var(--accent) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.3) !important;
}
.section {
    padding: 80px 20px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}
.section-warm {
    background: var(--bg-warm) !important;
}
.hero {
    min-height: 60vh !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    background: var(--bg) !important;
    color: var(--text) !important;
}
.grid-2, .grid-3 {
    display: grid !important;
    gap: 24px !important;
}
@media(max-width: 900px) {
    .grid-2, .grid-3 { grid-template-columns: 1fr !important; }
}

/* Section labels */
.section-label {
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 4px !important;
    color: var(--accent) !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}

/* Divider lines (brand signature: 0.5px) */
.brand-divider {
    width: 48px;
    height: 0.5px;
    background: var(--accent);
    margin: 24px auto;
    opacity: 0.6;
}