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

:root {
	--wd-text-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(110,109,104);
	--wd-text-font-size: 16px;
	--wd-title-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: rgb(44,43,41);
	--wd-entities-title-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(44,43,41);
	--wd-entities-title-color-hover: rgb(110, 109, 104);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(44,43,41);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #2C2B29;
	--wd-alternative-color: rgb(166,138,124);
	--btn-default-bgcolor: rgb(44,43,41);
	--btn-default-bgcolor-hover: rgb(166,138,124);
	--btn-accented-bgcolor: rgb(44,43,41);
	--btn-accented-bgcolor-hover: rgb(166,138,124);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(230,226,214);
	--notices-success-color: rgb(110,109,104);
	--notices-warning-bg: rgb(166,138,124);
	--notices-warning-color: rgb(249,247,242);
	--wd-link-color: rgb(44,43,41);
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--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-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 0px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(230,226,214);
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title, html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-family: "hkgroteskpro", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 56px;
	text-transform: capitalize;
	color: rgb(44,43,41);
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
html .btn.wd-switch-to-register {
	padding: 0 210px 0 210px;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title, html .post.wd-post:not(.blog-design-small) .wd-entities-title {
		font-size: 48px;
	}

}

@media (max-width: 768.98px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title, html .post.wd-post:not(.blog-design-small) .wd-entities-title {
		font-size: 32px;
	}

}
:root{
--wd-container-w: 1920px;
--wd-form-brd-radius: 0px;
--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: 1920px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

rs-slides :is([data-type=text],[data-type=button]) {
font-family: hkgroteskpro !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: hkgroteskpro !important;
}

.wd-page-title {
background-color: rgb(249,247,242);
}

@font-face {
	font-family: "hkgroteskpro";
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	src: url("//norrva.com/wp-content/uploads/2021/09/hkgroteskpro-regular.woff2") format("woff2"), 
url("//norrva.com/wp-content/uploads/2021/09/hkgroteskpro-regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	src: url("//norrva.com/wp-content/uploads/2021/09/hkgroteskpro-medium.woff2") format("woff2"), 
url("//norrva.com/wp-content/uploads/2021/09/hkgroteskpro-medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	src: url("//norrva.com/wp-content/uploads/2021/09/hkgroteskpro-bold.woff2") format("woff2"), 
url("//norrva.com/wp-content/uploads/2021/09/hkgroteskpro-bold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

.wd-copyrights {
    border-top: 0px !important;
    padding-top: 0px !important;
}

.widget {
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
}


/* Sticky header */
body .whb-sticked .whb-row {
    background-color: #FAFAFA !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.1); /* 加一点点阴影更高级 */
}
body .whb-sticked .wd-nav-main > li > a {
    color: #2C2B29 !important;
}
body .whb-sticked .wd-tools-icon {
    color: #2C2B29 !important;
}
body .whb-sticked .wd-tools-text {
    color: #2C2B29 !important;
}

/* 彻底隐藏产品页的数量加减框 */
.single-product form.cart .quantity {
    display: none !important;
}

/* 顺便让“加入购物车”按钮占满100%宽度，视觉更极简、冲击力更强 */
.single-product form.cart button.single_add_to_cart_button {
    width: 100% !important;
}

/* Page title banner overlay 
.wd-page-title-bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); 
    z-index: 1; 
}
.wd-page-title .container {
    position: relative;
    z-index: 10; 
}
*/

/* === 统一侧边栏/下拉菜单背景色为 #FAFAFA === */
/* 1. 针对我的账户下拉菜单 (My Account Dropdown) */
.wd-dropdown {
    background-color: #FAFAFA !important;
}

/* 2. 特殊处理用户下拉菜单里的列表项背景 (确保内层列表也是米色) */
.wd-dropdown-menu > li > a {
    background-color: transparent !important; /* 清除可能存在的背景色 */
}

/* 3. 确保列表中的文字颜色保持深色 (例如 #2C2B29) */
.wd-dropdown-menu > li > a,
.wd-dropdown-menu > li {
    color: #2C2B29 !important; 
}

/* 1. 针对购物车和登录侧边栏的主容器背景 */
.wd-side-hidden.wd-right,
.wd-side-widget,
.wd-side-widget .wd-heading,
.wd-side-widget .widget_shopping_cart {
    background-color: #FAFAFA !important;
}

/* 2. 购物车列表内容区域的背景 */
.shopping-cart-widget-body,
.shopping-cart-widget-footer {
    background-color: #FAFAFA !important;
}

/* 3. 确保登录表单等内容区域的背景 */
.login-form-side {
    background-color: #FAFAFA !important;
}

/* 4. 确保列表文字和标题颜色为深色 #2C2B29 (如果它们变白了) */
.wd-side-widget .title,
.wd-side-widget .woocommerce-mini-cart__total strong,
.wd-side-widget .wd-entities-title,
.wd-side-widget .woocommerce-Price-amount {
    color: #2C2B29 !important;
}

/* 移动端底部导航栏 (Mobile Bottom Navbar)*/

/* 1. 强制设置背景色为 #fafafa */
.wd-toolbar {
    background-color: #FAFAFA !important;
    border-top: 1px solid #E6E1D8 !important; /* 加一条极淡的顶部分割线，增加精致感 */
}

/* 2. 设置图标和文字颜色为深炭灰 #2C2B29 */
.wd-toolbar .wd-toolbar-item > a,
.wd-toolbar .wd-toolbar-item .wd-tools-icon,
.wd-toolbar .wd-toolbar-item .wd-toolbar-label {
    color: #2C2B29 !important;
}

/* 3. 设置购物车数字气泡的颜色 */
.wd-toolbar .wd-tools-count {
    background-color: #2C2B29 !important; /* 气泡背景色设为深炭灰 */
    color: #F9F7F2 !important; /* 气泡内的数字颜色设为浅米色 */
}

/* 4. 确保选中项的颜色依然是深炭灰 */
/* WoodMart 可能会给选中项加 active 类 */
.wd-toolbar .wd-toolbar-item.wd-active .wd-tools-icon,
.wd-toolbar .wd-toolbar-item.wd-active .wd-toolbar-label {
    color: #2C2B29 !important;
    font-weight: 600 !important; /* 选中文字稍微加粗 */
}

/* 仅针对登录/注册界面的切换按钮实现 100% 响应式全宽 */
a.wd-switch-to-register {
    display: block !important; 
    width: 100% !important; 
    padding: 0 !important; /* 核心绝杀：彻底杀掉左右内边距，iOS 再也没有多余的像素可以溢出 */
    height: 42px !important; /* 同步你在 CSS 变量中 --wd-form-height 的标准高度 */
    line-height: 42px !important; /* 替代 flex，强行让文字完美垂直居中 */
}

.grecaptcha-badge {
    visibility: hidden !important;
    opacity: 0 !important;
    display: none !important;
}

/* =========================================
   WCML 货币切换器
========================================= */

/* 1. 彻底扒光外层的冗余样式 */
.whb-header .wcml_currency_switcher,
.whb-header .wcml-dropdown,
.whb-header .wcml-dropdown ul,
.whb-header .wcml-dropdown ul li.wcml-cs-active-currency {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
}

/* 2. 主文字（USD）基础排版 - 瘦身回归版 */
.whb-header .wcml-dropdown ul li a.wcml-cs-item-toggle {
    border: none !important;
    letter-spacing: 1px !important; /* 稍微拉开一点点字母间距，更有奢侈品质感 */
}

/* 3. 【核心修复】未滚动时（深色背景）：文字为纯白 */
.whb-header:not(.whb-sticked) .wcml-dropdown ul li a.wcml-cs-item-toggle {
    color: #FAFAFA !important;
}

/* 4. 【核心修复】往下滚动吸顶时（白色背景）：文字自动变深灰 */
.whb-sticked .wcml-dropdown ul li a.wcml-cs-item-toggle {
    color: #2C2B29 !important;
}

/* =========================================
   👑 产品参数平铺方案 👑
   逻辑：保留属性数据结构，强行抹去抽屉交互，视觉完全平铺
   ========================================= */

/* 1. 强制让手风琴的内容区域保持打开、可见、高度自适应，并排开 */
.wd-accordion-content {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    border: none !important;
    background: none !important;
}

/* 2. 隐藏标题右侧的 ∨ 或 + 箭头（因为它现在不能折叠了，留着箭头会误导客户） */
.wd-accordion-title .wd-accordion-opener {
    display: none !important;
}

/* 3. 禁止客户点击标题（防止他们点一下又触发折叠的错乱动画），让标题像一个普通的文本标题 */
.wd-accordion-title {
    pointer-events: none !important;
    cursor: default !important;
    background: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 4. 彻底干掉 Description 和 Additional information 上下自带的所有边框线 */
.woocommerce-tabs .wd-accordion-item,
.woocommerce-tabs .wd-accordion-title {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* 5. 隐藏多余的标题，让正文直接开始，更加高冷 */
#tab-item-title-description {
    display: none !important;
}
#tab-item-title-additional_information {
    display: none !important;
}

/* =========================================
   重构Single product Additional information 属性表格
   ========================================= */

/* 1. 隐藏虚线、实线边框和底色 */
.woocommerce-product-attributes,
.woocommerce-product-attributes tr,
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
    border: none !important;
    border-bottom: none !important;
    border-top: none !important;
    background: transparent !important;
}

/* 2. 强行统一字体！让它和普通的 <p> 段落完全一样 */
.woocommerce-product-attributes th,
.woocommerce-product-attributes td,
.woocommerce-product-attributes td p {
    font-family: inherit !important; /* 继承网站正文字体 */
    font-size: 15px !important; /* WoodMart 默认的 <p> 大小，若觉得大可改为 14px */
    font-weight: 400 !important; /* 核心：去掉左侧黑粗体，变成普通粗细 */
    color: var(--wd-text-color, #777777) !important; /* 继承段落的灰黑色 */
    text-transform: none !important;
    line-height: 1.6 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* 强行替换结账页的 Billing & Shipping 标题 */
.woocommerce-billing-fields > h3 {
    visibility: hidden !important; /* 隐藏原有的丑标题 */
    position: relative !important;
}
.woocommerce-billing-fields > h3::after {
    content: "DELIVERY DETAILS" !important; /* 你想要的新标题 */
    visibility: visible !important; /* 让新标题显形 */
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
}

/* 弱化结账页的专属验证码提示语 */
.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
    font-weight: 400 !important; /* 强制取消加粗，恢复正常粗细 */
    color: #333333 !important; /* 顺便把它调成深灰色，降低视觉权重 */
}@media (min-width: 1025px) {
	/* payments and copyright */
.wd-copyrights.wd-layout-two-columns .wd-grid-g {
	position: relative;
	display: flex;
	align-items: center;
}

.wd-copyrights .wd-col-end {
	text-align: left;
}

.wd-copyrights .wd-col-start {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.cart-widget-side {
    width: 400px !important; /* 调到 450px 会显得非常大气，适合展示精美首饰 */
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	/* 只隐藏产品格子项图片上的加购按钮 */
.product-grid-item .wd-add-btn.wd-add-btn-replace {
    display: none !important;
}

/* 只隐藏产品格子项图片右上角的操作按钮（如收藏、对比） */
.product-grid-item .wd-buttons.wd-pos-r-t {
    display: none !important;
}

.cart-widget-side {
    width: 400px !important; /* 调到 450px 会显得非常大气，适合展示精美首饰 */
}
}

@media (min-width: 577px) and (max-width: 767px) {
	/* 只隐藏产品格子项图片上的加购按钮 */
.product-grid-item .wd-add-btn.wd-add-btn-replace {
    display: none !important;
}

/* 只隐藏产品格子项图片右上角的操作按钮（如收藏、对比） */
.product-grid-item .wd-buttons.wd-pos-r-t {
    display: none !important;
}
}

@media (max-width: 576px) {
	/* 只隐藏产品格子项图片上的加购按钮 */
.product-grid-item .wd-add-btn.wd-add-btn-replace {
    display: none !important;
}

/* 只隐藏产品格子项图片右上角的操作按钮（如收藏、对比） */
.product-grid-item .wd-buttons.wd-pos-r-t {
    display: none !important;
}

/* =========================================
   移动端 Footer 极简并排排版
   ========================================= */
.footer-sidebar {
    display: flex !important;
    flex-wrap: wrap !important;
}
/* 👑 第 2 列 (Customer Care) 和 第 3 列 (Information)：强行 50% 并排 */
.footer-sidebar .footer-column-2, 
.footer-sidebar .footer-column-3 {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 47% !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.cart-widget-side {
    width: 90vw !important; /* 使用 vw (屏幕宽度百分比) 更有弹性，建议 80-85% */
    max-width: 350px !important; /* 设定一个最大上限，防止在超大屏手机上太突兀 */
}
}

