/*
Theme Name:   Lumina Child
Theme URI:    https://luminamoissanite.com
Description:  Lumina Moissanite Child Theme
Author:       Lumina
Template:     hello-elementor
Version:      1.0.0
Text Domain:  lumina-child
*/

/* ============================================================
   LUMINA MOISSANITE — 全站自定义样式
   ============================================================ */

/* 导入 Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

/* ── 全局基础 ────────────────────────────────────────── */
:root {
  --lumina-gold:    #c8a97e;
  --lumina-dark:    #1a1612;
  --lumina-cream:   #f5f0e8;
  --lumina-text:    #2a2218;
  --lumina-muted:   #8a7f72;
  --lumina-border:  #e0d8cc;
  --lumina-light:   #faf8f4;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  color: var(--lumina-text);
  background-color: var(--lumina-light);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: var(--lumina-dark);
}

a { color: var(--lumina-text); text-decoration: none; transition: color 0.2s; }
a:hover { color: var(--lumina-gold); }

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

/* ── 导航 ────────────────────────────────────────────── */
.site-header {
  border-bottom: 0.5px solid var(--lumina-border) !important;
  background: rgba(250, 248, 244, 0.95) !important;
  backdrop-filter: blur(8px);
}

.site-header .site-branding .site-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 18px !important;
  letter-spacing: 0.22em !important;
  font-weight: 400 !important;
  color: var(--lumina-dark) !important;
}

nav.main-navigation a {
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  font-weight: 400 !important;
  color: var(--lumina-muted) !important;
  transition: color 0.2s !important;
}

nav.main-navigation a:hover { color: var(--lumina-dark) !important; }

/* ── 全局按钮 ────────────────────────────────────────── */
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
input[type="submit"] {
  background: var(--lumina-dark) !important;
  color: #f0e8dc !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  font-weight: 500 !important;
  padding: 14px 32px !important;
  transition: background 0.2s ease, transform 0.1s ease !important;
  cursor: pointer !important;
}

.elementor-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover { background: #2a2218 !important; }

.elementor-button:active { transform: scale(0.98) !important; }

/* Gold 按钮变体 — 在 Elementor 按钮中添加 CSS Class: btn-gold */
.elementor-button.btn-gold,
.btn-gold .elementor-button {
  background: var(--lumina-gold) !important;
  color: var(--lumina-dark) !important;
}
.elementor-button.btn-gold:hover { background: #b8996e !important; }

/* Ghost 按钮变体 — CSS Class: btn-ghost */
.elementor-button.btn-ghost,
.btn-ghost .elementor-button {
  background: transparent !important;
  color: var(--lumina-muted) !important;
  border: 0.5px solid #3a3028 !important;
}

/* ── WooCommerce — 产品列表 ──────────────────────────── */
.woocommerce .products {
  grid-gap: 1px !important;
}

.woocommerce ul.products li.product {
  border: 0.5px solid var(--lumina-border) !important;
  transition: border-color 0.25s ease !important;
  overflow: hidden !important;
  background: #fff !important;
}

.woocommerce ul.products li.product:hover {
  border-color: var(--lumina-gold) !important;
}

.woocommerce ul.products li.product a img {
  border-radius: 0 !important;
  transition: transform 0.45s ease !important;
  display: block !important;
}

.woocommerce ul.products li.product:hover a img {
  transform: scale(1.04) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  color: var(--lumina-dark) !important;
  padding: 14px 16px 4px !important;
}

.woocommerce ul.products li.product .price {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--lumina-text) !important;
  padding: 0 16px 14px !important;
}

.woocommerce ul.products li.product .price del {
  color: var(--lumina-muted) !important;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none !important;
  font-weight: 500 !important;
}

.woocommerce ul.products li.product .button {
  margin: 0 16px 16px !important;
  display: block !important;
  text-align: center !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
}

/* Sale 徽章 */
.woocommerce span.onsale {
  background: var(--lumina-dark) !important;
  color: var(--lumina-gold) !important;
  border-radius: 0 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 0.12em !important;
  font-weight: 500 !important;
  min-height: unset !important;
  min-width: unset !important;
  line-height: 1 !important;
  padding: 6px 10px !important;
  top: 12px !important;
  left: 12px !important;
}

/* ── WooCommerce — 产品详情页 ────────────────────────── */
.woocommerce div.product .product_title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 34px !important;
  font-weight: 400 !important;
  color: var(--lumina-dark) !important;
  line-height: 1.2 !important;
  margin-bottom: 6px !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-family: 'Jost', sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  color: var(--lumina-dark) !important;
}

.woocommerce div.product p.price del { color: var(--lumina-muted) !important; font-size: 15px !important; }
.woocommerce div.product p.price ins { text-decoration: none !important; }

