/*
Theme Name: 優生活 ULive Theme
Theme URI: https://hkulive.com/
Author: ULive Team
Author URI: https://hkulive.com/
Description: 優生活 ULive 电商主题
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ulive-theme
*/

/* ===== CSS Variables ===== */
:root {
    --primary-color: #2C2A8E;
    --primary-dark: #1E1B6E;
    --primary-light: #4D4BB3;
    --sale-color: #E60012;
    --accent-gold: #FFE000;
    --text-dark: #333333;
    --text-medium: #666666;
    --text-light: #999999;
    --text-link: #ababab;
    --bg-white: #ffffff;
    --bg-light: #f5f5f5;
    --border-light: #e5e5e5;
    --border-medium: #aaaaaa;
    /* --font-primary / --font-heading：由 inc/core/fonts.php 经 wp_add_inline_style 注入，勿在此重复定义 */
    --transition: all 0.3s ease;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
}

/* ===== Reset & Base ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; scrollbar-gutter: stable; }
body {
    font-family: var(--font-primary);
    color: var(--text-dark);
    background-color: var(--bg-white);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}
a { color: var(--text-link); text-decoration: none; transition: var(--transition); }
a:hover { color: var(--primary-color); }
img { max-width: 100%; height: auto; display: block; }
ul, ol { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: var(--font-primary); }

/* ===== Layout ===== */
/* 与 PDP .pdp-container 一致：1280 版心 + 50 / 40 / 15 左右边距 */
:root {
    --ulive-content-max: 1280px;
    --ulive-content-gutter: 50px;
}
@media (max-width: 1280px) {
    :root {
        --ulive-content-gutter: 40px;
    }
}
@media (max-width: 768px) {
    :root {
        /* 移動端：小幅左右留白，避免輪播/橫滑區貼邊溢出視口 */
        --ulive-content-gutter: 12px;
    }
}

.container { max-width: 1140px; margin: 0 auto; padding: 0; }

/* Header styles moved to assets/css/header.css */
/* Hero/Home styles moved to assets/css/home.css */

/* ===== Section Titles ===== */
.section-title {
    font-family: var(--font-heading);
    font-size: 26px;
    font-weight: 700;
    color: #2C2A8E;
    letter-spacing: 1px;
}

/* Footer styles moved to assets/css/footer.css */
/* Contact styles moved to assets/css/contact.css */

/* Home add-to-cart styles moved to assets/css/home.css */

/* Mobile menu state styles moved to assets/css/header.css */