/*
Theme Name:   LUMIÈRE DORÉ — Astra 子主题
Theme URI:    https://lumiere.example.com
Description:  Gold × Black × White × Grey luxury women's fashion. Playfair Display × Lato. Parent: Astra.
Author:       LUMIÈRE
Template:     astra
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  lumiere
Tags:         e-commerce, luxury, fashion, women, minimal, woocommerce
*/

/* ==========================================================================
   1. 品牌 CSS 变量（Astra 调色板覆盖）
   ========================================================================== */

:root {
    /* LUMIÈRE DORÉ 调色板：#d8bd89 金 × #000000 黑 × #ffffff 白 × #b1b1b1 灰 */
    --ast-global-color-0: #d8bd89;   /* 品牌主色（金）：链接、按钮背景、强调 */
    --ast-global-color-1: #b8984f;   /* 品牌悬停（深金） */
    --ast-global-color-2: #000000;   /* 标题（黑） */
    --ast-global-color-3: #000000;   /* 正文（黑） */
    --ast-global-color-4: #ffffff;   /* 主背景（白） */
    --ast-global-color-5: #fafafa;   /* 次背景（浅灰） */
    --lumiere-rose: #d8bd89;         /* 品牌金：hover、强调色 */
    --lumiere-rose-dark: #b8984f;    /* 深金 */
    --lumiere-border: #b1b1b1;       /* 发丝线边框（灰） */
    --lumiere-sand: #f5f5f5;         /* 浅灰底（卡片/衬底） */
}

/* ==========================================================================
   2. 全局排版
   ========================================================================== */

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* ==========================================================================
   3. 品牌按钮
   ========================================================================== */

