@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//manovottao.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.3") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//manovottao.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//manovottao.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//manovottao.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//manovottao.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//manovottao.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//manovottao.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//manovottao.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//manovottao.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-header-banner-h: 50px;
	--wd-text-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(221,226,229);
	--wd-text-font-size: 14px;
	--wd-title-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #0A0C0D;
	--wd-entities-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(10,12,13);
	--wd-entities-title-color-hover: rgb(197, 160, 89);
	--wd-alternative-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(221,226,229);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: #C5A059;
	--wd-alternative-color: rgb(10,12,13);
	--wd-link-color: rgb(10,12,13);
	--wd-link-color-hover: rgb(197,160,89);
	--btn-default-font-family: "Montserrat", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 600;
	--btn-default-transform: uppercase;
	--btn-default-bgcolor: rgb(44,44,44);
	--btn-default-bgcolor-hover: rgb(197,160,89);
	--btn-accented-font-family: "Montserrat", Arial, Helvetica, sans-serif;
	--btn-accented-transform: uppercase;
	--btn-accented-bgcolor: rgb(197,160,89);
	--btn-accented-bgcolor-hover: rgb(10,12,13);
	--wd-form-brd-width: 0px;
	--notices-success-bg: rgb(221,153,51);
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.header-banner {
	background-color: rgb(10,12,13);
	background-image: none;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(10,12,13);
	background-image: url(https://manovottao.com/wp-content/uploads/2026/05/Manovottao-footer-dbbj.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
}
.page .wd-page-content {
	background-color: #0A0C0D;
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(10,12,13);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(10,12,13);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(10,12,13);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(10,12,13);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(10,12,13);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgb(10,12,13);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(197,160,89);
	--wd-form-brd-color: rgb(255,255,255);
	--wd-form-brd-color-focus: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 50px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/* --- 1. 彻底黑底化：击穿所有页面的白条 */
html, body, .website-wrapper, .main-page-wrapper, .site-content, .footer-container, .wd-prefooter {
    background-color: #0A0C0D !important;
}

/* --- 2. 移除所有默认背景图干扰（解决你说的脏色块） */
.footer-container, .main-page-wrapper {
    background-image: none !important;
}

/* --- 3. 商店分类导航与侧边栏：哑金与白文字显示 */
.widget_product_categories a, .wd-nav-product-cat a {
    color: #DDE2E5 !important;
}
.widget_product_categories a:hover, .current-cat a {
    color: #C5A059 !important;
}

/* --- 4. 强制单品页插件文字显示（解决红框看不见字的问题） */
.thwepo-extra-product-options label, 
.thwepo-extra-product-options span,
.single-product .summary-inner .price,
.single-product .summary-inner h1 {
    color: #DDE2E5 !important;
}

/* --- 5. 补回商店左侧目录的粘性跟随 */
@media (min-width: 1025px) {
    #manovot-sticky-side {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 120px !important;
        z-index: 100;
    }
}

.product-grid-item:hover .product-element-top img {
    transform: scale(1.1) !important;
    transition: all 0.6s ease-in-out !important;
}

/* --- 6. 彻底抹杀商店页产品下方的类目文字 */
.product-grid-item .wd-product-cats, 
.product-grid-item .product_meta .posted_in {
    display: none !important;
}

/* --- 7. 按钮背景保护：强制悬停不消失 */
.single-product .single_add_to_cart_button,
.product-grid-item .wd-add-btn > a {
    background-color: #C5A059 !important; /* 常态金 */
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

.single-product .single_add_to_cart_button:hover,
.product-grid-item .wd-add-btn > a:hover {
    background-color: #000000 !important; /* 悬停变黑 */
    color: #C5A059 !important; /* 文字变金 */
}

@media (min-width: 1025px) {
    #sticky-product-col {
        position: sticky !important;
        top: 100px !important;
    }
}

/* --- 8. 面包屑导航：去除最后的“/”斜杠和产品标题 --- */
.woocommerce-breadcrumb span:last-child, 
.woocommerce-breadcrumb .last {
    display: none !important;
}
.woocommerce-breadcrumb {
    color: rgba(221, 226, 229, 0.4) !important;
}

/* --- 9. 给侧边栏每个分类的标题加哑金细线 */
.widget-title {
    color: #C5A059 !important; /* 标题文字金色 */
    font-family: 'Cormorant Garamond', serif !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 16px !important;
    
    border-bottom: 1px solid rgba(197, 160, 89, 0.4) !important; /* 啞金1px细线, 透明度设为0.4增加高级感 */
    padding-bottom: 12px !important; /* 文字和线的距离 */
    margin-bottom: 25px !important; /* 线和下方内容的距离 */
}

/* --- 10. 拉大侧边栏各行之间的行距 */
.widget_product_categories ul li {
    margin-bottom: 18px !important; /* 设置每行之间的垂直间距 */
    list-style: none !important;
}

/* --- 11. 微调文字样式：月光灰且间距拉开 */
.widget_product_categories a {
    color: #DDE2E5 !important;
    font-size: 13px !important;
    letter-spacing: 1.5px !important;
    opacity: 0.8;
}

/* --- 12. 针对手机端通告栏字体 - 强力缩小 */
@media (max-width: 767px) {
    .header-banner-container div,
    .header-banner-container,
    .mobile-optimized-banner {
        font-size: 10px !important; /* 调到10像素 */
        line-height: 1.1 !important;
        white-space: normal !important;
        text-align: center !important;
    }
}

/* --- 13. 强制插件标签文字变金 --- */
.wapf-wrapper label, .wapf-field-label, .wapf-field-description, .wapf-label {
    color: #C5A059 !important;
    display: block !important;
    visibility: visible !important;
}

/* --- 14. 彻底抹杀插件的白底，换成黑底金边 --- */
.wapf-input input, .wapf-input select, .wapf-input textarea, .wapf-field-input select {
    background-color: #1a1a1a !important; /* 深黑灰背景 */
    color: #C5A059 !important; /* 白色打字 */
    border: 1px solid #C5A059 !important; /* 金色边框 */
}

/* --- 15. 强制将定制插件及全站必填项星号修改为哑金 */
.wapf-required, 
.required, 
abbr.required, 
.thwepo-required {
    color: #C5A059 !important; /* 我们定义的哑金色 */
    text-decoration: none !important; /* 移除下划线 */
    font-size: 16px !important; /* 稍微调大一点，使其更显眼而从容 */
    vertical-align: middle !important;
}

/* --- 16. 移除部分插件可能存在的红字警告色阴影 */
.wapf-wrapper .wapf-required {
    text-shadow: none !important;
}

/* --- 17. 强制下拉菜单和输入框变为品牌暗黑系 */
select, input[type="text"] {
    background-color: #0A0C0D !important; /* 墨黑底色 */
    color: #C5A059 !important; /* 哑金文字 */
    border: 1px solid #2C2C2C !important; /* 深炭灰边框 */
}
/* --- 18. 鼠标点击输入框时的发光颜色改为哑金 */
select:focus, input[type="text"]:focus {
    border-color: #C5A059 !important;
    outline: none !important;
}
/* --- 19. 下拉菜单展开后的底色 */
select option {
    background-color: #0A0C0D !important;
    color: #C5A059 !important;
}

/* ---20. 让变体下拉菜单前面的提示文字变成古帛色 */
table.variations th label {
    color: #F2EAD3 !important;
    font-size: 14px !important;
    text-transform: uppercase !important; /* 字母大写，增加高级感 */
}

/* ==========================================
   主理人终极表单排版：强行等宽 + 哑金文字
   ========================================== */

/* 1. 强制标签文字居中对齐、统一古帛色 */
table.variations th label,
.cart .product-input-fields label,
form.cart label {
    display: block !important;
    text-align: center !important;
    color: #F2EAD3 !important; /* 古帛色 */
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 10px !important;
    width: 100% !important;
}

/* 2. 剥离原生表格的多余边距，统一行为 */
table.variations tbody tr,
table.variations td,
table.variations th {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* 3. 【核心修复】直接锁定两个框：严格等宽，统一高度，强行居中 */
table.variations td.value select,
.cart .product-input-fields input[type="text"],
form.cart input[type="text"] {
    width: 100% !important; 
    max-width: 320px !important; /* 锁定绝对宽度，保证上下两个框像素级一样长！ */
    height: 45px !important; /* 统一高度，更显高档 */
    margin: 0 auto 15px auto !important; /* 完美居中 */
    display: block !important;
    box-sizing: border-box !important;
    
    /* 边框与底色 */
    background-color: #0A0C0D !important;
    border: 1px solid #2C2C2C !important;
    border-radius: 0 !important; /* 奢侈品冷峻直角 */
    
    /* 【颜色修复】选中的祈愿和输入的名字，全部变成哑金色！ */
    color: #C5A059 !important; 
    text-align: center !important; /* 输入的名字也居中显示 */
    text-align-last: center !important; /* 确保下拉菜单的文字居中 */
}

/* 下拉菜单点开后的选项列表文字，也统一为哑金 */
table.variations td.value select option {
    color: #C5A059 !important;
    background-color: #0A0C0D !important;
    text-align: center !important;
}

/* 鼠标点击时的激活状态发光效果 */
table.variations td.value select:focus,
.cart .product-input-fields input[type="text"]:focus,
form.cart input[type="text"]:focus {
    border-color: #C5A059 !important; /* 哑金色边框发光 */
    outline: none !important;
}

/*x 强制所有表单元素宽度 100% 且完全对齐 */
.cart-form-control, 
.variations_form select, 
.single_variation_wrap input,
#your-name-field, /* 替换为你实际的字段ID */
.wpcf7-form-control {
    width: 100% !important; /* 强制对齐 */
    box-sizing: border-box !important; /* 确保 padding 不会撑破容器 */
    margin: 0 !important;
}

/* 针对你祈愿表单的容器修复 */
.single_variation_wrap, .variations_form {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}

/* 修正选择框的宽度显示 */
select {
    width: 100% !important;
    padding: 10px !important;
}

/* 强制 Gallery 变为左右结构 */
.woocommerce-product-gallery {
    display: flex !important;
    flex-direction: row !important; /* 强制水平排列 */
}

/* 强制缩略图在左侧，宽度固定 */
.flex-control-thumbs {
    flex: 0 0 80px !important; /* 缩略图列宽度 */
    order: -1 !important;     /* 强制排在左边 */
    padding-right: 20px !important;
}

/* 强制主图在右侧，占据剩余空间 */
.woocommerce-product-gallery__wrapper {
    flex: 1 !important;
}

/* 隐藏原本尴尬的视频悬浮层或其他干扰项 */
.wd-gallery-video-btn {
    display: none !important;
}

.dao-book-glow {
    animation: breath 3s infinite ease-in-out;
}
@keyframes breath {
    0%, 100% { filter: drop-shadow(0 0 5px #C5A059); }
    50% { filter: drop-shadow(0 0 15px #C5A059); }
}

/* ========================================================= */
/* 1. 将页眉黑条重塑为极其高级的“淡淡半透明毛玻璃”效果 */
/* ========================================================= */
.whb-main-header,
.whb-row {
    background-color: rgba(10, 12, 13, 0.75) !important; /* 75%透明度的淡淡墨黑背景，不显沉闷 */
    backdrop-filter: blur(12px) !important; /* 顶级毛玻璃模糊，内容划过时隐约可见 */
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.12) !important; /* 底部一条极其微弱的哑金细线，分割版面 */
}

/* ========================================================= */
/* 2. 彻底解决非活动状态下“字体太暗”问题，改为温雅的霜月灰 */
/* ========================================================= */
.wd-nav[class*="wd-style-"] > li > a {
    color: #DDE2E5 !important; /* 默认呈现清晰的霜月灰 */
    opacity: 0.75 !important; /* 保持75%的中庸亮度，内敛不刺眼 */
    transition: all 0.3s ease !important;
}

/* ========================================================= */
/* 3. 鼠标悬停菜单，或者当前所在的活动页面，高亮为神圣哑金色 */
/* ========================================================= */
.wd-nav[class*="wd-style-"] > li > a:hover,
.wd-nav[class*="wd-style-"] > li.current-menu-item > a {
    color: #C5A059 !important; /* 变为高奢哑金 */
    opacity: 1 !important; /* 亮度全开 */
}

/* ========================================================= */
/* 4. 提升页眉右侧图标（账户、搜索、购物车）的亮度，与菜单完美协调 */
/* ========================================================= */
.whb-row .wd-tools-element > a {
    color: #DDE2E5 !important; /* 原生变为霜月灰 */
    opacity: 0.75 !important;  /* 保持与菜单一致的 75% 内敛亮度 */
    transition: all 0.3s ease !important;
}
.whb-row .wd-tools-element > a:hover {
    color: #C5A059 !important; /* 鼠标悬停变高奢哑金 */
    opacity: 1 !important;
}

/* =========================
   CHECKOUT GLOBAL COLORS
========================= */

/* 页面基础文字 */
.woocommerce-checkout,
.woocommerce-checkout p,
.woocommerce-checkout label,
.woocommerce-checkout span,
.woocommerce-checkout div,
.woocommerce-checkout li{
    color:#c8a45d !important;
}

/* 输入框文字 */
.woocommerce-checkout input,
.woocommerce-checkout textarea,
.woocommerce-checkout select{
    color:#f5e7c2 !important;
    background:transparent !important;
    border:1px solid rgba(200,164,93,.35) !important;
}

/* placeholder */
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder{
    color:rgba(200,164,93,.55) !important;
}

/* 下拉菜单 */
.select2-container--default .select2-selection--single{
    background:transparent !important;
    border:1px solid rgba(200,164,93,.35) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#f5e7c2 !important;
}

/* 必填星号 */
.woocommerce-checkout .required{
    color:#d4af37 !important;
}

/* =========================
   ORDER REVIEW 白色区域
========================= */

#order_review,
#order_review *{
    color:#111 !important;
}

/* 标题 */
#order_review h3{
    color:#000 !important;
}

/* 产品名 */
#order_review .product-name{
    color:#333 !important;
}

/* 小字说明 */
#order_review small,
#order_review .variation,
#order_review .wc-item-meta{
    color:#666 !important;
}

/* 金额 */
#order_review .amount,
#order_review .woocommerce-Price-amount{
    color:#b8860b !important;
    font-weight:600;
}

/* subtotal / total */
#order_review .order-total strong,
#order_review .cart-subtotal .amount{
    color:#b8860b !important;
}

/* payment box */
#payment{
    background:#f5f5f5 !important;
    color:#111 !important;
}

/* payment 文字 */
#payment p,
#payment label,
#payment li{
    color:#333 !important;
}

/* policy */
.woocommerce-privacy-policy-text,
.woocommerce-privacy-policy-text p{
    color:#666 !important;
}

/* place order 按钮 */
#place_order{
    background:#c8a45d !important;
    color:#fff !important;
    border:none !important;
}

#place_order:hover{
    background:#d4af37 !important;
}

