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

/*website */

.wd-content-layout {
  padding-block: 0px;
}

.container{
  width: 85%;
  max-width: 1600px;
}

@media (max-width:768px){
  .container{
    width: 100%;
  }
}

.site-content {
  margin-bottom: 0;
}

/*Root*/

:root {
  --wd-container-w: 75% !important;
}

/*Menu*/

.wd-heading { /*close btn*/
  border-bottom: none;
}

.wd-nav-mobile.wd-active { /*adjust content*/
  display: flex !important;
  margin-block: auto;
  align-content: center;
  height: 100%;
}

.wd-side-hidden { /*content Size*/
  --wd-side-hidden-w: 600px;
}

.wd-nav>li>a { /*Font size and alignment*/
  font-size: 32px;
  line-height: inherit;
  justify-content: center;
}

.wd-nav-mobile>li>a, .wd-nav-mobile>li>ul li>a { /*adjust border and spacing*/
  border-bottom: none !important;
  padding: 12px 20px !important;
/*   color: #fff !important; */
}

/*Detail page hero*/

@media (min-width: 1025px) {
  .wd-header-overlap .page-title {
      padding-top: 35vh !important;
  }
}

/* .wd-nav-mobile>li>a:hover {
  color: #1a1a1a !important;
} */

.wd-side-hidden {
  background-color: #fff;
}

.wd-close-side {
  background-color: rgba(0, 0, 0, .1);
}

.whb-sticky-prepared .wd-tools-element>a {
  position: relative;
  --wd-count-size: 15px;
  --wd-header-el-color: #fff;
  --wd-header-el-color-hover: rgba(51, 51, 51, .6);
}

.whb-sticked .wd-tools-element>a{
  color: #1a1a1a;
}

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

.wd-side-hidden.wd-opened {
  transform: none;
  display: flex;
  flex-direction: column;
}

.wd-action-btn>a:hover {
  color: var(--wd-primary-color);
}


/*Newsletter Form*/

form.wpcf7-form.init{
  display: grid;
  grid-template-columns: 1fr 150px;
  gap: 16px;
  align-items: start;
}

label{
  color: #fff;
}

.elementor-70 .elementor-element.elementor-element-4bd22e2 .wpcf7-submit {
  height: var(--wd-form-height);
}/*Button Size*/

.wpcf7-submit {
  order: 0; /* Garante que o botão vem antes do checkbox */
  color: #fff;
  width: 100%;
}

input[type="email"] {
  border-color: #fff;
}

div.wpcf7 .wpcf7-spinner {
  order: 2;
}

form.wpcf7-form.init p {
  margin-bottom: 0px;
}

/*Footer*/

.copyrights-wrapper { /*last*/
  border-top: 1px solid var(--brdcolor-gray-300);
  color: #fff;
  background: #1a1a1a;
}

.col-left.set-cont-mb-s.reset-last-child a{
  color: #e7e7e7;
}

.col-left.set-cont-mb-s.reset-last-child a:hover{
  color: var(--wd-primary-color);
}

:is(.btn,.button,button,[type="submit"],[type="button"]):hover {
  color: #fff;
}

/*animation*/

path.cls-1.outer-circle{
  animation: rotate1 40s linear infinite reverse;
  transform-origin: center center;
}

@keyframes rotate1 {

  to{
    transform: rotate(0deg);
  }

  from{
    transform: rotate(360deg);
  }
}

path.cls-1.circle-stroke{
  animation: offset1 30s linear infinite;
  transform-origin: center center;
  fill: none;
  stroke: #000;
  stroke-width: 0.5px;
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
}

@keyframes offset1 {

  to{
    stroke-dashoffset: 0;
    opacity: 1;
  }

  from{
    stroke-dashoffset: 360;
    opacity: 0;
  }
}

.circle-stroke{
  animation: offset2 6s ease-in-out infinite;
  transform-origin: center center;
  fill: none;
  stroke: #1d1d1d;
  stroke-width: 0.4px;
  stroke-dasharray: 228;
  stroke-dashoffset: 0;
  rotate: -90deg;
}

@keyframes offset2 {

  100%{
    stroke-dashoffset: -228;
  }

  50%{
    stroke-dashoffset: 0;
  }

  0%{
    stroke-dashoffset: 228;
  }
}

g.circle-text{
  animation: rotate2 30s linear infinite;
  transform-origin: center center;
}

@keyframes rotate2 {

  to{
    transform: rotate(0deg);
  }

  from{
    transform: rotate(360deg);
  }
}

.central-path {
  animation: offset3 3s ease-out;
  stroke: #1d1d1b;
  stroke-width: 0.4px;
  stroke-dasharray: 258;
  stroke-dashoffset: 0;
}

@keyframes offset3 {

  100%{
    fill: #1d1d1b;
  }

  75%{
    fill: transparent;
  }

  50%{
    stroke-dashoffset: 0;
    fill: transparent;
  }

  0%{
    stroke-dashoffset: 258;
    fill: transparent;
  }
}


/*Menu*/

/* Esconde o ícone original */
.wd-tools-icon-inner i {
  display: none;
}

/* Adiciona o SVG com ::before */
.wd-tools-icon::before {
  content: none !important;
  background-image: none;
}

.menu-icon{
  max-width: 40px;
  width: 100%;
  height: fit-content;
}

a.btn.btn-style-default.btn-style-rectangle.btn-size-default.btn-color-primary {
  padding: 0px 42px !important;
  min-height: 40px;
}

