/* 
Theme Name: Hello Net158
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Net158
Author URI: https://net158.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/*
Theme Name:     Net158 Child
Template:       hello-elementor
Version:        2026.05
*/

/* =============================================
   1. 字体声明 (@font-face)
   ============================================= */
/* 使用相对路径，浏览器会自动解析，不暴露完整 URL */
@font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: 'Inter'; src: url('assets/fonts/Inter-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('assets/fonts/Inter-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('assets/fonts/Inter-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

/* =============================================
   2. 语言切换逻辑 (由 CSS 原生处理)
   ============================================= */

/* 默认：英文版变量 (WPML en-US) */
:root {
    --font-main: 'Inter', -apple-system, system-ui, sans-serif;
    --font-heading: 'Poppins', sans-serif;
}

/* 切换：中文版变量 (WPML zh-CN/zh-Hans) */
:root:lang(zh),
:root:lang(zh-Hans),
:root:lang(zh-CN) {
    --font-main: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    --font-heading: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}

/* =============================================
   3. 响应式流体字号库
   ============================================= */
:root {
    --fluid-12: clamp(0.75rem, 0.05vw + 0.73rem, 0.75rem);
    --fluid-14: clamp(0.8125rem, 0.2vw + 0.75rem, 0.875rem);
    --fluid-16: clamp(0.9375rem, 0.2vw + 0.85rem, 1rem);
    --fluid-18: clamp(1rem, 0.3vw + 0.9rem, 1.125rem);
    --fluid-20: clamp(1.125rem, 0.5vw + 1rem, 1.25rem);
    --fluid-22: clamp(1.1875rem, 0.8vw + 1rem, 1.375rem);
    --fluid-24: clamp(1.25rem, 1vw + 1rem, 1.5rem);
    --fluid-26: clamp(1.3125rem, 1.2vw + 1rem, 1.625rem);
    --fluid-28: clamp(1.375rem, 1.5vw + 1rem, 1.75rem);
    --fluid-30: clamp(1.4375rem, 2vw + 1rem, 1.875rem);
    --fluid-32: clamp(1.5rem, 2.5vw + 0.8rem, 2rem);
    --fluid-42: clamp(1.875rem, 2.5vw + 1.25rem, 2.625rem); 
    --fluid-48: clamp(2.125rem, 6vw + 0.7rem, 3rem);
    --fluid-50: clamp(2.25rem, 6.5vw + 0.6rem, 3.125rem);
    --fluid-56: clamp(2.25rem, 7vw + 0.5rem, 3.5rem);
    --fluid-60: clamp(2.25rem, 7.5vw + 0.5rem, 3.75rem);
    --fluid-64: clamp(2.25rem, 8vw + 0.5rem, 4rem);

    /* 语义化映射 */
    --fs-h1: var(--fluid-42); 
    --fs-h2: var(--fluid-32);
    --fs-h3: var(--fluid-26);
    --fs-h4: var(--fluid-22); 
    --fs-h5: var(--fluid-18); 
    --fs-h6: var(--fluid-14);
    --fs-body: var(--fluid-16);

    --fluid-py: clamp(2.5rem, 4vw + 1.5rem, 5rem);
    --fluid-px: 1.25rem; 
}

/* =============================================
   4. 视觉规范与底层渲染 (释放控制权给面板)
   ============================================= */

/* 抗锯齿平滑渲染：解决中文发虚发粗问题 */
*, *::before, *::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 锁定字体族：确保中英文自动切换生效 */
h1, h2, h3, h4, h5, h6, .elementor-heading-title, .elementor-button, .elementor-nav-menu a {
    font-family: var(--font-heading) !important;
}
body, p, .elementor-text-editor, .elementor-widget-text-editor {
    font-family: var(--font-main) !important;
}

/* =============================================
   5. 核心布局类与语言排版补偿 */
html:where([lang^="zh"]) body { line-height: 1.8; }
html:where([lang^="zh"]) :is(h1, h2, h3, .elementor-heading-title) { line-height: 1.4; }

.site-section {
    padding: var(--fluid-py) var(--fluid-px);
    width: 100%;
    box-sizing: border-box;
}