.ast-button, .button, button, input[type="submit"],
.wp-block-button__link, .woocommerce a.button, .woocommerce button.button {
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

.wp-block-button.is-style-outline .wp-block-button__link {
    border-color: var(--lumiere-rose) !important;
    color: var(--ast-global-color-0) !important;
    background: transparent !important;
    border-width: 2px !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background: var(--lumiere-rose) !important;
    color: #fff !important;
}

/* ==========================================================================
   4. 链接
   ========================================================================== */

a { text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color 0.2s; }
a:hover, a:focus { color: var(--lumiere-rose); }

/* ==========================================================================
   5. Header / Footer 约束 1400px
   ========================================================================== */

.site-header .ast-container,
.site-footer .ast-container,
.ast-primary-header-bar-wrap .ast-container {
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 2rem;
}

.site-header { border-bottom: 1px solid var(--lumiere-border); }
.site-footer { background: var(--ast-global-color-5); border-top: 1px solid var(--lumiere-border); }

/* 购物车 / 结账：Woo 区块默认 alignwide，Astra 会给负边距撑满视口，贴左贴右。 */
body.woocommerce-cart .site-content > .ast-container,
body.woocommerce-checkout .site-content > .ast-container {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
}
body.woocommerce-cart .entry-content > .alignwide,
body.woocommerce-checkout .entry-content > .alignwide,
body.woocommerce-cart .wp-block-woocommerce-cart.alignwide,
body.woocommerce-checkout .wp-block-woocommerce-checkout.alignwide {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
    width: 100%;
}

/* ==========================================================================
   6. 首页 Hero
   ========================================================================== */

.home .entry-header, .home .entry-title { display: none !important; }
.home .site-content > .ast-container { max-width: 100%; padding: 0; }

/* ==========================================================================
   7. WooCommerce 微调
   ========================================================================== */

.woocommerce ul.products li.product .woocommerce-loop-product__title { font-weight: 500; }
.woocommerce span.onsale { background: var(--lumiere-rose); border-radius: 0; text-transform: uppercase; letter-spacing: 0.05em; }

/* 商品卡片按钮：防止 "Select options" 在移动端折行成两行 */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
    white-space: nowrap;
    text-align: center;
    background: var(--ast-global-color-0) !important;
    color: var(--ast-global-color-4) !important;
    border: 1px solid var(--ast-global-color-0) !important;
    border-radius: 0 !important;
    padding: 0.7em 1.4em !important;
    font-size: 0.78rem !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover {
    background: var(--lumiere-rose) !important;
    border-color: var(--lumiere-rose) !important;
    color: #fff !important;
}
@media (max-width: 544px) {
    .woocommerce ul.products li.product .button,
    .woocommerce ul.products li.product a.button {
        width: auto;
        max-width: 100%;
        padding: 0.6em 1.2em;
    }
}

/* ==========================================================================
   7b. 商品排序（独立自包含：不依赖过滤插件，插件停用也能正常工作）
   ========================================================================== */

/* 排序按钮 — 无边框无背景纯文字，hover 玫瑰金（与 Filter 按钮同款） */
.lsf-sort-btn {
    display: inline-flex; align-items: center; gap: 0.5em; cursor: pointer;
    width: auto; max-width: 100%;
    padding: 0.55em 1.2em; border: none; background: transparent;
    color: var(--ast-global-color-3, #4a4a4a);
    font-size: 0.78rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em;
    border-radius: 0; transition: all 0.3s ease;
}
.lsf-sort-btn:hover,
.lsf-sort-btn:focus-visible { background: var(--lumiere-rose); color: #fff; }
.lsf-sort-btn.lsf-sort-open { background: var(--lumiere-rose); color: #fff; }
.lsf-sort-btn svg { flex-shrink: 0; }

/* 排序弹窗 — 独立居中模态（不依赖插件的 .lsf-drawer） */
.lsf-sort-panel {
    display: none; position: fixed; z-index: 1002;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: min(320px, calc(100vw - 2rem));
    max-height: 80vh; overflow-y: auto;
    background: var(--ast-global-color-4, #fff);
    border: 1px solid var(--lumiere-border);
    box-shadow: 0 12px 40px rgba(0,0,0,0.2);
    padding: 0;
}
.lsf-sort-panel.open { display: block; }
.lsf-sort-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 1em 1.3em; border-bottom: 1px solid var(--lumiere-border);
    position: sticky; top: 0; background: var(--ast-global-color-4, #fff); z-index: 1;
}
.lsf-sort-head strong { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.06em; }
.lsf-sort-close {
    background: none !important; border: none !important;
    font-size: 1.5rem !important; line-height: 1 !important;
    font-weight: 400 !important; text-transform: none !important;
    letter-spacing: 0 !important;
    cursor: pointer; color: var(--ast-global-color-2, #111);
    padding: 0.2em 0.4em !important; min-width: auto !important;
    width: auto !important; height: auto !important;
    border-radius: 0 !important; box-shadow: none !important;
    text-decoration: none !important;
}
.lsf-sort-close:hover { color: var(--lumiere-rose); }
.lsf-sort-body { padding: 1.2em 1.4em; }

/* 排序遮罩 — 独立（不依赖插件的 .lsf-overlay） */
.lsf-sort-overlay {
    display: none; position: fixed; inset: 0; z-index: 1000;
    background: rgba(0,0,0,0.35);
}
.lsf-sort-overlay.visible { display: block; }

@media (max-width: 921px) {
    .lsf-sort-panel { width: min(85vw, 320px); max-height: 85vh; }
}

/* 排序选项 — radio 圆点单选外观 */
.lsf-sort-list { list-style: none; margin: 0; padding: 0; }
.lsf-sort-list li { margin-bottom: 0.4em; }
.lsf-sort-list li:last-child { margin-bottom: 0; }
.lsf-sort-list li a {
    display: inline-flex; align-items: center; gap: 0.6em;
    font-size: 0.9rem; color: var(--ast-global-color-3, #4a4a4a); text-decoration: none; transition: color 0.15s;
}
.lsf-sort-list li a::before {
    content: '';
    width: 13px; height: 13px; flex-shrink: 0;
    border: 1px solid var(--ast-global-color-3, #999);
    background: var(--ast-global-color-4, #fff);
    border-radius: 50%; /* radio 圆形 */
    transition: all 0.15s ease;
}
.lsf-sort-list li a:hover::before { border-color: var(--lumiere-rose); }
.lsf-sort-list li.active a::before {
    border: 4px solid var(--lumiere-rose);
    background: var(--ast-global-color-4, #fff);
}
.lsf-sort-list li a:hover,
.lsf-sort-list li.active a { color: var(--ast-global-color-0, #111); font-weight: 500; }

/* ==========================================================================
   7c. Shop 工具条（.lsf-toolbar — 过滤按钮 + 排序，结构由主题 functions.php 生成）
   ========================================================================== */

/* Toolbar — 左：Filter 按钮 / 中：页面标题 / 右：排序，同一行 */
.lsf-toolbar {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: nowrap; gap: 0.75em;
    margin-bottom: 2.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid var(--lumiere-border);
}
/* 中间标题：占满中部空间，居中 */
.lsf-toolbar-title {
    flex: 1 1 auto;
    margin: 0;
    text-align: center;
    font-size: 1.6rem; font-weight: 500;
    text-transform: uppercase; letter-spacing: 0.08em;
    color: var(--ast-global-color-0, #111);
}
/* 隐藏 WC 输出的空标题外壳（标题已移到 toolbar） */
.woocommerce-products-header { display: none !important; }
/* 左右元素保持内容宽度 */
.lsf-toolbar .lsf-toggle-btn,
.lsf-toolbar .lsf-sort-btn {
    flex-shrink: 0;
}
/* 重置 WC 排序下拉的浮动与 margin，融入 flex
   !important：覆盖 Astra 的 inline 样式（woocommerce-general-inline-css 里的 float:right） */
.lsf-toolbar .woocommerce-ordering {
    float: none !important;
    margin: 0 !important;
}
.lsf-toolbar .woocommerce-result-count {
    float: none !important;
    margin: 0 !important;
}
@media (max-width: 921px) {
    /* 移动端也保持一行：不换行，排序下拉按内容宽度（不占满剩余空间） */
    .lsf-toolbar {
        flex-wrap: nowrap;
        gap: 0.5em;
    }
    .lsf-toolbar .woocommerce-ordering {
        flex: 0 1 auto;   /* 不拉伸，按内容宽度 */
        min-width: 0;
    }
    .lsf-toolbar .woocommerce-ordering select {
        width: auto;
        max-width: 100%;
        padding: 0.5em 0.6em;
        font-size: 0.8rem;
    }
    /* 移动端标题缩小，避免挤压两侧按钮 */
    .lsf-toolbar-title {
        font-size: 1.1rem;
        letter-spacing: 0.05em;
    }
    .lsf-toolbar .lsf-toggle-btn,
    .lsf-toolbar .lsf-sort-btn {
        padding-left: 0.5em; padding-right: 0.5em;
        font-size: 0.72rem;
    }
}

/* ==========================================================================
   7d. 商品详情页手风琴（Description / Additional information / Reviews）
   ========================================================================== */
.lsf-product-tabs {
    margin-top: 2.5em;
    border-top: 1px solid var(--lumiere-border);
}
.lsf-accordion-item {
    border-bottom: 1px solid var(--lumiere-border);
}
.lsf-accordion-head {
    display: flex; align-items: center; justify-content: space-between; gap: 1em;
    width: 100%; padding: 1.15em 0.4em; margin: 0;
    background: none !important; border: none !important; border-radius: 0 !important;
    font-size: 0.8rem !important; font-weight: 600 !important;
    text-transform: uppercase !important; letter-spacing: 0.1em !important;
    color: var(--ast-global-color-2, #111) !important;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease;
}
.lsf-accordion-head:hover {
    color: var(--lumiere-rose) !important;
    background: var(--lumiere-sand, #f5f5f5) !important;
}
.lsf-accordion-item.open > .lsf-accordion-head {
    color: var(--lumiere-rose-dark, #b8984f) !important;
}
/* +/− 图标：收起显示 +，展开显示 −（无描边方框） */
.lsf-accordion-icon {
    position: relative;
    width: 18px; height: 18px; flex-shrink: 0;
}
.lsf-accordion-icon::before,
.lsf-accordion-icon::after {
    content: '';
    position: absolute; top: 50%; left: 50%;
    background: currentColor;
    transform: translate(-50%, -50%);
}
/* 横线（- 和 + 共有） */
.lsf-accordion-icon::before {
    width: 18px; height: 2px;
}
/* 竖线（+ 独有，展开时隐藏 → 变 −） */
.lsf-accordion-icon::after {
    width: 2px; height: 18px;
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.lsf-accordion-item.open .lsf-accordion-icon::after {
    transform: translate(-50%, -50%) scaleY(0);
    opacity: 0;
}
.lsf-accordion-body {
    padding: 0.4em 0.4em 1.6em;
    font-size: 0.92rem; line-height: 1.75; color: var(--ast-global-color-3, #4a4a4a);
}
.lsf-accordion-body > *:first-child { margin-top: 0; }
.lsf-accordion-body h2 {
    font-size: 1.05rem; margin: 0 0 0.8em;
    text-transform: uppercase; letter-spacing: 0.05em;
}
.lsf-accordion-body table.shop_attributes {
    margin: 0.6em 0 0; width: 100%;
    border: 1px solid var(--lumiere-border);
    border-collapse: collapse;
}
.lsf-accordion-body table.shop_attributes th,
.lsf-accordion-body table.shop_attributes td {
    padding: 0.7em 0.9em; border: none;
    border-bottom: 1px solid var(--lumiere-border);
    font-size: 0.9rem;
}
.lsf-accordion-body table.shop_attributes th {
    width: 38%; font-weight: 500;
    background: var(--lumiere-sand, #f5f5f5);
    text-transform: uppercase; letter-spacing: 0.04em; font-size: 0.8rem;
}
.lsf-accordion-body table.shop_attributes tr:last-child th,
.lsf-accordion-body table.shop_attributes tr:last-child td {
    border-bottom: none;
}
.lsf-accordion-body .woocommerce-Reviews {
    margin-top: 0.6em;
}
.lsf-accordion-body .woocommerce-Reviews-title {
    font-size: 1.05rem;
}

/* ==========================================================================
   7e. Gallery 响应式列数（块加类 lumiere-grid-1：移动端一行 1 个）
   ========================================================================== */

/* PC 列数由 Gallery 块的 Columns 设置决定（如 3 列）；
   ≤921px（站点移动断点）强制每行 1 个，图片通栏。
   兼容嵌套（has-nested-images）与旧版（blocks-gallery-grid）两种标记。 */
@media (max-width: 921px) {
    .wp-block-gallery.lumiere-grid-1.has-nested-images figure.wp-block-image,
    .wp-block-gallery.lumiere-grid-1 .blocks-gallery-item {
        width: 100% !important;
        flex-basis: 100% !important;
        max-width: none !important;
    }
    /* 单列图片：默认原始比例显示（覆盖 is-cropped 的 height:100%，Customizer 可调固定比例） */
    .wp-block-gallery.lumiere-grid-1.has-nested-images figure.wp-block-image img,
    .wp-block-gallery.lumiere-grid-1 .blocks-gallery-item img {
        height: auto !important;
        aspect-ratio: var(--lumiere-gallery-ratio, auto); /* auto = 原始比例 */
        object-fit: cover;
    }
}

/* ==========================================================================
   7f. Shop / 分类页 商品网格视觉优化
   ========================================================================== */

/* 网格纵向呼吸感 */
.woocommerce ul.products li.product {
    margin-bottom: 3.5em;
}

/* 图片：统一 1:1、裁切填充、hover 缩放 */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap {
    overflow: hidden;
}
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.woocommerce ul.products li.product:hover .astra-shop-thumbnail-wrap img {
    transform: scale(1.05);
}

/* 卡片 hover：轻微上浮 */
.woocommerce ul.products li.product {
    transition: transform 0.25s ease;
}
.woocommerce ul.products li.product:hover {
    transform: translateY(-4px);
}

/* 分类标签：小号大写玫瑰金 */
.woocommerce ul.products li.product .ast-woo-product-category {
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--lumiere-rose-dark, #b8984f);
}

/* 商品标题 */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.03em;
}

/* 价格 */
.woocommerce ul.products li.product .price {
    font-weight: 500;
}

/* ── 商品信息布局：左列标题+分类 / 右列价格（与标题同行） ── */
.woocommerce ul.products li.product .astra-shop-summary-wrap {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
        "title price"
        "cat   cat";
    column-gap: 0.9em;
    row-gap: 0.1em;
    align-items: start;
    text-align: left;
}
/* 标题外包了一层 <a class="ast-loop-product__link">：解包让它参与 grid */
.woocommerce ul.products li.product .astra-shop-summary-wrap a.ast-loop-product__link {
    display: contents;
}
.woocommerce ul.products li.product .astra-shop-summary-wrap .woocommerce-loop-product__title {
    grid-area: title;
    margin: 0;
}
.woocommerce ul.products li.product .astra-shop-summary-wrap .price {
    grid-area: price;
    margin: 0;
    text-align: right;
    white-space: nowrap;
}
.woocommerce ul.products li.product .astra-shop-summary-wrap .ast-woo-product-category {
    grid-area: cat;
    text-align: left;
}
/* 未分配区域的元素（如插件 Variation Swatches 的 cfvsw_variations_form）一律跨整行 */
.woocommerce ul.products li.product .astra-shop-summary-wrap > :not(.ast-woo-product-category):not(.woocommerce-loop-product__title):not(.price) {
    grid-column: 1 / -1;
}

/* ==========================================================================
   7c. 商品详情：加购 + 立即购买并排
   ========================================================================== */

.woocommerce div.product form.cart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart .lumiere-buy-now {
    flex: 1 1 140px;
    width: auto !important;
    min-height: 48px;
}
.woocommerce div.product form.cart .single_add_to_cart_button {
    margin: 0 !important;
}
.woocommerce div.product form.cart .lumiere-buy-now {
    margin: 0 0 0 12px !important;
    background: transparent !important;
    color: var(--ast-global-color-0, #111) !important;
    border: 1px solid var(--ast-global-color-0, #111) !important;
    box-shadow: none !important;
}
.woocommerce div.product form.cart .lumiere-buy-now:hover {
    background: var(--ast-global-color-0, #111) !important;
    color: var(--ast-global-color-4, #fff) !important;
}

/* ==========================================================================
   7d. Related products 列数 / 轮播
   ========================================================================== */

.woocommerce div.product .related.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(var(--lumiere-related-pc, 4), minmax(0, 1fr));
    gap: 1.25em;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}
.woocommerce div.product .related.products ul.products::before,
.woocommerce div.product .related.products ul.products::after {
    display: none !important;
}
.woocommerce div.product .related.products ul.products li.product {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    clear: none !important;
}
@media (max-width: 921px) {
    .woocommerce div.product .related.products ul.products {
        grid-template-columns: repeat(var(--lumiere-related-m, 2), minmax(0, 1fr));
    }
}

/* ==========================================================================
   8. 响应式
   ========================================================================== */

@media (max-width: 921px) {
    .ast-button, .button, button, input[type="submit"], .wp-block-button__link {
        padding: 12px 24px; font-size: 0.8rem;
    }
}
@media (max-width: 544px) {
    .ast-button, .button, button, input[type="submit"], .wp-block-button__link {
        width: 100%; text-align: center;
    }
    .woocommerce div.product form.cart .single_add_to_cart_button,
    .woocommerce div.product form.cart .lumiere-buy-now {
        width: auto !important;
        flex: 1 1 calc(50% - 0.4em);
    }
}

/* ==========================================================================
   9. Shop Filters — 已迁移至 lumiere-shop-filters 插件（2026-07）
   ========================================================================== */

/* ==========================================================================
   10. DORÉ 专属：公共头部/底部 黑底金调
   ========================================================================== */

/* ── 头部黑底 ── */
#masthead.site-header,
#masthead .ast-primary-header-bar {
    background: #000 !important;
}

/* 站点标题 / 菜单文字（白） */
.site-header .site-branding .site-title,
.site-header .site-branding .site-title a,
.main-header-menu .menu-link {
    color: #fff !important;
}
/* hover / 当前项（金） */
.main-header-menu .menu-link:hover,
.main-header-menu .current-menu-item > .menu-link,
.main-header-menu .current-menu-ancestor > .menu-link {
    color: #d8bd89 !important;
}

/* 下拉子菜单：黑底白字，hover 金
   —— 仅普通下拉（:not(.lumiere-mega)）；超级菜单面板放行，
      其配色由插件走主题变量（--ast-global-color-* / --lumiere-*），换主题自动同步 */
.main-header-menu > li:not(.lumiere-mega) > .sub-menu {
    background: #000 !important;
    border-color: #333 !important;
}
.main-header-menu > li:not(.lumiere-mega) > .sub-menu .menu-link {
    color: #fff !important;
}
.main-header-menu > li:not(.lumiere-mega) > .sub-menu .menu-link:hover {
    color: #d8bd89 !important;
}

/* 子菜单箭头 / 购物车 / 账户 / 搜索 图标（白，hover 金）——
   类名以线上 Astra 实际输出为准：.ast-header-woo-cart > .ast-site-header-cart > .ast-addon-cart-wrap */
.menu-item-has-children > .ast-menu-toggle,
.ast-header-woo-cart .ast-site-header-cart .astra-icon,
.ast-header-woo-cart .ast-site-header-cart .count,
.ast-header-account .ast-header-account-link svg {
    color: #fff !important;
    fill: #fff !important;
}
.ast-header-account .ast-header-account-link:hover svg,
.ast-header-woo-cart .ast-site-header-cart:hover .astra-icon {
    color: #d8bd89 !important;
    fill: #d8bd89 !important;
}
/* 搜索按钮（白，hover 金） */
.ast-header-search .search-submit,
.ast-header-search .ast-search-menu-icon .ast-icon,
.ast-header-search .ast-search-menu-icon svg {
    color: #fff !important;
    stroke: #fff !important;
}
.ast-header-search .search-submit:hover,
.ast-header-search .ast-search-menu-icon:hover svg {
    color: #d8bd89 !important;
    stroke: #d8bd89 !important;
}

/* ── 移动端头部：黑底 + 汉堡/图标 白 ── */
#ast-mobile-header .ast-main-header-wrap,
#ast-mobile-header .ast-primary-header-bar {
    background: #000 !important;
}
#ast-mobile-header .menu-toggle,
#ast-mobile-header .menu-toggle .mobile-menu-toggle-icon svg {
    color: #fff !important;
    fill: #fff !important;
}
#ast-mobile-header .menu-toggle:hover {
    color: #d8bd89 !important;
}
#ast-mobile-header .ast-site-header-cart .astra-icon,
#ast-mobile-header .ast-site-header-cart .count {
    color: #fff !important;
}

/* ── 移动端抽屉菜单：黑底白字（类名 ast-mobile-popup-drawer） ── */
.ast-mobile-popup-drawer .ast-mobile-popup-inner,
.ast-mobile-popup-drawer .ast-mobile-popup-content,
.ast-mobile-popup-drawer .ast-mobile-popup-header {
    background: #000 !important;
}
.ast-mobile-popup-drawer .menu-link,
.ast-mobile-popup-drawer .ast-close-svg,
.ast-mobile-popup-drawer .ast-menu-toggle,
.ast-mobile-popup-drawer .menu-toggle-close {
    color: #fff !important;
}
.ast-mobile-popup-drawer .menu-link:hover {
    color: #d8bd89 !important;
}
/* Astra Customizer 会给移动端菜单 ul 设白色背景（var(--ast-global-color-4)），
   覆盖抽屉黑底 → 白字落在白 ul 上不可见。这里把 ul/sub-menu/menu-link 背景一并改黑 */
.ast-mobile-popup-drawer .ast-builder-menu-mobile .main-navigation .main-header-menu,
.ast-mobile-popup-drawer .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu,
.ast-mobile-popup-drawer .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link {
    background-color: #000 !important;
}
/* 抽屉内超级菜单面板：融入黑底，白字金 hover */
@media (max-width: 921px) {
    .ast-mobile-popup-drawer .main-header-menu li.lumiere-mega > .sub-menu {
        background: transparent !important;
        border: none !important;
    }
    .ast-mobile-popup-drawer .main-header-menu li.lumiere-mega .lumiere-mm-col-title,
    .ast-mobile-popup-drawer .main-header-menu li.lumiere-mega > .sub-menu > li > a,
    .ast-mobile-popup-drawer .main-header-menu li.lumiere-mega > .sub-menu > li > .sub-menu > li > a {
        color: #fff !important;
    }
    .ast-mobile-popup-drawer .main-header-menu li.lumiere-mega a:hover {
        color: #d8bd89 !important;
    }
    .ast-mobile-popup-drawer .main-header-menu li.lumiere-mega .lumiere-mm-col-title {
        border-bottom-color: #333 !important;
    }
}

/* ── PC 超级菜单面板：DORÉ 黑金（黑底、金标题、白链接、金 hover） ── */
.main-header-menu li.lumiere-mega > .sub-menu {
    background: #000 !important;
    border: 1px solid #333 !important;
    border-top: 2px solid #d8bd89 !important; /* 顶部金线 */
}
.main-header-menu li.lumiere-mega > .sub-menu > li > a,
.main-header-menu li.lumiere-mega > .sub-menu .lumiere-mm-col-title {
    color: #d8bd89 !important; /* 列标题：金 */
    border-bottom-color: #333 !important;
}
.main-header-menu li.lumiere-mega > .sub-menu > li > .sub-menu > li > a {
    color: #fff !important; /* 子链接：白 */
}
.main-header-menu li.lumiere-mega > .sub-menu a:hover {
    color: #d8bd89 !important; /* hover：金 */
}

/* ── 公共头部高度：80px → 60px（覆盖 Customizer min-height 与菜单/购物车行高） ── */
.ast-primary-header-bar .site-primary-header-wrap,
.ast-mobile-header-wrap .ast-primary-header-bar {
    min-height: 60px !important;
}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height: 60px !important;
}
.ast-desktop .ast-primary-header-bar .ast-header-woo-cart,
.ast-desktop .ast-primary-header-bar .ast-header-edd-cart {
    line-height: 60px !important;
    min-height: 60px !important;
}

/* ── 底部黑底 ── */
#colophon.site-footer {
    background: #000 !important;
    padding-top: 20px !important; /* 页脚顶部留白（金色边框下方） */
    border-top: 1px solid #d8bd89 !important; /* 金色发丝线在页脚最顶（覆盖原 .site-footer 的灰色边框） */
}
#colophon .site-below-footer-wrap {
    background: #000 !important;
    border-top: none !important; /* 金线已移至页脚顶部，行之间不再画线 */
}
#colophon .ast-footer-copyright,
#colophon .ast-footer-copyright a {
    color: #b1b1b1 !important; /* 灰 */
}
#colophon .ast-footer-copyright a:hover {
    color: #d8bd89 !important; /* 金 */
}
/* 页脚菜单（Footer Builder → Menu 组件）：白字金 hover */
#colophon .footer-nav-wrap .menu-item > a,
#colophon .footer-nav-wrap .menu-link {
    color: #fff !important;
}
#colophon .footer-nav-wrap .menu-item > a:hover {
    color: #d8bd89 !important;
}
/* Primary Footer 行（放组件后新增的行，自带浅色背景）：一并黑底白字金 hover */
#colophon .site-primary-footer-wrap {
    background: #000 !important;
}
#colophon .site-primary-footer-wrap .widget-title,
#colophon .site-primary-footer-wrap .widget,
#colophon .site-primary-footer-wrap .widget a,
#colophon .site-primary-footer-wrap .footer-nav-wrap .menu-item > a {
    color: #fff !important;
}
#colophon .site-primary-footer-wrap a:hover,
#colophon .site-primary-footer-wrap .footer-nav-wrap .menu-item > a:hover {
    color: #d8bd89 !important;
}