/*
Theme Name: Woodmart Child  
Theme URI: https://fraudoll.com
Description: Child theme for customizing styles and layouts
Author: admin
Template: woodmart
Version: 1.0
*/

.tm-extra-product-options ul.tmcp-ul-wrap.tm-element-ul-radio,
.tm-extra-product-options ul.tmcp-ul-wrap.tm-element-ul-checkbox {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

@media ((max-width: 1024px) and (min-width: 768px)) {
  .tm-extra-product-options ul.tmcp-ul-wrap.tm-element-ul-radio,
  .tm-extra-product-options ul.tmcp-ul-wrap.tm-element-ul-checkbox {
    grid-template-columns: repeat(4, 1fr);
  }
}

.tm-extra-product-options .tmcp-field-wrap.tc-active.tc-mode-text,
.tm-extra-product-options .tmcp-field-wrap.tc-active .tc-label-wrap .tc-image,
.tm-extra-product-options .tc-epo-element-product-thumbnail.tc-active {
  border-color: var(--wd-primary-color) !important;
}
.tm-extra-product-options .tmcp-field-wrap.tc-active .tc-label-wrap .tc-image {
  border-radius: 3px;
}
.tc-image, .tm-extra-product-options .tmcp-field-wrap .tc-label-wrap .tc-image, .tm-extra-product-options .tc-epo-element-product-thumbnail {
  transition: all 0.3s ease-in-out;
}

.tc-mode-normal .tc-label-wrap {
  border: 2px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
  padding: 10px;
  border-radius: 3px;
  height: 100%;
  text-align: center;
}

.tc-mode-text {
  border: 2px solid rgba(0, 0, 0, 0.1);
}

.tc-mode-text.tc-active {
  border-color: var(--wd-primary-color);
}

.tc-mode-normal.tc-active .tc-label-wrap {
  border-color: var(--wd-primary-color);
}

.tc-mode-normal.tm-per-row,
.tc-mode-normal.tm-per-row .tm-epo-field-label {
  height: 100%;
}

.tc-mode-normal .tc-label-inner {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.tc-mode-normal .tc-input-wrap {
  display: none;
}

.tm-extra-product-options .tc-epo-label {
  font-size: 16px !important;
  color: #222;
  font-weight: bold;
}

.whb-col-1 .wd-header-html {
  width: 100%;
}

.prodcut_args {
  display: grid;
  gap: 10px;
  /* 默认两列，若子元素≥3则自动变为三列 */
  /* grid-template-columns: repeat(auto-fit, minmax(min(100%/2, max(200px, 100%/3)), 1fr)); */
  grid-template-columns: repeat(2, 1fr);
}

.prodcut_args:has(> :nth-child(3)) {
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 768px) {
  .prodcut_args {
    grid-template-columns: 1fr !important;
  }
  html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount {
    font-size: 14px !important;
  }
  .wd-tools-element .wd-tools-icon:before {
    font-size: 25px !important;
  }
  .wd-nav-mobile>li>a {
    font-size: 16px !important;
  }
  .elementor-104393 .elementor-element.elementor-element-12c1e7f1 > .elementor-element-populated {
    margin: 0 !important;
  }
  .wd-accordion.wd-style-default>.wd-accordion-item:first-of-type .wd-accordion-title{
    padding-top: 0 !important;
  }
  .attachment-84x84 {
    width: 84px !important;
    aspect-ratio: 1 / 1;
  }
  footer .wd-sub-menu li>a {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  form .wd-buy-now-btn {
    margin-top: 10px !important;
  }
}

footer .wd-list-content.list-content {
  color: var(--wd-link-color);
}
.wd-post-cat.wd-style-with-bg.meta-post-categories {
  color: #666 !important;
  font-weight: 500 !important;
}
.prodcut_args .fw-bold {
  font-weight: bold;
  list-style: none;
  color: #333;
  font-size: 18px;
  margin-left: -20px;
}
.product_desc {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  position: relative;
  margin-top: 20px;
  --wd-col-lg: 3; /* 大屏列数 */
  --wd-col-md: 3; /* 中屏列数 */
  --wd-col-sm: 2; /* 小屏列数 */
  --wd-gap-lg: 6px; /* 大屏间距 */
  --wd-gap-md: 6px; /* 中屏间距 */
  --wd-gap-sm: 6px; /* 小屏间距 */
  transition: all 0.3s ease;
}

.product_desc a {
  overflow: hidden;
  border-radius: 3px;
}

/* 响应式布局调整 */
@media (max-width: 1200px) {
  .product_desc {
    --wd-col-lg: 3;
  }
}

@media (max-width: 992px) {
  .product_desc {
    --wd-col-lg: 2;
  }
}

@media (max-width: 576px) {
  .product_desc {
    --wd-col-lg: 2;
  }
}

.product_desc .wd-gallery-item {
  overflow: visible !important;
}

.wd-gallery-item a:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.wd-gallery-item a:hover img {
  scale: 1.02;
}

.product_desc img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

@media (max-width: 768px) {
  .tm-extra-product-options ul.tmcp-ul-wrap.tm-element-ul-radio,
  .tm-extra-product-options ul.tmcp-ul-wrap.tm-element-ul-checkbox {
    grid-template-columns: repeat(3, 1fr);
  }
  .product_desc {
    grid-template-columns: repeat(2, 1fr);
  }
  .mc4wp-form-fields {
    max-width: 100% !important;
  }
}

.single_add_to_cart_button,
.wd-buy-now-btn,
.mc4wp-form input[type="submit"],
.comment-form .submit,
.wd-empty-mini-cart .btn,
.wd-empty-page-text + .return-to-shop .button,
button[name="save_account_details"],
button[name="save_address"],
.cookies-buttons .cookies-accept-btn,
.woocommerce-mini-cart__buttons .checkout,
body:not(.woocommerce-block-theme-has-button-styles)
  :is(div.wc-block-checkout, div.wc-block-cart)
  .wc-block-components-button:not(.is-link).wp-element-button,
td:is(.product-btn, .woocommerce-orders-table__cell-order-actions) a,
.wd-wishlist-back-to-lists,
.wd-wishlist-save-btn,
.wd-wishlist-create-group-btn {
  background-color: var(--wd-primary-color) !important;
}

.default-color {
  color: var(--wd-primary-color) !important;
}

@media (min-width: 1025px) {
  /* .wd-product.wd-hover-buttons-on-hover:not(:is(.quick-shop-shown,.wd-loading)):is( :hover,.wd-variation-active) :is( .product-element-bottom,.wd-product-grid-slider-pagin) {
        transform: translateY(0px) !important;
    }
	
	.wd-product.wd-hover-buttons-on-hover .product-element-top {
        clip-path: inset(0) !important;
        transition: none !important;
    } */

  .wd-product.wd-hover-buttons-on-hover .product-wrapper:hover {
    transform: translateY(-0px) !important;
  }

  .wd-product.wd-hover-buttons-on-hover:not(
      :is(.quick-shop-shown, .wd-loading)
    ):is(:hover, .wd-variation-active)
    .wd-product-footer {
    opacity: 0 !important;
    visibility: visible;
  }
  .wd-add-cart-icon,
  .wd-quick-view-icon,
  .wd-compare-icon,
  .wd-add-btn-replace {
    display: none !important;
  }
  .wd-action-btn.wd-style-icon > a {
    width: 35px !important;
    height: 35px !important;
  }
  .wd-product.wd-hover-icons .wd-buttons .wd-action-btn {
    width: auto !important;
  }
  .wd-product.wd-hover-icons .wd-buttons {
    padding: 0 0 !important;
  }

  .wd-products.wd-stretch-cont-lg .product-wrapper {
    padding: 0 0 !important;
  }
  .wd-term-desc {
    margin-top: 0;
  }
  .product-element-bottom {
    padding: var(--wd-prod-bg-sp);
    text-align: left;
  }

  /* .wd-nav.wd-nav-header {
    gap: 30px !important;
  } */
}
.wd-social-icons.wd-style-colored {
  gap: 5px !important;
  right: 0 !important;
}
.wd-social-icons > a {
  border-radius: 20px !important;
}
.wd-sub-menu li > a .menu-label {
  bottom: 2px;
  border-radius: 10px;
  padding: 0 5px;
  white-space: nowrap;
  line-height: 1.5;
  font-size: 10px;
  margin-top: 2px !important;
  margin-inline-start: 5px !important;
  text-transform: none !important;
}

.wd-sub-menu li > a .menu-label:before {
  content: none !important;
}

.whb-main-header {
  /* box-shadow: 1px 2px 8px #22222212 !important; */
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.12) !important;
}

footer .elementor-widget-container .wd-sub-menu .item-with-label .sub-sub-menu {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}

.blog-design-masonry.blog-style-bg .wd-post-thumb, .blog-design-masonry.blog-style-bg .wd-post-thumb .post-img-wrapp {
	aspect-ratio: 16 / 9;
}

.blog-design-masonry.blog-style-bg .wd-post-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.blog-design-masonry .wd-post-excerpt{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-design-masonry {
    --wd-post-align: left !important;
}
.wd-post-author {
  display: none !important;
}
.blog-design-masonry .wd-post-cat {
  margin-top: auto !important;
}

.wd-post-cat.wd-style-with-bg {
  background-color: transparent !important;
  --wd-link-color: #a5a5a5 !important;
  --wd-link-color-hover: #a5a5a5 !important;
  text-transform: none !important;
  font-size: 13px !important;
  padding: 0 !important;
}

.wd-post-meta .wd-post-share::after, .wd-post-reply.wd-style-1 a:after {
  color: white !important;
}
.wd-post .wd-post-meta {
  position: absolute;
  top: -35px;
  right: 20px;
}

.blog-content img, .blog-content iframe, .blog-content video {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.blog-content video {
  aspect-ratio: 16 / 9;
  margin: 20px !important;
  width: calc(100% - 40px) !important;
  height: 100%;
}

.blog-content .images-gallery {
  margin: 20px !important;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
 
}

.images-gallery p{
  width: 100%;
  text-align: center !important;
}

.wd-post-read-more.wd-style-link {
	font-size: 13px !important;
}

.wd-content-area:has(.term-description) {
	display: grid;
}

.wd-content-area .term-description {
	order: 3;
}


@media (max-width: 768px) {
	.wd-header-html {
    	padding-inline: 0px !important;
	}
  .wd-add-cart-icon {
    display: none !important;
  }
  .foot-menu-title {
    background-color: #f2f3f6;
    padding: 10px;
  }

  footer .item-with-label a {
    padding-left: 10px;
  }
  .foot-menu-title::after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>')
      center / contain no-repeat;
    vertical-align: middle;
    transition: transform 0.3s ease;
    position: absolute;
    right: 5px;
    color: gray;
  }
  .transform-rotate-180 .foot-menu-title::after {
    transform: rotate(180deg);
  }

  .elementor-38385 .elementor-element.elementor-element-16f5da12 {
    margin-top: 10px;
  }

  footer .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 5px !important;
  }
  .home #main-content {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 768px) {
  #option {
    position: sticky;
    top: calc(var(--wd-top-bar-h) + var(--wd-header-general-h) + 10px);
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    width: fit-content;
    padding: 10px;
  }
  #option .sub-sub-menu li {
    border-bottom: solid 1px #dfdfdf80;
    padding-block: 2px;
  }
  #option .sub-sub-menu li>a {
    color: #1d1717 !important;
  }
  #option .sub-sub-menu li>a:hover {
    opacity: 0.8;
  }
  footer
    .elementor-widget-container
    .wd-sub-menu
    .item-with-label
    .sub-sub-menu {
    max-height: 600px;
  }
  .whb-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
  }
  .wd-page-content {
    /* margin-top: calc(var(--wd-top-bar-h) + var(--wd-header-general-h) - 30px); */
    margin-top: calc(var(--wd-top-bar-h) + var(--wd-header-general-h));
  }

}
footer
  .elementor-widget-container
  .wd-sub-menu
  .item-with-label
  .sub-sub-menu.max-h-0 {
  max-height: 0 !important;
  overflow: hidden;
}
footer
  .elementor-widget-container
  .wd-sub-menu
  .item-with-label
  .sub-sub-menu.max-h-600 {
  max-height: 600px !important;
}
div>:has(.product-info) video {
  aspect-ratio: 16 / 9;
  height: auto;
  width: 100%;
}
.elementor-lightbox .elementor-lightbox-item {
  padding: 10px !important;
}

