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

:root {
  --primary: #662382;
  --primary-dark: #5c1f75;
  --primary-90: #76398f;
  --primary-10: #efe9f2;
  --secondary: #ff5b00;
  --secondary-dark: #e55200;
  --secondary-90: #ff6c1a;
  --secondary-10: #ffeee5;
  --wd-brd-radius: 12px !important;
}

.main-page-wrapper {
  background-color: #f9f8fb !important;
}

#wwkSidebarTop {
  display: none !important;
}

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

.whb-top-bar .wd-header-text {
  color: #5c1f75;
  font-size: 14px !important;
}

.whb-top-bar-inner .wd-header-nav {
  flex: 0 0 auto;
  flex-direction: row;
  display: flex;
}

.whb-header-bottom .wd-text-block i { 
  margin-right: .5rem;
  color: #ff5b00;
}

.whb-header-bottom .wd-text-block span {
  color: #fff;
}

.wd-tools-element > a {
  color: var(--primary) !important;
}

.wd-tools-element .wd-tools-icon::before {
  font-size: 1.65rem !important;
}

.wd-tools-element .wd-tools-count, .wd-header-cart.wd-design-2 .wd-cart-number, .wd-header-cart.wd-design-5 .wd-cart-number {
  width: 1rem !important;
  height: 1rem !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  line-height: 16px !important;
}

/* -- Categorie button ------------*/
.wd-header-cats.wd-style-1 .menu-opener {
  padding: 0 !important;
}

.wd-header-cats.wd-style-1 .menu-opener  .menu-open-label {
  text-transform: uppercase !important;
  font-weight: 700;
}

.wd-nav-vertical.wd-design-with-bg > li:is(.wd-opened, :hover) > a {
  background-color: var(--primary-dark) !important;
  color: #ffffff !important;
}

/* -- Menu ------------------------*/
@media all and (max-width: 1024px) {
  .wd-nav-mobile {
    display: block !important;
  }
  
  .wd-nav-mobile .woodmart-nav-link,
  .wd-nav-mobile .nav-link-text {
    text-transform: uppercase;
  }
  
  .whb-mobile-left {
    justify-content: flex-start !important;
  }
}

.wd-nav-main {
  --nav-gap: 3rem !important;
}

.wd-nav-main .woodmart-nav-link {
  font-size: 1.125rem;
  font-weight: 600;
  color: rgba(255,255,255,0.8) !important;
}

.wd-nav-main .woodmart-nav-link:hover {
  color: #fff !important;
}

.whb-top-bar-inner .wd-nav-main {
  --nav-gap: 1.5rem !important;
}

.whb-top-bar-inner .wd-nav-main .woodmart-nav-link {
  color: var(--primary) !important;
}

.whb-top-bar-inner .wd-nav-main .woodmart-nav-link:hover {
  color: var(--primary) !important;
}

.wd-nav:is(.wd-style-bordered, .wd-style-separated) > li:not(:last-child)::after {
  border-right: 1px solid rgba(255,255,255,0.4) !important;
}

.wd-header-cats.wd-style-1 .menu-opener::after {
  display: none !important;
}

/* -- Page title ------------------*/
.page-title-default {
  background-color: rgb(255,255,255) !important;
}

.wd-checkout-steps {
  color: red;
}

.promo-banner-wrapper {
  border-radius: 12px;
  overflow: hidden;
}

.promo-banner-wrapper p {
  font-size: 1rem !important;
}

.single-product .main-page-wrapper {
	background-color: #f9f8fb !important;
}

/* -- Frontpage -------------------*/
.category-grid-item .category-image-wrapp {
  overflow: hidden !important;
  border-radius: 12px !important;
}

.category-grid-item .more-products {
  display: none;
}

.wd-product .product-element-top {
  aspect-ratio: 1;
  display: grid;
  place-items: center;
}

.wd-product .wd-action-btn {
  --action-btn-color: rgba(255,255,255,.6);
  --action-btn-hover-color: rgba(255,255,255,1);
}

.wd-product .wd-buttons {
  background: var(--secondary);
}

.wd-sticky-btn-cart .price,
.wd-product .price {
  font-size: 1.25rem;
}

.product-label.new {
  background-color: var(--secondary) !important;
}

.wd-fbt.wd-design-side .wd-fbt-form {
  background-color: #f9f8fb !important;
}

#gt_float_wrapper {
  bottom: 5rem !important;
}

/* -- Icecat ----------------------*/
.promo-banner.banner-default .banner-image {
  position: relative;
}

.promo-banner.banner-default .banner-image:before {
  content: '';
  position: absolute;  
  inset: 0;
  background: rgba(0,0,0,.25);
}

/* -- Icecat ----------------------*/
.icecat-placeholder h2, .icecat-placeholder h3, .icecat-placeholder h4, .icecat-placeholder h5, .icecat-placeholder h6 {
  text-transform: uppercase;
  color: inherit, var(--primary) !important;
}

.icecat-placeholder > .for-productstory {
  margin-left: -15px;
  width: calc(100% + 30px);
}

.IcecatLive #bullet-points-list {
  margin: 0 0 1rem 0 !important;
}


/* -- Blogs -----------------------*/
.wd-post-date.wd-style-with-bg {
  background-color: var(--primary) !important;
  color: #FFF !important;
}

