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

:root {
	--wd-header-banner-h: 40px;
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(40,40,40);
	--wd-text-font-size: 16px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(0,0,0);
	--wd-entities-title-color-hover: rgb(40, 40, 40);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: inherit;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: inherit;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(229,229,229);
	--btn-accented-bgcolor-hover: rgb(229,229,229);
	--btn-accented-color: rgb(0,0,0);
	--btn-accented-color-hover: rgb(0,0,0);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
div.wd-popup.wd-age-verify {
	max-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
div.wd-popup.wd-promo-popup {
	max-width: 800px;
}
.page-title-default {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: repeat-x;
	background-size: cover;
	background-position: left center;
}
.footer-container {
	background-color: #ffffff;
	background-image: none;
}
html .wd-buy-now-btn {
	color: rgb(255,255,255);
	background: rgb(221,51,51);
}
html .wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(0,0,0);
}
.product-labels .product-label.onsale {
	background-color: rgb(221,51,51);
}
.product-labels .product-label.new {
	background-color: rgb(60,193,75);
}
.product-labels .product-label.featured {
	background-color: rgb(242,148,55);
}
div.wd-popup.popup-quick-view {
	max-width: 920px;
}

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

}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--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: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

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

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


.product-labels {
    display: none !important;
}

.quantity {
    display: flex;
    align-items: center;
    justify-content: center;
}

.quantity input[type="button"] {
    width: 40px; /* 增大按钮尺寸 */
    height: 40px;
    background-color: #f0f0f0; /* 按钮默认背景颜色 */
    border: 1px solid #ddd; /* 边框 */
    color: #333; /* 字体颜色 */
    font-size: 20px; /* 增加字体大小 */
    cursor: pointer;
    text-align: center;
   
    transition: all 0.3s ease; /* 平滑过渡效果 */
    line-height: 1; /* 确保文字居中 */
}

.quantity input[type="button"]:hover {
    background-color: #007cba; /* 悬停时的背景颜色 */
    color: white; /* 悬停时的字体颜色 */
    transform: scale(1.1); /* 悬停时稍微放大按钮 */
}

.quantity .input-text.qty {
    width: 60px; /* 数字输入框的宽度 */
    text-align: center; /* 数字居中 */
    border: 1px solid #ddd; /* 边框 */
    margin: 0 10px; /* 按钮和输入框之间的间距 */
    font-size: 16px;
    padding: 10px; /* 内边距，让框看起来更大 */
    border-radius: 0px; /* 圆角边框 */
    transition: border-color 0.3s ease; /* 边框颜色变化 */
}

.quantity .input-text.qty:focus {
    border-color: #007cba; /* 聚焦时改变边框颜色 */
    outline: none; /* 去掉默认的聚焦轮廓 */
}

@media (max-width: 768px) {
    .quantity input[type="button"] {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }

    .quantity .input-text.qty {
        width: 50px;
    }
}
.quantity {
    display: flex;
    align-items: left;
    justify-content: left;

    width: 100%;          /* 占满整行 */
    margin: 20px 0;       /* 上下留白 */
    flex-wrap: nowrap;    /* 避免换行 */
}
/* 通用按钮容器样式 */
.buy-buttons-wrapper {
    display: flex;
    width: 100%;
    gap: 10px;
    margin-top: 10px;
}

.buy-buttons-wrapper .single_add_to_cart_button,
.buy-buttons-wrapper .wd-buy-now-btn {
    flex: 1;
    box-sizing: border-box;
    margin: 0 !important;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    border-radius: 2px;
}

/* ✅ Add to cart 样式 */
.buy-buttons-wrapper .single_add_to_cart_button {
    background-color: transparent;
    border: 1px solid black;
    color: black;
    transition: all 0.3s ease;
}

/* 鼠标悬停时的 add to cart 样式 */
.buy-buttons-wrapper .single_add_to_cart_button:hover {
    background-color: black;
    color: white;
}

/* ✅ Buy Now 样式（默认红色背景） */
.buy-buttons-wrapper .wd-buy-now-btn {
    background-color: #e53935; /* 红色，也可以换成你想要的色值 */
    border: none;
    color: white;
    transition: all 0.3s ease;
}

/* Buy Now 悬停样式（可选） */
.buy-buttons-wrapper .wd-buy-now-btn:hover {
    opacity: 0.9;
}

/* ✅ 移动端按钮变成上下排 */
@media (max-width: 768px) {
    .buy-buttons-wrapper {
        flex-direction: column;
    }

    .buy-buttons-wrapper .single_add_to_cart_button,
    .buy-buttons-wrapper .wd-buy-now-btn {
        width: 100%;
        margin: 5px 0 !important;
    }
}


