/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.1
 Text Domain:  woodmart
*/

.wd-header-main-nav {
  height: 100%;
}

.wd-nav-main {
  height: 100%;
}

.wd-dropdown {
  margin-top: 0;
}
.wd-nav[class*="wd-style-underline"] .nav-link-text:after {
  top: unset;
  bottom: 0;
  height: 4px;
}
.wd-header-nav,
.site-logo {
  padding-inline: 35px;
}

.wd-nav > li > a {
  height: 100% !important;
  line-height: var(--wd-header-general-h);
}

.wd-nav[class*="wd-style-underline"] .nav-link-text {
  padding-block: 0;
  line-height: var(--wd-header-general-h);
}

.wd-product :is(.product-image-link, .hover-img) img {
  object-fit: cover !important;
  height: 100% !important;
}

@media (max-width: 576px) {
  .wd-product :is(.product-image-link, .hover-img) img {
    height: 210px;
  }
}

.wd-swatch {
  border: 1px solid #666 !important;
}
a.btn.btn-size-small.btn-color-primary.wc-backward {
  visibility: hidden;
  position: relative;
}
a.btn.btn-size-small.btn-color-primary.wc-backward:after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  content: "Quay lại mua sắm";
}

.single-product-page .product-labels.labels-rectangular .new.product-label {
  left: -30px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.single-product-page .product-labels {
  height: 40px;
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  justify-content: center;
  top: 0;
}

.copyrights-wrapper {
  background-color: #222222;
  border: none;
}

.df-ui-nav .df-ui-btn:before {
  filter: drop-shadow(0 0 1px rgb(0, 0, 0)) !important;
}

.df-ui-nav.df-ui-next .df-ui-btn:before {
  background: #ffffff00;
  padding: 5px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 10px;
  border-radius: 3px;
}

.df-ui-nav.df-ui-prev .df-ui-btn:before {
  background: #ffffff00;
  padding: 5px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
  border-radius: 3px;
}

.df-ui-nav.df-ui-next .df-ui-btn:hover:before,
.df-ui-nav.df-ui-prev .df-ui-btn:hover:before {
  background: #3a765f;
}

@media (max-width: 576px) {
  .df-ui-nav {
    top: unset !important;
    bottom: -22px !important;
    font-size: 30px !important;
  }
  .df-ui-nav.df-ui-prev {
    left: 33% !important;
  }
  .df-ui-nav.df-ui-next {
    right: 33% !important;
  }
}
.product-labels.labels-rectangular .new.product-label {
  width: 30px !important;
  height: 40px !important;
  position: absolute;
  top: -15px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  text-transform: none;
  min-width: unset;
  padding: 0;
}
.wd-product .product-wrapper {
  box-shadow: unset;
}
.product-gallery-images {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}

.gallery-thumbnail {
  width: 24px;
  height: 24px;
  overflow: hidden;
  border: 1px solid #bebdbd;
  border-radius: 50%;
  transition: transform 0.2s;
}

.gallery-thumbnail.hidden {
  display: none;
}

.gallery-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
}

.wd-blog-element .blog-design-masonry .article-body-container .post-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wd-blog-element
  .blog-design-masonry
  .article-body-container
  .wd-entry-content {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wd-blog-element .wd-post.blog-design-masonry .entry-thumbnail img {
  height: 225px;
  overflow: hidden;
  object-fit: cover;
}

.pili-promo-banner .banner-btn-wrapper .btn-style-link {
  padding: 26px 2px 2px;
}

.pili-promo-banner .banner-btn-wrapper {
  margin-top: 0;
}

/* Child theme custom styles */
.wd-extra-desc-with-readmore {
  margin-bottom: 30px;
}

/* Hide original extra description to avoid duplication */
.wd-term-desc.wd-entry-content:not(.wd-extra-desc-with-readmore) {
  display: none !important;
}