/*
 Theme Name: S&S Jewelry
 Theme URI: https://www.sj-jewellery.com
 Description: 不锈钢珠宝 B2B 外贸独立站 WordPress 主题 —— 深金轻奢品牌风格，1:1 还原 S&S Jewelry 官网视觉与交互。原生 JS 实现导航悬浮、下拉菜单、首屏轮播、移动端汉堡折叠菜单，无冗余第三方插件；后台全可视化编辑，兼容 WPML 多语言（语言目录 URL 结构 /nl/）。
 Version: 1.0.0
 Requires at least: 5.8
 Tested up to: 6.6
 Requires PHP: 7.4
 Author: S&S Jewelry Dev Team
 Author URI: https://www.sj-jewellery.com
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: sj-jewellery
 Tags: custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, responsive-layout, rtl-language-support, translation-ready, accessibility-ready
*/

/* ==========================================================================
   S&S Jewelry —— 基础重置与全局变量
   完整组件样式见 assets/css/theme.css（由 functions.php 统一加载）
   ========================================================================== */

:root {
	/* 深金轻奢品牌配色（对齐参考站 Elementor 全局色板） */
	--sj-gold:        #D1B06B;   /* 主金 / 强调色 */
	--sj-gold-deep:   #b8902f;   /* 深金（按钮 hover / 描边） */
	--sj-brown:       #4A3F32;   /* 深棕（标题文字） */
	--sj-brown-dark:  #3D3022;   /* 最深棕（正文强调） */
	--sj-brown-mid:   #745E50;   /* 中棕（次要文字） */
	--sj-cream:       #EFE4CC;   /* 浅金 / 装饰 */
	--sj-cream-2:     #E0D8C6;   /* 奶油 */
	--sj-cream-3:     #F6F1E8;   /* 浅奶油背景 */
	--sj-bg:          #FAF5F1;   /* 页面底色（off-white） */
	--sj-white:       #ffffff;

	--sj-max-width: 1240px;
	--sj-radius: 4px;
	--sj-shadow: 0 10px 30px rgba(61, 48, 34, 0.10);
	--sj-shadow-sm: 0 4px 14px rgba(61, 48, 34, 0.08);

	--sj-font-head: "Marcellus", "Times New Roman", serif;
	--sj-font-body: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	--sj-header-h: 92px;
}

/* 基础重置 */
*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
	margin: 0;
	font-family: var(--sj-font-body);
	color: var(--sj-brown-mid);
	background: var(--sj-bg);
	line-height: 1.7;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--sj-brown); text-decoration: none; transition: color .25s ease; }
a:hover { color: var(--sj-gold-deep); }

h1, h2, h3, h4, h5, h6 {
	font-family: var(--sj-font-head);
	color: var(--sj-brown);
	font-weight: 400;
	line-height: 1.25;
	margin: 0 0 .5em;
}

p { margin: 0 0 1em; }

.container {
	width: 100%;
	max-width: var(--sj-max-width);
	margin: 0 auto;
	padding: 0 20px;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap; border: 0;
}

/* 让 WordPress 后台可见主题截图占位 */
.wp-caption, .gallery-caption { color: inherit; }