.woocommerce div.product .woocommerce-product-details__short-description {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  color: var(--lumina-muted) !important;
  line-height: 1.85 !important;
  font-style: italic !important;
  border-left: 2px solid var(--lumina-gold) !important;
  padding-left: 14px !important;
  margin: 14px 0 !important;
}

/* 变体选择框 */
.woocommerce div.product .variations select {
  border: 0.5px solid var(--lumina-border) !important;
  border-radius: 0 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  padding: 10px 14px !important;
  background: #fff !important;
  color: var(--lumina-text) !important;
  min-width: 180px !important;
  appearance: none !important;
  cursor: pointer !important;
  transition: border-color 0.2s !important;
}

.woocommerce div.product .variations select:focus {
  outline: none !important;
  border-color: var(--lumina-gold) !important;
}

/* 变体标签 */
.woocommerce div.product .variations label {
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  font-weight: 500 !important;
  color: var(--lumina-muted) !important;
}

/* 加购按钮 */
.woocommerce div.product .single_add_to_cart_button {
  background: var(--lumina-dark) !important;
  color: #f0e8dc !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  padding: 16px 40px !important;
  width: 100% !important;
  margin-top: 14px !important;
  border: none !important;
}

.woocommerce div.product .single_add_to_cart_button:hover {
  background: #2a2218 !important;
}

/* 产品图片 */
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
  border-radius: 0 !important;
}

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  border-bottom: 0.5px solid var(--lumina-border) !important;
  padding: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  margin: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  font-weight: 500 !important;
  color: var(--lumina-muted) !important;
  padding: 12px 20px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--lumina-dark) !important;
  border-bottom: 2px solid var(--lumina-gold) !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  color: var(--lumina-muted) !important;
  padding: 20px 0 !important;
}

/* 评论/评价 */
.woocommerce #reviews #comments ol.commentlist li .comment-text {
  border: 0.5px solid var(--lumina-border) !important;
  border-radius: 0 !important;
}

/* ── WooCommerce — 购物车 & 结账 ─────────────────────── */
.woocommerce-cart h1,
.woocommerce-checkout h1 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
}

.woocommerce-checkout h3,
.woocommerce-cart h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
}

.woocommerce form .input-text,
.woocommerce-page form .input-text,
.woocommerce form input[type="text"],
.woocommerce form input[type="email"],
.woocommerce form input[type="tel"],
.woocommerce form input[type="password"],
.woocommerce form select,
.woocommerce form textarea {
  border: 0.5px solid var(--lumina-border) !important;
  border-radius: 0 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  padding: 12px 14px !important;
  background: #fff !important;
  color: var(--lumina-text) !important;
  transition: border-color 0.2s !important;
}

.woocommerce form .input-text:focus,
.woocommerce form input:focus,
.woocommerce form select:focus {
  outline: none !important;
  border-color: var(--lumina-gold) !important;
}

#place_order {
  background: var(--lumina-dark) !important;
  color: #f0e8dc !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  border-radius: 0 !important;
  padding: 16px 0 !important;
  width: 100% !important;
  border: none !important;
}

.woocommerce-checkout-review-order {
  background: var(--lumina-cream) !important;
  padding: 24px !important;
  border: 0.5px solid var(--lumina-border) !important;
}

/* ── 通用组件 ────────────────────────────────────────── */

/* 信任条 — 在 Elementor Section 中添加 CSS ID: trust-bar */
#trust-bar {
  background: var(--lumina-dark) !important;
  border-top: 0.5px solid #2a2218 !important;
}

/* 保障图标行 — CSS ID: guarantee-bar */
#guarantee-bar {
  background: var(--lumina-cream) !important;
  border-top: 0.5px solid var(--lumina-border) !important;
  border-bottom: 0.5px solid var(--lumina-border) !important;
}

/* 评价引用 */
.lumina-quote {
  border-left: 2px solid var(--lumina-gold) !important;
  padding-left: 16px !important;
  font-style: italic !important;
  color: var(--lumina-muted) !important;
}

/* 宝石参数格 — CSS Class: stone-specs */
.stone-specs {
  background: var(--lumina-cream) !important;
  padding: 12px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1px !important;
  background-color: var(--lumina-border) !important;
}
.stone-specs > * {
  background: #fff !important;
  padding: 12px !important;
  text-align: center !important;
}

/* 遮罩面包屑 */
.woocommerce-breadcrumb { display: none !important; }

/* ── 响应式 ──────────────────────────────────────────── */
@media (max-width: 768px) {
  .woocommerce div.product .product_title { font-size: 26px !important; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 15px !important; }
  .elementor-button { padding: 13px 24px !important; font-size: 10px !important; }
  body { font-size: 14px !important; }
}

@media (max-width: 480px) {
  .woocommerce div.product .product_title { font-size: 22px !important; }
  .woocommerce div.product p.price { font-size: 18px !important; }
}