/*
  Woodshowtime brand theme.
  Generated as an overlay so the WOODSHOW source template stays untouched.
*/
:root {
  --woodshow-gold: #b8843d;
  --woodshow-gold-deep: #8f6328;
  --woodshow-black: #111111;
  --woodshow-ink: #191511;
  --woodshow-brown: #2d2117;
  --woodshow-cream: #fff8ee;
  --woodshow-soft: #f5eadb;
  --p1-clr: var(--woodshow-gold);
  --p2-clr: var(--woodshow-black);
  --p3-clr: var(--woodshow-brown);
  --p900-clr: var(--woodshow-brown);
  --p800-clr: var(--woodshow-ink);
}

body {
  color: var(--woodshow-ink);
}

a,
.p1-clr,
.p5-clr,
.theme-color,
.main-menu ul li a:hover,
.main-menu ul li a.active,
.footer-link a:hover,
.blog-itemsv1 .content .title:hover {
  color: var(--woodshow-gold) !important;
}

.cmn-btn,
.common-btn,
.theme-btn,
.hero-banner-slider .swiper-pagination-bullet-active,
.hero-banner-slider .swiper-button-next,
.hero-banner-slider .swiper-button-prev,
.product-category-filter button.active,
.product-category-filter button:hover,
.mobile-whatsapp-label,
.whatsapp-floating,
.inquiry-sticky-card .cmn-btn,
.request-quote-btn,
.submit-inquiry-btn {
  background: var(--woodshow-gold) !important;
  border-color: var(--woodshow-gold) !important;
  color: #111111 !important;
}

.cmn-btn:hover,
.common-btn:hover,
.theme-btn:hover,
.request-quote-btn:hover,
.submit-inquiry-btn:hover {
  background: var(--woodshow-black) !important;
  border-color: var(--woodshow-black) !important;
  color: #ffffff !important;
}

.header-top,
.footer-section,
.footer-section.stylev01,
.breadcrumnd-banner,
.service-details-hero,
.contact-hero,
.product-details-hero {
  background-color: var(--woodshow-black) !important;
}

.hero-section,
.hero-banner-slide,
.hero-banner-item,
.about-section,
.service-section,
.product-list-page,
.blog-section,
.faq-bamboo-page {
  --hero-accent: var(--woodshow-gold);
}

.header-logo img,
.footer-logo img,
.offcanvas__logo img,
.mobile-menu-logo img {
  height: auto !important;
  object-fit: contain !important;
}

.header-logo img,
.mobile-menu-logo img {
  width: auto !important;
  max-width: 170px !important;
  max-height: 54px !important;
}

.footer-logo img {
  width: auto !important;
  max-width: 210px !important;
  max-height: 76px !important;
}

.offcanvas__logo img {
  width: auto !important;
  max-width: 180px !important;
  max-height: 64px !important;
}

.header-section,
.header-main,
.header-wrapper,
.main-header-wrapper {
  border-color: rgba(184, 132, 61, 0.22) !important;
}

.main-menu ul li .submenu {
  border-top-color: var(--woodshow-gold) !important;
}

.product-category-card,
.product-card,
.blog-itemsv1,
.material-card,
.contact-card,
.faq .accordion-single {
  border-color: rgba(184, 132, 61, 0.22) !important;
}

.product-category-card:hover,
.product-card:hover,
.blog-itemsv1:hover {
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.12) !important;
}

.feature-itemsv1 .content a.add-tocart,
.product-list-section .generated-product-card .content a.add-tocart,
.service-feature-section .generated-product-card .content a.add-tocart {
  background: #ffffff !important;
  border-color: rgba(184, 132, 61, 0.34) !important;
  color: var(--woodshow-gold) !important;
}
.feature-itemsv1 .content a.add-tocart:hover,
.feature-itemsv1:hover .content a.add-tocart,
.product-list-section .generated-product-card .content a.add-tocart:hover,
.product-list-section .generated-product-card .feature-itemsv1:hover .content a.add-tocart,
.service-feature-section .generated-product-card .content a.add-tocart:hover,
.service-feature-section .generated-product-card .feature-itemsv1:hover .content a.add-tocart {
  background: var(--woodshow-gold) !important;
  border-color: var(--woodshow-gold) !important;
  color: #111111 !important;
}
.feature-itemsv1 .content a.add-tocart:focus-visible {
  outline: 3px solid rgba(184, 132, 61, 0.34) !important;
  outline-offset: 3px !important;
}

.section-title h2 span,
.hero-content h1 span,
.breadcrumnd-content h1 span {
  color: var(--woodshow-gold) !important;
}

.brand-section,
.brand-logo-strip,
.trusted-strip {
  background: var(--woodshow-cream) !important;
}

.footer-section p,
.footer-section li,
.footer-section a {
  color: rgba(255, 255, 255, 0.82) !important;
}

.footer-section h3,
.footer-section .white-clr {
  color: #ffffff !important;
}

.footer-section i,
.footer-section .social-wrapper a:hover {
  color: var(--woodshow-gold) !important;
}

.lang-switch,
.lang-dropdown-toggle {
  border-color: rgba(184, 132, 61, 0.34) !important;
}

