
/* ======================================================
1. GLOBAL BASE / RESET
====================================================== */

html, body {
    background: #0e0d11 !important;
    color: #f3f3f3 !important;
    font-family: 'Inter', sans-serif !important;
    line-height: 1.65 !important;
}

body {
    background: #0e0d11 !important;
    color: #f3f3f3 !important;
    font-family: 'Inter','Montserrat',system-ui,sans-serif;
}

/* 全站柔光背景 */
body::before {
    content:"";
    position: fixed;
    inset: 0;
    background: radial-gradient(600px 400px at 70% 10%, rgba(199,120,160,.08), transparent 70%);
    pointer-events:none;
    z-index:-1;
}


/* ======================================================
2. COLOR SYSTEM (UTILITY)
====================================================== */

.doll-bg-dark { color: #0e0d11; }
.doll-bg-soft { color: #16151d; }
.doll-pink { color: #c84c88; }
.doll-purple { color: #a7579f; }
.doll-skin { color: #d198b9; }
.doll-gold { color: #e6cf87; }
.doll-gold-soft { color: #e7d8a1; }
.doll-gold-strong { color: #f4e3a3; }
.doll-text { color: #f3f3f3; }


/* ======================================================
3. TYPOGRAPHY & LINKS
====================================================== */

h1, h2, h3, h4,
.single-product .product_title {
    color: #e7d8a1 !important;
    font-family: 'Playfair Display','Cormorant Garamond',serif !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-shadow: 0px 0px 18px rgba(230,210,140,0.25) !important;
}

p, li {
    color: #f3f3f3 !important;
}

a {
    color: #e6cf87 !important;
    text-decoration: none !important;
}

a:hover {
    color: #f4e3a3 !important;
    text-shadow: 0 0 10px rgba(244,227,163,.35);
}


/* ======================================================
4. HEADER / NAVIGATION
====================================================== */

.site-header,
.ast-primary-header-bar {
    background: rgba(12,10,16,0.45) !important;
    backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(230,207,135,0.25) !important;
}

.site-header a {
    color: #e6cf87 !important;
    font-weight: 600;
}

.site-header a:hover {
    color: #f4e3a3 !important;
}

/* Dropdown Menu */
.main-header-menu .sub-menu {
    background: rgba(15, 12, 22, 0.92);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 180, 210, 0.35);
    box-shadow: 0 20px 60px rgba(0,0,0,.55);
}

.main-header-menu .sub-menu a {
    color: #f2d8a7;
    font-weight: 500;
    letter-spacing: .3px;
}

.main-header-menu .sub-menu a:hover,
.main-header-menu .sub-menu .current-menu-item > a {
    color: #ff7ab6;
    background: rgba(255, 122, 182, 0.12);
}

.main-header-menu > .menu-item.current-menu-item > a,
.main-header-menu > .menu-item.current-menu-ancestor > a {
    background: rgba(255, 122, 182, 0.08);
    border: 1px solid rgba(255, 180, 210, 0.35);
    border-radius: 14px;
}
/* ======================================================
5. BUTTON SYSTEM — SAFE (DO NOT TOUCH HEADER / DRAWERS)
====================================================== */

button:not(.ast-menu-toggle):not(.ast-search-submit),
.button,
input[type="submit"],
.wp-block-button__link,
.elementor-button,
.woocommerce button:not(.ast-menu-toggle),
.woocommerce a.button {
    background: linear-gradient(135deg, #c84c88, #a7579f) !important;
    color: #fff !important;
    border-radius: 40px !important;
    padding: 14px 34px !important;
    font-weight: 700 !important;
    border: none !important;
    box-shadow: 0 0 14px rgba(199,120,160,0.35) !important;
    transition: .25s ease !important;
}

button:not(.ast-menu-toggle):not(.ast-search-submit):hover,
.button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.elementor-button:hover {
    transform: translateY(-2px) scale(1.03) !important;
    box-shadow: 0 0 24px rgba(199,120,160,0.55) !important;
}

/* =====================================================
   ASTRA MOBILE MENU TOGGLE — HARD OVERRIDE
   ===================================================== */
@media (max-width: 921px) {

  /* 外层按钮（真正的罪魁祸首） */
  .ast-mobile-popup-drawer .ast-menu-toggle,
  .ast-mobile-header-wrap .ast-menu-toggle,
  .ast-builder-menu-mobile .ast-menu-toggle {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;

    padding: 0 !important;
    border-radius: 50% !important;

    background: linear-gradient(135deg,#7b3a62,#d46aa5) !important;
    border: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-shadow: 0 6px 18px rgba(212,106,165,.45) !important;
  }

  /* SVG 箭头（Astra 是 inline SVG，必须这样杀） */
  .ast-menu-toggle svg,
  .ast-menu-toggle svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
  }

  /* 防止椭圆来自 line-height */
  .ast-menu-toggle span {
    line-height: 1 !important;
  }
}
/* =====================================================
   SEARCH ICON — BARE LUXE STYLE (NO BUTTON)
===================================================== */

/* 搜索框本体（保留你现在的深色效果） */
.ast-search-box input[type="search"],
.ast-header-search input[type="search"],
.elementor-search-form__input {
    background: linear-gradient(180deg,#161a22,#0f1218) !important;
    color: #f4f6fb !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 999px !important;
    padding: 14px 46px 14px 20px !important; /* 给放大镜留空间 */
}

/* ❌ 去掉所有按钮外观 */
.ast-search-submit,
.ast-search-icon,
.elementor-search-form__submit {
    background: none !important;
    box-shadow: none !important;
    border: none !important;

    width: auto !important;
    height: auto !important;
    min-width: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    position: absolute !important;
    right: 18px;
    top: 50%;
    transform: translateY(-50%) !important;
}

/* ✅ 裸放大镜本体（主题色） */
.ast-search-submit svg,
.ast-search-icon svg,
.elementor-search-form__submit svg {
    width: 18px !important;
    height: 18px !important;

    fill: #d26aa3 !important;    /* 主题粉紫 */
    stroke: #d26aa3 !important;

    opacity: .9;
    transition: opacity .2s ease, transform .2s ease;
}

/* hover 只是轻微提亮，不像按钮 */
.ast-search-submit:hover svg,
.elementor-search-form__submit:hover svg {
    opacity: 1;
    transform: scale(1.05);
}

/* ❌ 强制移除所有白底残留 */
.ast-search-box *,
.elementor-search-form * {
    background-color: transparent !important;
}
/* =====================================================
   WOOCOMMERCE NOTICE — ADD TO CART (AIVORA DARK LUXE)
===================================================== */

/* 通用 notice 容器 */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    background: linear-gradient(180deg,#161a22,#0f1218) !important;
    color: #f4f6fb !important;

    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 18px !important;

    padding: 18px 22px !important;
    margin-bottom: 28px !important;

    box-shadow:
        0 10px 30px rgba(0,0,0,.45),
        inset 0 0 0 1px rgba(255,255,255,.04) !important;
}

/* 左侧 ✓ 图标（成功状态） */
.woocommerce-message::before {
    color: #d26aa3 !important; /* 主题粉紫 */
    font-size: 18px;
}

/* 文本 */
.woocommerce-message,
.woocommerce-message a {
    font-size: 15px;
    font-weight: 500;
}

/* 产品名 */
.woocommerce-message strong {
    color: #f4e3a3 !important; /* 金色强调 */
}

/* View cart 按钮 */
.woocommerce-message .button {
    background: linear-gradient(135deg,#7b3a62,#d46aa5) !important;
    color: #fff !important;

    border-radius: 999px !important;
    padding: 10px 22px !important;
    font-weight: 600 !important;

    border: none !important;
    box-shadow: 0 6px 18px rgba(214,106,165,.35) !important;

    transition: .25s ease;
}

/* Hover */
.woocommerce-message .button:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 26px rgba(214,106,165,.55) !important;
}

/* ❌ 强制干掉白底残留 */
.woocommerce-message *,
.woocommerce-info *,
.woocommerce-error * {
    background-color: transparent !important;
}
/* =====================================================
   FIX: WooCommerce Notice Icon Layout (NO OVERLAP)
===================================================== */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    position: relative !important;
    padding-left: 64px !important; /* 给 ✓ 留空间 */
}

/* 修复图标位置 */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
    position: absolute !important;
    left: 26px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    margin: 0 !important;
    line-height: 1 !important;
}

/* 移动端微调 */
@media (max-width: 768px) {
    .woocommerce-message,
    .woocommerce-info,
    .woocommerce-error {
        padding-left: 56px !important;
    }

    .woocommerce-message::before,
    .woocommerce-info::before,
    .woocommerce-error::before {
        left: 22px !important;
    }
}
/* =====================================================
AIVORA — ASTRA OFFCANVAS CART (FINAL, GUARANTEED)
ONLY background + icon
===================================================== */


/* ===============================
1. OFFCANVAS CART BACKGROUND
=============================== */

/* 最外层遮罩 */
.ast-cart-drawer {
    background: rgba(0,0,0,0.6) !important;
}

/* 真正的购物车主体 */
.ast-cart-drawer-content,
#ast-site-header-cart .ast-cart-drawer-content {
    background: #2f3640 !important;   /* ← 背景颜色改这里 */
    color: #f5f6fa !important;
}


/* ===============================
2. HEADER CART ICON COLOR
=============================== */

/* 图标容器 */
.ast-header-woo-cart,
.ast-header-woo-cart a {
    color: #ff6fae !important;
}

/* SVG 图标 */
.ast-header-woo-cart svg,
.ast-header-woo-cart svg path {
    fill: #ff6fae !important;
    color: #ff6fae !important;
}

/* 数量气泡 */
.ast-header-woo-cart .count {
    background: #ff6fae !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}
/* =====================================================
   PRODUCT IMAGE LIGHTBOX — FINAL SAFE VERSION (PURE CSS)
   仅作用于 WooCommerce 单品页 · PhotoSwipe 放大层
===================================================== */

/* PhotoSwipe 箭头按钮 —— 仅单品页 */
.single-product .pswp .pswp__button,
.single-product .pswp .pswp__button--arrow--left,
.single-product .pswp .pswp__button--arrow--right {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* 移除 PhotoSwipe 伪元素背景 */
.single-product .pswp .pswp__button::before,
.single-product .pswp .pswp__button::after {
    background: none !important;
}

/* 箭头本体颜色（柔金） */
.single-product .pswp .pswp__button svg,
.single-product .pswp .pswp__button span {
    color: #e6cf87 !important;
    fill: #e6cf87 !important;
    opacity: 0.65;
    transition: opacity .25s ease, transform .25s ease;
}

/* Hover 轻微提亮 */
.single-product .pswp .pswp__button:hover {
    background: transparent !important;
    opacity: 1;
    transform: scale(1.05);
}

/* 禁止 focus / active 产生色块 */
.single-product .pswp .pswp__button:focus,
.single-product .pswp .pswp__button:active {
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* 产品页主图右上角放大镜按钮 */
.single-product .woocommerce-product-gallery__trigger {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
body.single-product span.thwvsf-item-span.item-span-text{
    color:#e6cf87 !important; /* 香槟金 */
}
body.single-product .thwvsf-wrapper .thwvsf-item-span{
    opacity:1 !important;
}
/* 主价格（包含变体价） */
body.single-product .price,
body.single-product .woocommerce-Price-amount{
    color:#f4e3a3 !important; /* 亮香槟金 */
    font-weight:700;
}
body.single-product .woocommerce-Price-currencySymbol{
    color:#e6cf87 !important;
    opacity:0.85;
}
/* ===============================
FIX: VARIATION GROUP TITLE (Height / Hair / Effect)
=============================== */

/* 命中 Height 这种标题 */
body.single-product 
.thwvsf-wrapper-title,
body.single-product 
.thwvsf-wrapper-label,
body.single-product 
.thwvsf-attribute-label,
body.single-product 
label[for*="height"],
body.single-product 
.variations .label,
body.single-product 
.variations th {
    color: #f4e3a3 !important;   /* 香槟金 */
    opacity: 1 !important;
    filter: none !important;
    font-weight: 600 !important;
}
/* =========================================
ASTRA + WOOCOMMERCE — PRICE COLOR (WORKING)
========================================= */

/* 1️⃣ 直接改 Astra 的颜色变量（关键） */
body {
    --ast-global-color-2: #f4e3a3; /* 香槟金 */
    --ast-global-color-3: #f4e3a3; /* 香槟金 */
}

/* 2️⃣ Shop / 分类页价格 */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price *,
.woocommerce ul.products li.product .woocommerce-Price-amount,
.woocommerce ul.products li.product .woocommerce-Price-currencySymbol {
    color: #f4e3a3 !important;
    font-weight: 700 !important;
}

/* 3️⃣ 单品页价格（含变体） */
.single-product .price,
.single-product .price *,
.single-product .woocommerce-Price-amount,
.single-product .woocommerce-Price-currencySymbol {
    color: #f4e3a3 !important;
    font-weight: 700 !important;
}
/* =====================================================
MY ACCOUNT — FORM DARK LUXE FULL FIX
1. 必填 * 号
2. 密码眼睛（仅图标）
3. 输入框白底 → 深色玻璃
===================================================== */

/* -----------------------------
1️⃣ Required * 星号修复
----------------------------- */
.woocommerce-account .required,
.woocommerce-account span.required {
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    color: #ff6fae !important;
    margin-left: 4px;
    vertical-align: middle;
}

/* -----------------------------
2️⃣ 输入框：彻底去白框
----------------------------- */
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="search"],
.woocommerce-account textarea {
    background: linear-gradient(180deg,#161a22,#0f1218) !important;
    color: #f4f6fb !important;

    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 14px !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.04),
        0 10px 30px rgba(0,0,0,0.45) !important;

    padding: 14px 18px !important;
}

/* placeholder 颜色 */
.woocommerce-account input::placeholder,
.woocommerce-account textarea::placeholder {
    color: rgba(244,246,251,0.45) !important;
}

/* focus 状态 */
.woocommerce-account input:focus,
.woocommerce-account textarea:focus {
    border-color: rgba(255,122,182,0.55) !important;
    outline: none !important;
    box-shadow:
        0 0 0 1px rgba(255,122,182,0.35),
        0 0 24px rgba(199,120,160,0.35) !important;
}
/* hover 微亮 */
.woocommerce-account .show-password-input:hover svg {
    opacity: 1;
    transform: scale(1.05);
}
/* =====================================================
MY ACCOUNT — LABEL FONT FORCE FIX (FINAL)
===================================================== */

/* 整个 label 文本 */
.woocommerce-account form label {
    font-family: 'Inter','Montserrat',system-ui,sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    color: rgba(244,246,251,0.75) !important;
}

/* Required 星号 */
.woocommerce-account form label .required {
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ff6fae !important;
    margin-left: 4px;
}
/* =====================================================
ACCOUNT PAGE — PASSWORD EYE (ASTRA / WC CLASSIC)
REMOVE PINK PILL, KEEP ICON ONLY
===================================================== */

.woocommerce-account .password-input {
    position: relative;
}

/* 1️⃣ 干掉粉色背景来源 */
.woocommerce-account .show-password-input {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    width: auto !important;
    height: auto !important;
    padding: 0 !important;

    right: 16px !important;
}

/* 2️⃣ 只保留眼睛（伪元素） */
.woocommerce-account .show-password-input::after {
    font-size: 18px !important;
    color: #d26aa3 !important; /* 酒红粉 */
    opacity: 0.9;
}

/* 3️⃣ 禁止 hover 再生成胶囊 */
.woocommerce-account .show-password-input:hover,
.woocommerce-account .show-password-input:focus {
    background: transparent !important;
    box-shadow: none !important;
}
/* ===============================
REMOVE HEADER BOTTOM LINE
=============================== */

.site-header,
.main-header-bar,
.ast-primary-header-bar,
.ast-desktop-header {
    border-bottom: none !important;
    box-shadow: none !important;
}
/* ===============================
   AIVORA FAQ — PREMIUM ACCORDION
=============================== */

.faq-wrapper {
    max-width: 920px;
    margin: 60px auto;
    font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
    color: #e8e8e8;
}

/* FAQ Card */
.faq-wrapper details {
    margin-bottom: 20px;
    border: 1px solid rgba(215, 180, 106, 0.28);
    border-radius: 16px;
    background: linear-gradient(
        180deg,
        rgba(255,255,255,0.04),
        rgba(255,255,255,0.02)
    );
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: border-color 0.35s ease, box-shadow 0.35s ease;
}

/* Hover refinement */
.faq-wrapper details:hover {
    border-color: rgba(215, 180, 106, 0.45);
}

/* Open state */
.faq-wrapper details[open] {
    box-shadow: 0 18px 48px rgba(0,0,0,0.45);
}

/* Summary (question) */
.faq-wrapper summary {
    cursor: pointer;
    padding: 22px 26px;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.2px;
    list-style: none;
    position: relative;
    color: #f3f3f3;
}

/* Remove default marker */
.faq-wrapper summary::-webkit-details-marker {
    display: none;
}

/* Custom indicator */
.faq-wrapper summary::after {
    content: "+";
    position: absolute;
    right: 26px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    color: #d7b46a;
    opacity: 0.9;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Open indicator */
.faq-wrapper details[open] summary::after {
    content: "—";
    opacity: 0.9;
}

/* Divider when open */
.faq-wrapper details[open] summary {
    border-bottom: 1px solid rgba(215,180,106,0.18);
}

/* Answer content */
.faq-wrapper details p,
.faq-wrapper details ul {
    padding: 18px 26px 24px;
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
    color: #c7ccd6;
}

.faq-wrapper details ul {
    padding-left: 44px;
}

/* Mobile refinement */
@media (max-width: 768px) {
    .faq-wrapper summary {
        font-size: 16px;
        padding: 20px;
    }
    .faq-wrapper details p,
    .faq-wrapper details ul {
        padding: 16px 20px 22px;
    }
}
.aivora-category-details {
  max-width: 900px;
  margin: 40px 0;
  border: 1px solid #d7b46a;
  border-radius: 14px;
  background: rgba(255,255,255,0.02);
}

.aivora-category-details summary {
  cursor: pointer;
  padding: 18px 22px;
  font-size: 15px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #d7b46a;
  list-style: none;
}

.aivora-category-details summary::-webkit-details-marker {
  display: none;
}

.aivora-category-details summary::after {
  content: "＋";
  float: right;
  font-size: 18px;
  transition: transform .3s ease;
}

.aivora-category-details[open] summary::after {
  content: "−";
}

.aivora-category-details p {
  padding: 0 22px 18px;
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: #c7ccd6;
}
/* =====================================================
   TrackShip Page — Text Color Fix Only
   Page ID: 3816
===================================================== */

/* 所有普通文本 */
body.page-id-3816,
body.page-id-3816 p,
body.page-id-3816 label,
body.page-id-3816 span,
body.page-id-3816 div {
    color: #1a1a1a !important;
}

/* 标题 */
body.page-id-3816 h1,
body.page-id-3816 h2,
body.page-id-3816 h3 {
    color: #111111 !important;
}

/* 表单标签 */
body.page-id-3816 label {
    color: #2b2b2b !important;
}

/* 输入框里的文字 */
body.page-id-3816 input[type="text"],
body.page-id-3816 input[type="email"] {
    color: #111111 !important;
}

/* placeholder（避免太浅） */
body.page-id-3816 input::placeholder {
    color: #777777 !important;
}

/* Tab 文本 */
body.page-id-3816 .nav-tabs .nav-link {
    color: #444444 !important;
}

body.page-id-3816 .nav-tabs .nav-link.active {
    color: #111111 !important;
}
/* ================================
   ASTRA SLIDE-IN CART — FULL FIX
   ================================ */

/* 1️⃣ 抽屉整体背景 */
.astra-cart-drawer,
.astra-cart-drawer * {
    background-color: transparent !important;
}

/* 2️⃣ 主体三块背景统一（黑色渐变） */
.astra-cart-drawer-header,
.astra-cart-drawer-content,
.astra-cart-drawer-footer {
    background: radial-gradient(
        circle at top,
        rgba(40,40,40,0.95),
        rgba(10,10,10,0.98)
    ) !important;
    color: #ffffff !important;
}

/* 3️⃣ 去掉 Astra 默认的浅色边框 / 分割线 */
.astra-cart-drawer-header,
.astra-cart-drawer-footer {
    border: none !important;
}

/* 4️⃣ 商品标题 / 数量 / 价格 */
.astra-cart-drawer a,
.astra-cart-drawer span,
.astra-cart-drawer p,
.astra-cart-drawer .quantity,
.astra-cart-drawer .woocommerce-Price-amount {
    color: #f5f5f5 !important;
}

/* 5️⃣ 商品缩略图圆角 + 微阴影 */
.astra-cart-drawer img {
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0,0,0,.45);
}

/* 6️⃣ View Cart / Checkout 按钮 */
.astra-cart-drawer-footer a.button {
    background: linear-gradient(
        135deg,
        #b85b8c,
        #8c2f5d
    ) !important;
    color: #ffffff !important;
    border-radius: 999px;
    padding: 14px 20px;
    font-weight: 600;
    border: none !important;
}

/* 7️⃣ 关闭按钮（右上角 X） */
.astra-cart-drawer-close {
    background: linear-gradient(135deg, #b85b8c, #8c2f5d) !important;
    color: #ffffff !important;
    border-radius: 999px;
}

/* 8️⃣ 移除 Astra 底部浅色背景残留 */
.astra-cart-drawer-footer {
    box-shadow: none !important;
}