a.btn.btn-style-default.btn-style-rectangle.btn-size-large.btn-color-primary {
  min-height: 40px;
  padding: 0px 42px !important;
}

/*remove/add padding*/

.wd-tools-element.wd-header-mobile-nav.wd-style-icon.wd-design-1.whb-bcbhb4mm2yj5yv6nnplw {
  padding-inline: 10px;
}

.site-logo, .wd-header-html, .wd-header-nav, .wd-header-text, .wd-tools-element>a, .whb-column>.info-box-wrapper, .whb-column>.wd-button-wrapper, .whb-column>.wd-social-icons, [class*=wd-header-search-form] {
  padding-inline: 0px;
}

.wd-logo img {
  max-width: 150px !important;
}

.wd-tools-element>a {
  padding-inline: 0px !important;
}

/*Animação menu*/

.menu-icon{
.line-1{
  transition: ease-in-out 0.3s;
}
.line-2{
  transition: ease-in-out 0.3s;
}
.line-3{
  transition: ease-in-out 0.3s;
}
.line-4{
  transition: ease-in-out 0.3s;
}
}

.menu-icon:hover {
  .line-1{
  transition: ease-in-out 0.3s;
  translate: 15px;
  fill: var(--wd-primary-color);
  }
  .line-2{
  transition: ease-in-out 0.3s;
  translate: 15px;
  fill: var(--wd-primary-color);
  }
  .line-3{
  transition: ease-in-out 0.3s;
  translate: -15px;
  fill: var(--wd-primary-color);
}
  .line-4{
  transition: ease-in-out 0.3s;
  translate: -15px;
  fill: var(--wd-primary-color);
}
}

.whb-sticked .menu-icon {
  .line-1{
  fill: #111111;
  }
  .line-2{
  fill: #111111;
  }
  .line-3{
  fill: #111111;
}
  .line-4{
  fill: #111111;
}
}

.whb-sticked .menu-icon:hover {

  .line-1{
  fill: var(--wd-primary-color);
  }
  .line-2{
  fill: var(--wd-primary-color);
  }
  .line-3{
  fill: var(--wd-primary-color);
}
  .line-4{
  fill: var(--wd-primary-color);
}
}

/*Menu background*/

.whb-header_703527 .menu-icon{
  .line-1{
    fill:#000;
  }
  .line-2  {
    fill:#000;
  }
  .line-3{
    fill:#000;
  }
  .line-4{
    fill:#000;
  }
}

.whb-header_703527 .menu-icon:hover{
  .line-1{
    fill: var(--wd-primary-color);
  }
  .line-2{
    fill: var(--wd-primary-color);
  }
  .line-3{
    fill: var(--wd-primary-color);
  }
  .line-4{
    fill: var(--wd-primary-color);
  }
}

/*Custom back button*/

.custom-back-btn{
  font-weight: 600;
/*   padding: 12px 24px; */
}

.custom-back-btn:hover{
/*   background-color: var(--wd-primary-color); */
  color: var(--wd-primary-color);
}

/* a:hover{
  color: var(--wd-primary-color) !important;
} */

.wd-icon:hover{
  color: var(--wd-primary-color);
}

.wd-social-icon:hover{
  color: var(--wd-primary-color);
}

.social-share.icons-design-default .wd-social-icon:hover {
  color: var(--wd-primary-color) !important;
}

.social-follow.icons-design-default.color-scheme-light .wd-social-icon:hover, [class*="color-scheme-light"] .icons-design-default .wd-social-icon:hover {
  color: var(--wd-primary-color) !important;
}

/*Remove Breadcrums*/

.wd-single-breadcrumbs{
  display: none;

}

figure.woocommerce-product-gallery__image{
  width: 80%;
  justify-self: center;
}

/*Language Flags*/

.wd-header-text.set-cont-mb-s.reset-last-child{
  display: flex;
  gap: 12px;
}

.min-footer>div {
  flex: 1 0 50%;
  padding-inline: 0px;
  max-width: 50%;
  line-height: 1.2;
}

.wd-button-wrapper.text-left {
  width: fit-content;
}

.col-right.set-cont-mb-s.reset-last-child {
  gap: 20px;
  display: flex;
}

.col-right.set-cont-mb-s.reset-last-child>a {
  color: #fff;
  font-weight: 100;
}

.col-right.set-cont-mb-s.reset-last-child>a:hover {
  color: var(--wd-primary-color);
}

.detalhe .liner-continer {
  display: none;
}

::selection{
  background-color: var(--wd-primary-color);
  color: #fff;
}

/*Ajustes Mobile*/

.whb-flex-row.whb-general-header-inner {
  width: 93%;
  margin-inline: auto;
}

/*Form Contacts*/

#wpcf7-f318-p1080-o1 form.wpcf7-form.init {
  display: grid;
  grid-template-columns: auto;
  gap: 16px;
  align-items: start;
}

span.wpcf7-form-control-wrap {
  width: 100% !important;
  font-size: 10px;
}

.form-row {
  display: grid;
  gap: 16px; /* Adjust spacing between fields */
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.half-width {
  width: 100%;
}

/* Campo de email no topo */

.form-group input[type="email"] {
  border-color: #000;
}

/*Privacy label color*/

.contact-form-priv span.wpcf7-list-item-label {
  color: black;
}

/*Menu*/

@media (max-width:840px){
span.nav-link-text {
  font-size: 18px;
}
}