.lang-switch:hover,
.lang-dropdown-toggle:hover {
  border-color: var(--woodshow-gold) !important;
}
/* Strong Woodshowtime overrides for inline page styles. */
.header-1 {
  padding: 14px 0 !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(184, 132, 61, 0.18) !important;
}
.header-1.sticky {
  background: #ffffff !important;
  padding: 8px 0 !important;
}
.header-1 .header-main .header-right {
  gap: 22px !important;
}
.header-1 .header-main .header-right .shop-adjust .cmn-btn,
.header-1 .header-main .header-right .cmn-btn {
  height: 48px !important;
  padding: 12px 24px !important;
  white-space: nowrap !important;
}
.header-1 .main-menu > nav > ul {
  gap: 21px !important;
}
.header-1 .main-menu ul li a {
  padding: 16px 0 !important;
  color: var(--woodshow-ink) !important;
}
.header-1 .sidebar__toggle i {
  color: var(--woodshow-ink) !important;
}
.header-common-adjustment .logo-v04 {
  background: var(--woodshow-black) !important;
}
.header-common-adjustment .logo-v04 img {
  width: auto !important;
  max-width: 178px !important;
  max-height: 96px !important;
  object-fit: contain !important;
}
.header-top-section.topcmn-style,
.header-top-section.style-v01,
.header-top-section {
  background: linear-gradient(90deg, var(--woodshow-black), var(--woodshow-brown)) !important;
}
.header-top-section.topcmn-style::before {
  background: var(--woodshow-gold) !important;
  opacity: 0.16 !important;
}
.banner-section.style-v1.hero-banner-slider-section,
.hero-banner-slide {
  background: var(--woodshow-black) !important;
}
.hero-banner-slide.product-slide {
  background:
    radial-gradient(circle at 78% 50%, rgba(184, 132, 61, 0.20) 0%, rgba(184, 132, 61, 0.08) 24%, rgba(17, 17, 17, 0) 48%),
    linear-gradient(90deg, #111111 0%, #2d2117 58%, #6f4d22 100%) !important;
}
.hero-banner-overlay {
  background: linear-gradient(90deg, rgba(17, 17, 17, 0.91) 0%, rgba(45, 33, 23, 0.76) 38%, rgba(143, 99, 40, 0.36) 68%, rgba(17, 17, 17, 0.14) 100%) !important;
}
.hero-banner-slide.product-slide .hero-banner-overlay {
  background: linear-gradient(90deg, rgba(17, 17, 17, 0.92) 0%, rgba(45, 33, 23, 0.76) 44%, rgba(184, 132, 61, 0.22) 76%, rgba(184, 132, 61, 0.08) 100%) !important;
}
.banner-section.style-v1 .hero-contentv01.hero-banner-content {
  max-width: 840px !important;
  width: min(840px, 78vw) !important;
}
.banner-section.style-v1 .hero-contentv01 h1 {
  max-width: 980px !important;
  font-size: clamp(56px, 4.4vw, 66px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}
.banner-section.style-v1 .hero-contentv01 h1 .harves {
  display: inline !important;
}
.banner-section.style-v1 .hero-contentv01 .hero-list li {
  background: rgba(17, 17, 17, 0.58) !important;
  border-color: rgba(184, 132, 61, 0.56) !important;
  color: #ffffff !important;
}
.banner-section.style-v1 .hero-contentv01 .hero-list li i,
.banner-section.style-v1 .hero-contentv01 .hero-list li span {
  color: #111111 !important;
}
.hero-media-pagination .swiper-pagination-bullet-active,
.hero-banner-slider .swiper-pagination-bullet-active {
  background: var(--woodshow-gold) !important;
}
.breadcrumnd-banner {
  background: linear-gradient(90deg, rgba(17, 17, 17, 0.96) 0%, rgba(45, 33, 23, 0.90) 50%, rgba(184, 132, 61, 0.55) 100%) !important;
}
.breadcrumnd-banner::before {
  background: rgba(17, 17, 17, 0.34) !important;
  display: block !important;
}
.breadcrumnd-banner .bread-content h1,
.breadcrumnd-banner .bread-listing li,
.breadcrumnd-banner .bread-listing a {
  color: #ffffff !important;
}
@media (max-width: 767px) {
  .header-1 {
    padding: 16px 0 !important;
  }
  .header-common-adjustment .logo-v04 {
    background: transparent !important;
    width: auto !important;
    height: auto !important;
  }
  .header-common-adjustment .logo-v04 img,
  .header-logo img,
  .mobile-menu-logo img {
    max-width: 152px !important;
    max-height: 58px !important;
  }
  .banner-section.style-v1 .hero-contentv01 h1 {
    max-width: 92vw !important;
    font-size: clamp(42px, 11vw, 54px) !important;
    line-height: 1.02 !important;
  }
  .banner-section.style-v1 .hero-contentv01 p {
    max-width: 92vw !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
  .banner-section.style-v1 .hero-contentv01 .hero-list {
    max-width: 92vw !important;
  }
  .banner-section.style-v1 .hero-contentv01 .hero-list li {
    min-height: 42px !important;
  }
}