.elementor.elementor-91582 {
  width: 0;
  height: 0;
  display: none !important;
}
a.wd-entities-title:hover, .wd-entities-title a:hover {
    color: var(--wd-primary-color) !important;
}
.products-footer .wd-load-more{
  border-color: var(--wd-primary-color) !important;
  color: var(--wd-primary-color) !important;
}
.wd-sub-menu>.item-with-label>a:hover {
  color: #222 !important;
  cursor:default;
}
.woodmart-nav-link {
  cursor: pointer;
}
.wp-block-woocommerce-cart-line-items-block .wc-block-components-product-metadata__description,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-metadata__description {
  display: none;
}
.wd-nav>li:is(.wd-has-children,.menu-item-has-children)>a:after {
  color: #000 !important;
  margin-top: 5px !important;
  margin-inline-start: 7px !important;
  content: '' !important;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  border-color: #000 transparent transparent transparent;

}
.wd-type-post .wd-suggestion-thumb img {
  aspect-ratio: 16 / 10;
  height: auto;
  width: 100%;
  object-fit: cover;
}
.wd-post-title a {
  display: -webkit-box;
    -webkit-line-clamp: 2;
    height: 3em;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wd-product :is(.wd-product-cats,.wd-product-brands-links) {
  color: #999 !important;
  font-size: 14px;
}

.wd-accordion.wd-style-default > .wd-accordion-item:first-of-type, .wd-accordion.wd-style-default > .wd-nav-wrapper + .wd-accordion-item {
  border-top: 0 !important;
}

footer .info-b a:hover, footer .wd-sub-menu li>a:hover{ 
  color: var(--wd-primary-color) !important;
}


/* .wd-nav[class*="wd-style-underline"]>li:is(:hover,.current-menu-item,.wd-active,.active)>a{
  background: #fff;
  color: #000 !important;
} */
 .wd-nav:where(.wd-style-bg) {
  gap: 0px !important;
 }
 .wd-nav.wd-style-bg>li>a:before {
  border-radius: 0 !important;
 }
 .wd-nav.wd-style-bg>li:is(:hover,.wd-opened,.current-menu-item)>a {
  color: #000 !important;
 }
 .wd-nav.wd-style-bg>li:is(:hover,.wd-opened,.current-menu-item):is(.wd-has-children,.menu-item-has-children)>a:after {
  border-color: #000 transparent transparent transparent;
 }
.table-title {
  font-size: 14px !important;
  font-weight: 600 !important;
}
.was-box h3, .faq-box h2{
  font-size: 24px !important;
}
header .wd-nav>li>a {
  min-height: 50px !important;
}
.whb-flex-flex-middle .whb-col-center {
  flex: none !important;
}
header [class*="wd-header-search-form"] {
  width: 500px !important;
}
.blog-design-masonry .wd-post-excerpt {
  color: #101010;
}
.wd-products-element .wd-nav-arrows[class*="wd-hover"].wd-pos-sep .wd-btn-arrow {
  opacity: 1 !important;
  transform: translateX(0px) !important;
}

.term-description {
  margin-top: 30px !important;
  font-size: 14px !important;
}
.term-description h1, .term-description h2, .term-description h3 {
  font-size: 18px !important;
}
.h1-box .e-con-inner {
  gap: 0px !important;
}
.disese-box .e-con-inner {
  gap: 5px !important;
}
.was-box .e-con-inner {
  gap: 0px !important;
}
.wd-set-mb>.liner-continer {
  margin-bottom: 15px !important;
}
.wd-tabs.tabs-design-default:not(.wd-header-with-bg) {
  gap: 20px !important;
}
.blog-box .e-con-inner{
  gap: 10px !important;
}
.wd-title-style-underlined .liner-continer {
  border-width: 1px !important;
}
.wd-title-style-underlined .title {
  border-width: 1px !important;
  margin-bottom: -1px !important;
}
.product-wrapper {
  text-align: left !important;
}

.wd-product.wd-hover-quick .wd-add-btn {
  display: none !important;
}
.brand-list .wd-image {
  border: 1px solid rgba(0,0,0,0.105);
  border-radius: 10px;
  padding: 10px;
}
.disese-box .e-grid {
  padding: 0 !important;
}

.elementor-38385 .elementor-element.elementor-element-2760867d, .elementor-38385 .elementor-element.elementor-element-1b65bc2f {
  border: 0 !important;
}
.single_add_to_cart_button.button {
  background: transparent !important;
  color: var(--wd-primary-color) !important;
  border: 1px solid var(--wd-primary-color) !important;
}

.wd-title-style-underlined .liner-continer {
  border-width: 0px !important;
}
.wd-title-style-underlined .title {
  border-width: 0px !important;
  padding-bottom: 0px !important;
}

table {
  overflow: auto;
  width: 100%;
}
table::-webkit-scrollbar {
  display: none !important;
}
@media (max-width: 768.98px) {
  form.woocommerce-ordering.wd-ordering-mb-icon select option {
    color: var(--color-gray-900) !important;
  }
}

.unsere-box .wd-info-box :is(.info-box-subtitle,.info-box-title,.info-box-inner):not(:first-child) {
  height: 45px;
}
.unsere-box .elementor .btn {
	border-radius: 4px;
	text-transform: none;
}