.buy-buttons-wrapper {
    display: flex;
    width: 100%;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.cfvsw-product-page table.variations .label label {
    margin-top: 20px;
    margin-bottom: 20px;
}



/* 默认样式：未选中 */
.cfvsw-swatches-container .cfvsw-swatches-option {
    background-color: initial; /* 保留默认背景颜色 */
    color: initial;            /* 保留默认字体颜色 */
}

/* 选中样式 */
.cfvsw-swatches-container .cfvsw-selected-swatch {
    background-color: black !important;  /* 选中背景颜色 */
    color: white !important;             /* 选中字体颜色 */
    border: 2px solid black !important;  /* 可选：突出边框 */
    transition: all 0.3s ease;           /* 动态过渡效果 */
}


.wcpr-grid-item,
.wcpr-grid-item *,
.wcpr-content,
.review-content-container,
.review-content-container *,
.reviews-images-container,
.reviews-images-container * {
    background-color: transparent !important;
	}

.wcpr-grid:not(.wcpr-grid-loadmore) .wcpr-grid-item
{
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}



.woocommerce-checkout .form-row .description {
    font-size: 13px;
    color: #666;
    margin-top: 4px;
}


/* Hide author name from blog posts and single post pages */
.post-meta .meta-author,
.entry-meta .author,
.post-author,
.byline,
.meta-author-link,
.wd-post-author,
.woodmart-post-author,
.post-meta .posted-by {
    display: none !important;
}

/* Hide author box in blog posts */
.elementor-widget-author-box,
.elementor-author-box {
    display: none !important;
}


/* WinProKeys Blog Grid Layout v3 */

/* === Blog Page Header === */
.page-title-default { background: linear-gradient(135deg, #0078D4 0%, #005A9E 100%) !important; padding: 40px 0 !important; }
.page-title-default h1 { color: #fff !important; font-size: 32px !important; font-weight: 700 !important; }
.page-title-default .breadcrumbs { color: rgba(255,255,255,0.7) !important; }
.page-title-default .breadcrumbs a { color: rgba(255,255,255,0.9) !important; }

/* === Grid Container === */
.elementor-posts-container.elementor-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
}

/* === Card Style === */
.elementor-posts-container .elementor-post {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06) !important;
  transition: all 0.3s ease !important;
  background: #fff !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid #f0f0f0 !important;
}
.elementor-posts-container .elementor-post:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 40px rgba(0,120,212,0.12), 0 8px 16px rgba(0,0,0,0.08) !important;
  border-color: #0078D4 !important;
}

/* === Thumbnail === */
.elementor-posts-container .elementor-post__thumbnail {
  height: 200px !important;
  overflow: hidden !important;
  position: relative !important;
}
.elementor-posts-container .elementor-post__thumbnail img {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  transition: transform 0.3s ease !important;
}
.elementor-posts-container .elementor-post:hover .elementor-post__thumbnail img {
  transform: scale(1.05) !important;
}

/* === Text Area === */
.elementor-posts-container .elementor-post__text {
  padding: 20px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* === Category Badge === */
.elementor-posts-container .elementor-post__badge,
.elementor-posts-container .elementor-post-categories a {
  background: #0078D4 !important;
  color: #fff !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  display: inline-block !important;
  margin-bottom: 10px !important;
}

/* === Title === */
.elementor-posts-container .elementor-post__title,
.elementor-posts-container .elementor-post__title a {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #1a1a2e !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin-bottom: 8px !important;
  transition: color 0.2s !important;
}
.elementor-posts-container .elementor-post:hover .elementor-post__title a {
  color: #0078D4 !important;
}

/* === Excerpt === */
.elementor-posts-container .elementor-post__excerpt {
  font-size: 13px !important;
  color: #666 !important;
  line-height: 1.6 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  flex: 1 !important;
}

/* === Meta (date, author) === */
.elementor-posts-container .elementor-post__meta-data {
  font-size: 12px !important;
  color: #aaa !important;
  padding-top: 12px !important;
  margin-top: auto !important;
  border-top: 1px solid #f5f5f5 !important;
}

/* === Read More Button === */
.elementor-posts-container .elementor-post__read-more {
  color: #0078D4 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  margin-top: 12px !important;
}
.elementor-posts-container .elementor-post__read-more:hover {
  color: #005A9E !important;
}

/* === Sidebar Cleanup === */
.sidebar-area .widget {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid #f0f0f0 !important;
  margin-bottom: 20px !important;
}
.sidebar-area .widget-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1a1a2e !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid #0078D4 !important;
  margin-bottom: 16px !important;
}

/* === Pagination === */
.page-numbers {
  background: #f5f5f5 !important;
  color: #333 !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  font-weight: 600 !important;
  transition: all 0.2s !important;
}
.page-numbers.current, .page-numbers:hover {
  background: #0078D4 !important;
  color: #fff !important;
}

/* === Responsive === */
@media (max-width: 768px) {
  .elementor-posts-container.elementor-grid { grid-template-columns: 1fr !important; }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .elementor-posts-container.elementor-grid { grid-template-columns: repeat(2, 1fr) !important; }
}