.post-single-page {
  text-align: left;
}

article.post .wd-entities-title {
  text-align: left;
}

article.post .meta-author {
  display: none;
}

article.post .gallery {
  display: grid;
  gap: 1.25rem;
}

  article.post .gallery .gallery-item {
    aspect-ratio: 16/9;
  }

    article.post .gallery .gallery-item a {
      display: block;
    }

    article.post .gallery .gallery-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

  article.post .gallery.gallery-columns-3 {
   grid-template-columns: repeat(3, 1fr);
  }

  article.post .gallery.gallery-columns-4 {
   grid-template-columns: repeat(4, 1fr);
  }

  article.post .gallery.gallery-columns-5 {
   grid-template-columns: repeat(5, 1fr);
  }

/* -- Footer ----------------------*/
.footer-container {
	overflow: hidden;
}

.footer-container .wd-sub-menu li > a {
  font-size: 1.125rem !important;
  color: #FFFFFF8F !important;
}

.footer-container .wd-sub-menu li > a:hover {
  color: #FFF !important;
}

.footer-top {
	position: relative;
	background: var(--primary-10) !important;
}

.footer-top:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background: var(--primary-10) !important;
}

.footer-top:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 100%;
  background: var(--primary-10) !important;
}

.footer-top .info-box-inner {
	margin-top: 0 !important;
}

.footer-main {
	position: relative;
	background: var(--primary) !important;
}

.footer-main .woodmart-nav-link {
  color: rgba(255,255,255,.6);
}
.footer-main .woodmart-nav-link:hover {
  color: rgba(255,255,255,1) !important;
}

.footer-main .wd-nav-vertical.wd-design-simple:not(:first-child) {
  padding-top: 0 !important;
}

.icons-design-simple .wd-social-icon {
  background-color: var(--primary-dark) !important;
  color: rgba(255,255,255,1) !important;
}

.icons-design-simple .wd-social-icon:hover {
  background-color: var(--primary-90) !important;
  color: #fff !important;
}

.footer-main:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background: var(--primary) !important;
}

.footer-main:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 100%;
  background: var(--primary) !important;
}

.footer-copyright {
	position: relative;
	color: rgba(255,255,255,.4);
	background: var(--primary-dark); !important;
}

.footer-copyright a {
  color: inherit;
}

.footer-copyright:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background: var(--primary-dark); !important;
}

.footer-copyright:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 100%;
  background: var(--primary-dark); !important;
}

.footer-logos {
	position: relative;
	background: #f9f8fb !important;
}

.footer-logos:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background: #f9f8fb !important;
  opacity: 1 !important;
}

.footer-logos:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 100%;
  background: #f9f8fb !important;
  opacity: 1 !important;
}

.footer-logos .wd-grid-g {
  grid-template-columns: repeat(var(--wd-col), minmax(0, max-content)) !important;
  gap: 0 .25rem !important;
}

.footer-logos .wd-images-gallery .wd-gallery-item {
	border: 1px solid #EFE9F2;
	padding: .5rem 1.125rem;
	border-radius: 12px;
	background: #fff;
}

.footer-logos .wd-images-gallery img { 
	width: 24px; 
}





.site-navigation__language .gtranslate_wrapper {
  display: flex;
  justify-content: flex-end;
  gap: .45rem;
}

.gt_switcher-popup img {
  margin-right: .25rem !important;
}

.gt_switcher-popup span:first-of-type {
  display: none !important;
}

.gt_switcher-popup span:first-of-type {
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  line-height: 1;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.125rem !important;
  color: var(--primary);
}


.gt_switcher_wrapper {
  padding: .75rem 1.125rem;
  background: #fff !important;
  bottom: 0 !important; 
  border-radius: 0 var(--border-radius) 0 0;
}

  .gt_switcher_wrapper span {
    color: var(--secondary);
  }

.gt_white_content {
  padding: 1.5rem !important;
  background: #fff !important;
  border-radius: var(--radius);
  height: auto!important;
  min-width: 240px;
  transform: translate(-50%, -50%);
  margin: 0 !important;
}

  .gt_white_content .gt_languages {
    gap: .25rem;
    max-height: 100% !important;
  }

    .gt_white_content a {
      display: flex;
      align-items: center;
      padding: .7rem 1rem .5rem 1rem !important;
      background: transparent;
      border-radius: 8px;
      border-bottom: none !important;
      color: var(--color-gray-800);  
    }

    .gt_white_content a img {
      margin-right: .25rem !important;
    }

    .gt_white_content a.gt-current-lang,
    .gt_white_content a:hover {
      color: var(--primary);
    }

    .gt_white_content a.gt-current-lang {
      color: var(--primary);
    }

      .gt_white_content a span {
        font-family: "IBM Plex Mono", serif;
        font-weight: 500;
        line-height: 1;
        font-style: normal;
        text-transform: uppercase;
        font-size: 1.125rem !important;
      }




.futy-container #toggle-iframe {
  bottom: 0 !important;
}

.checkout-button.button.alt.wc-forward,
#place_order.button,
.button.checkout.wc-forward {
  background: var(--secondary) !important;
}

.checkout-button.button.alt.wc-forward:hover,
#place_order.button:hover,
.button.checkout.wc-forward:hover {
  background: var(--secondary-90) !important;
}