//maps
#lib() {
  .borda(@size) { 
    border-bottom: @size solid #e1d8c8; 
  }

  .transition(@time) {
    transition: all @time linear;
  }

  .colors() {
    beigeLight: #f5f2ed;
    beigeMedium: #e1d8c8;
    beigeDark: #c69e62;
    text: #3b3a39;
    green: #07282a;
    greenLight: #99a5a6;
  }
}

::-webkit-scrollbar {
  width: 10px;
  height: 5px;
  border: 2px solid #lib.colors[beigeLight];
}

/* Track */
::-webkit-scrollbar-track {
  background: #lib.colors[beigeLight];
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #lib.colors[beigeMedium];
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #lib.colors[beigeDark];
}

.icon-close {
  -webkit-mask-image: url(../images/close.svg);
}
.icon-user {
  -webkit-mask-image: url(../images/user.svg);
}
.icon-heart {
  -webkit-mask-image: url(../images/heart.svg);
}
.icon-cart {
  -webkit-mask-image: url(../images/shopping-bag.svg);
}
.icon-whatsapp {
  -webkit-mask-image: url(../images/whatsapp.svg);
}
.icon-envelope {
  -webkit-mask-image: url(../images/envelope.svg);
}
.icon-help {
  -webkit-mask-image: url(../images/interrogatorio.svg);
}
.icon-locker {
  -webkit-mask-image: url(../images/trancar.svg);
}
.icon-box {
  -webkit-mask-image: url(../images/caixa-alt.svg);
}
.icon-house {
  -webkit-mask-image: url(../images/casa.svg);
}
.icon-left {
  -webkit-mask-image: url(../images/left.svg);
}
.icon-out {
  -webkit-mask-image: url(../images/sair-alt.svg);
}
.icon {
    display: inline-block;
    background: #lib.colors[green];
    background-color: #lib.colors[green];
    width: 30px;
    height: 30px;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    #lib.transition(.2s);
}
.icon:hover,
.icon:focus {
  background: #lib.colors[beigeDark];
  #lib.transition(.2s);
}

//geral
@charset "utf-8";

*{ 
  outline: none; 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box; 
}

input {
  background-color: transparent;
  border: 1px solid #c3b59c;
  padding: 10px;
}

body {	
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	position: relative;
	background-color: #lib.colors[beigeLight];
  color: #lib.colors[text];
  margin: 0; 
  border: 0; 
  outline: 0; 
}

a {
	#lib.transition(0.2s);
	text-decoration: none;
  color: #lib.colors[green];

	&:hover {
		#lib.transition(0.2s);
		text-decoration: underline;	
	}
}

img {
	max-width: 100%;
	height: auto;
}

fieldset { 
	border: 0; 
	margin: 0; 
	padding: 0; 
}

p {
  line-height: 24px;
}

//buttons
.btn {
  text-transform: uppercase;
  background-color: #dbcab1;
  padding: 13px 30px;
  color: #7f6847;

  &:hover {
    background-color: #lib.colors[beigeDark];
    text-decoration: none;
    color: #lib.colors[beigeLight];
  }

  &.outline {
    background-color: transparent;
    border: 1px solid #lib.colors[beigeMedium];

    &:hover {
      background-color: #dbcab1;
      color: #7f6847;
    }
  }
}

a.wp-block-button__link {
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid #lib.colors[beigeMedium];
  padding: 10px 50px;
  color: #lib.colors[beigeMedium];
  border-radius: 0;
  font-size: 14px;
  
  &:hover {
    background-color: #dbcab1;
    color: #7f6847;
    text-decoration: none;
  }
}

.help-link {
  cursor: pointer;
}


//header
header {
	#lib.borda(1px);
	padding: 10px 0 20px;

  .bar__destaq {
    display: none;
    background-color: #lib.colors[beigeMedium];
    text-align: center;
    font-size: 13px;
    padding: 10px;
    margin-bottom: 30px;

    p {
      margin: 0;
    }

    .slick-slider {
      .slick-prev {
        left: 10px;
        z-index: 99;

        &::before {
          content: ' ';
          background-image: url(../images/left.svg);
          width: 12px;
          height: 12px;
          background-size: 100%;
          display: block;
        }
      }

      .slick-next {
        right: 10px;
        z-index: 99;

        &::before {
          content: ' ';
          background-image: url(../images/left.svg);
          width: 12px;
          height: 12px;
          background-size: 100%;
          display: block;
          transform: rotateZ(180deg);
        }
      }
    }
  }

	.container {
		display: flex;
		align-items: center;
		flex-direction: column;
    gap: 10px;
	}

  .hold {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
  }

	.logo {
		background-image:url(../images/logo-mel.webp);
		background-repeat: no-repeat; 
		display: block; 
		height: 86px;
    width: 180px;
		background-size: 100%; 
		background-position: center; 
		overflow: hidden; 
		text-indent: -9999px; 
		z-index:9;
    margin-right: auto;
	}

  .mobile-menu {
    display: block;
    background-image:url(../images/menu-hamburguer.svg);
    background-repeat: no-repeat; 
    display: block; 
    height: 25px;
    width: 25px;
    background-size: 100%; 
    background-position: center; 
    overflow: hidden; 
    text-indent: -9999px; 
    z-index:999;
    border: 0;
    cursor: pointer;
    background-color: transparent;
  }

	.main-menu {
		display: none;

    ul {
      padding: 0;
      display: flex;
      align-items: center;
      gap: 20px;

      li {
        list-style: none;

        a {
          text-transform: uppercase;
          font-weight: 500;
        }
      }
    }

    .shop__menu {
      display: none;

      .menu {
        li {
          position: relative;

          &.red {
            a {
              color: #aa2e31;
            }
          }

          ul.sub-menu {
            position: absolute;
            display: flex;
            flex-direction: column;
            gap: 10px;
            z-index: 999;
            padding: 20px;
            align-items: self-start;
            left: -20px;
            font-size: 14px;
            background-color: #lib.colors[beigeLight];
            top: 40px;
            visibility: hidden;
            #lib.transition(.2s);
            opacity: 0;
          }

          &:hover {
            ul.sub-menu {
              visibility: visible;
              top: 20px;
              opacity: 1;
            }
          }
        }           
      }
    }
	}

	.wc-menu {
		display:flex;
		gap: 20px;

		.option {
			display: block; 
			height: 20px;
	    width: 20px;
			z-index:999;
			position: relative;

      .icon {
          width: 20px;
          height: 20px;
          background-color: #lib.colors[green];
          cursor: pointer;
      }
		}

    .desktop {
      display: none;
    }

		.cart {
			.number {
				position: absolute;
				color: #fff;
				text-indent: initial;
		    font-size: 11px;
		    width: fit-content;
		    padding: 1px 4px;
		    text-align: center;
		    border-radius: 100%;
		    top: -5px;
		    right: -10px;
        background: #lib.colors[beigeDark];
			}
		}
	}

  .search {
    width: 100%;

    .dgwt-wcas-search-wrapp {
      max-width: 100%;

      .dgwt-wcas-search-icon {
        path {
          fill: #lib.colors[green];
          transform: scale(2.2);
          d: path("M23.707,22.293l-5.969-5.969a10.016,10.016,0,1,0-1.414,1.414l5.969,5.969a1,1,0,0,0,1.414-1.414ZM10,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,10,18Z");
          d:"M23.707,22.293l-5.969-5.969a10.016,10.016,0,1,0-1.414,1.414l5.969,5.969a1,1,0,0,0,1.414-1.414ZM10,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,10,18Z";
        }
      }
    }
  }

  @media (min-width: 960px) {
    .mobile-menu, .mobile {
      display: none;
    }

    .logo {
      height: 95px;
      width: 200px;
      margin: inherit;
    }

    .main-menu {
      display: block;
    }

    .wc-menu {
      .desktop {
        display: block;
      }
    }

    .search {
      width: auto;
    }
  }
}

//main
.container {
	max-width: 1300px;
	width: 90%;
	margin: auto;
}

.reverse {
  @media (min-width: 960px) {
    display: flex;
    flex-direction: column-reverse;
  }
}

.curadoria {
  padding-bottom: 40px;
  #lib.borda(1px);
  overflow: hidden;

  @media (min-width: 960px) {
    padding: 80px 0;
    font-size: 17px;
  }

  .container {
    width: 100%;

    .hold {
      display: flex;
      flex-direction: column;
      width: 100%;

      @media (min-width: 960px) {
        display: flex;
        flex-direction: row-reverse;
        align-items: end;
        gap: 50px;
      }

      .content {
        width: 85%;
        margin: auto;

        @media (min-width: 960px) {
          width: 50%;
          margin: inherit;
        }

        h2 {
          font-family: 'Lora', sans-serif;
          color: #lib.colors[green];
          text-transform: uppercase;
          font-size: 25px;
          font-weight: 500;

          @media (min-width: 960px) {
            font-size: 40px;
          }
        }

        .btns {
          display: flex;
          gap: 20px;
          margin-top: 20px;
          font-size: 13px;
        }
      }
    }
  }

  .categories {
    overflow-y: hidden;
    overflow-x: scroll;
    width: 93%;
    margin-left: 7.5%;
    margin-top:30px;
    font-size: 15px;

    @media (min-width: 960px) {
      margin: 30px 0 0;
      width: 100%;
    }

    ul {
      padding: 0;
      margin:0;
      display: flex;
      gap: 20px;
      width: 1200px;

      li {
        list-style: none;

         a {
          flex-direction: column;
          gap: 10px;
          border: 1px solid #e1d8c8;
          padding: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 200px;
          height: 170px;

          &:hover {
            text-decoration: none;
          }
        }
      }
    }
  }

  h3 {
    font-family: 'Lora', sans-serif;
    color: #lib.colors[green];
    text-transform: uppercase;
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 500;
  }
}

body.page-template-semijoias {
  .curadoria {
    border: 0;

    h2 {
      margin: 0;
      font-size: 20px;
    }

    p {
      font-size: 14px;
    }

    @media (min-width: 960px) {
      .categories {
        margin: 0;
      }

      .container .hold .content h2 {
        margin: 0;
        font-size: 25px;
      }
    }
  }
}

.about {
  background-color: #lib.colors[beigeMedium];
  padding:0 0 40px;

  h3 {
    font-family: 'Lora', sans-serif;
    color: #lib.colors[green];
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 500;

    @media (min-width: 960px) {
      font-size: 30px;
    }
  }

  @media (min-width: 960px) {
    padding:0;
    margin-top:30px;

     .container {
      display: flex;
      align-items: center;
      gap: 100px;
    }

    .content {
      width: 50%;
    }
  }
}

.instagram-feed {
  padding: 40px 0;

  @media (min-width: 960px) {
    display: none;
  }
}

.services {
  padding: 0 0 60px;

  @media (min-width: 960px) {
    padding: 80px 0;
  }

  h2 {
    font-family: 'Lora', sans-serif;
    color: #lib.colors[green];
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 500;

    @media (min-width: 960px) {
      font-size: 40px;
    }
  }

  .hold {
    @media (min-width: 960px) {
      display: flex;
      align-items: center;
      gap: 50px;
    }
  }

  .content {
    @media (min-width: 960px) {
      width: 45%;
    }
  }

  .list {
    @media (min-width: 960px) {
      width: 55%;
    }
    ul {
      padding: 0;
      margin: 0;
      display: flex;
      gap: 20px;
      width: 100%;

      li {
        list-style: none;
        width: 50%;
        position: relative;

        h3 {
          font-family: 'Lora', sans-serif;
          color: #lib.colors[green];
          text-transform: uppercase;
          font-size: 18px;

          @media (min-width: 960px) {
            color: #fff;
            font-size: 25px;
            font-weight: 500;
            margin: 0 0 10px;
          }
        }

        p {
          font-size: 12px;
          line-height: 20px;

          @media (min-width: 960px) {
            font-size: 14px;
            line-height: 22px;
          }
        }

        .img {
          height: 300px;
          width: 100%;

          @media (min-width: 960px) {
            height: 450px;
          }

          img {
            height: 100%;
            width: 100%;
            object-fit: cover;
          }
        }

        .text {
          @media (min-width: 960px) {
              position: absolute;
              bottom: 0;
              width: 100%;
              padding: 20px;
              margin: auto;
              left: 0;
              right: 0;
              color: #fff;
              background: linear-gradient(0deg, #07282a, transparent);
          }
        }
      }
    }
  }
}

//help center
.help-center {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 10%;
  background-color: #fff;
  z-index: 999;
  height: 100%;
  overflow-x: scroll;
  visibility: hidden;
  #lib.transition(0.1s);
  opacity: 0;
  display: none;

  &.show {
    display: block;
    visibility: visible;
    #lib.transition(0.1s);
    opacity: 1;
  }

  @media (min-width: 960px) {
    width: 500px;
    bottom: 0;
    right: 0;
    height: 500px;
    top: auto;
    left: auto;
    padding: 50px 20px;
    webkit-box-shadow: -9px -8px 12px -4px rgb(139 108 61 / 55%);
    -moz-box-shadow: -9px -8px 12px -4px rgba(139,108,61,1);
    box-shadow: -9px -8px 12px -4px rgb(139 108 61 / 25%);
  }

  .container {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  a {
    &:hover {
      text-decoration: none;
    }
  }

  .close-help {
    display: flex;
    align-items: center;
    height: 30px;
    width: 30px;
    z-index: 999;
    border: 2px solid;
    border-radius: 100%;
    cursor: pointer;
    background-color: transparent;
    #lib.transition(0.2s);
    position: absolute;
    right:0;
    top: -5px;

    &:hover {
      background-color: #lib.colors[green];
      #lib.transition(0.2s);

      .icon {
        background: #fff;
      }
    }

    .icon {
      width: 18px;
      height: 18px;
    }      
  }

  .top {
    display: flex;
    position:relative;
    #lib.borda(1px);
    padding: 15px 0;

    span {
      font-size: 20px;
      color: #lib.colors[green];
      font-weight: 500;
      max-width: 80%;
    }
  }

  .info {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap:30px;
    margin:0;

    li {
      list-style: none;
      
      a {
        display: flex;
        gap:20px;

        .icon {
          width: 30px;
          height: 30px;
          background-color: #lib.colors[beigeDark];
        }

        &:hover {
          .icon {
            background-color: #lib.colors[green];
            #lib.transition(.2s);
          }
        }
      }

      div {
        display: flex;
        flex-direction: column;
        gap: 5px;

        .big {
          font-size: 16px;
        }

        .small {
          font-size: 13px;
          color: #6b6b6b;
        }
      }
    }
  }
}

//mobile specifics
.mobile-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 10%;
  background-color: #fff;
  z-index: 999;
  height: 100%;
  overflow-x: scroll;
  visibility: hidden;
  #lib.transition(0.1s);
  opacity: 0;
  display: none;

  &.show {
    display: block;
    visibility: visible;
    #lib.transition(0.1s);
    opacity: 1;
  }

  a {
    &:hover {
      text-decoration: none;
    }
  }

  .container {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .top {
    display: flex;
    align-items:center;

    .close-menu {
      display: flex;
      align-items: center;
      height: 30px;
      width: 30px;
      z-index: 999;
      border: 2px solid;
      border-radius: 100%;
      cursor: pointer;
      background-color: transparent;
      #lib.transition(0.2s);

      &:hover {
        background-color: #lib.colors[green];
        #lib.transition(0.2s);

        .icon {
          background: #fff;
        }
      }

      .icon {
        width: 18px;
        height: 18px;
      }      
    }

    .logo {
      background-image:url(../images/logo-mel.webp);
      background-repeat: no-repeat; 
      display: block; 
      height: 86px;
      width: 180px;
      background-size: 100%; 
      background-position: center; 
      overflow: hidden; 
      text-indent: -9999px; 
      z-index:999;
      margin: auto;
    }
  }

  .info {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap:30px;
    margin:0;

    li {
      list-style: none;
      
      a {
        display: flex;
        gap:20px;

        .icon {
          width: 30px;
          height: 30px;
          background-color: #lib.colors[beigeDark];
        }

        &:hover {
          .icon {
            background-color: #lib.colors[green];
            #lib.transition(.2s);
          }
        }
      }

      div {
        display: flex;
        flex-direction: column;
        gap: 5px;

        .big {
          font-size: 16px;
        }

        .small {
          font-size: 13px;
          color: #6b6b6b;
        }
      }
    }
  }

  .menu-area {
    display:flex;
    flex-direction: column;
    gap: 10px;

    .menu {
      .title {
        background-color: #lib.colors[beigeLight];
        color: #9b6e2b;
        padding: 15px;
        font-size: 16px;
        border: 0;
        width: 100%;
        text-align: left;
        cursor: pointer;
      }

      ul {
        padding: 0;

        li {
          list-style: none;
          padding: 5px 0;
        }

        a {
          font-size: 15px;
        }
      }
    }

    .hide-links {
      display: none;
      #lib.transition(.2s);
    }
  }
}

.services_mobile {
  background-color: #e9e3d9;
  padding: 50px 0;
  width: 100%;
  margin-top: 30px;

  h2 {
    font-family: 'Lora', sans-serif;
    color: #lib.colors[green];
    text-transform: uppercase;
    font-size: 25px;
  }

  .btns {
    display: flex;
    gap: 20px;
    margin-top: 20px;
  }

  @media (min-width: 960px) {
    display: none;
  }
}

//footer 
.vip {
  background-image: url('../images/vip.webp');
  background-size: cover;
  padding: 80px 0;
  color: #fff;
  background-position: center;
  text-align: center;

  .container {
    max-width: 450px;
    width: 80%;
  }

  h2 {
    font-size: 25px;
    font-weight: 500;
    font-family: 'Lora', sans-serif;
    text-transform: uppercase;
    margin: 0 0 15px;
  }
}

.footer {
	padding: 40px 0 15px;
  background-color: #lib.colors[green];
  color: #fff;

  h2 {
    text-transform: uppercase;
    color: #99a5a6;
    font-weight: 600;
    font-size: 15px;
    border-bottom: 1px solid #1d393b;
    padding: 10px 0;
    margin: 0;
    cursor: pointer;

    @media (min-width: 960px) {
      border: 0;
    }
  }

  h3 {
    text-transform: uppercase;
    color: #99a5a6;
    font-weight: 600;
    font-size: 15px;
  }

  ul {
    padding: 0;
    margin: 0;
    padding: 15px 0;

    li {
      list-style: none;
      padding: 5px 0;

      a {
        color: #fff;
      }
    }
  }

  .wp-block-columns {
    gap: 0;
    display: grid;

    @media (min-width: 960px) { 
      gap: 60px;
      display: flex;
    }
  }

  .menu-principal-container, .menu-servicos-container, .menu-politicas-container {
    display: none;

    @media (min-width: 960px) { 
      display: block;
    }
  }

  .site__footer {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr 2fr;
    gap: 20px;

    .column {
      ul.menu {
        padding: 0;
      }

      .space {
        height: 20px;
        display: block;
      }
    }

    @media(max-width:899px) {
      grid-template-columns: 1fr;
      gap: 0;      

      h3 {
        cursor: pointer;
      }

      .column {
        & > div {
          display: none;
        }

        .space {
          height: 5px;
        }
      }
    }
  }

  .shop__footer {
    display: none;
  }

  .copyright {
    display: flex;
    justify-content: space-between;
    color: #647576;
    font-size: 11px;
    flex-direction: column;
    text-align: center;
    margin-top: 20px;

    @media (min-width: 960px) {
      flex-direction: row;
    }
  }
}

//pages
.page {
  .page-content {
    padding: 0 0 60px;

    .container {
      max-width: 1000px;
    }
  }  

  .main-image {
    width: 100%;
    max-width: 1920px;
    height: 500px;
    object-fit: cover;
    margin: auto;
    position: relative;
    margin-bottom: 60px;

    h1 {
      position: absolute;
      bottom: 20px;
      left: 5%;
      color: #fff;
      font-family: 'Playfair Display', sans-serif;
      font-weight: 400;
      font-size: 50px;
      font-style: italic;
    }

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }

  .page-content {
    h2 {
      font-family: 'Playfair Display', serif;
      color: #lib.colors[green];
      font-size: 25px;
      font-weight: 400;

      @media (min-width: 960px) {
        font-size: 35px;
      }
    }
  }

  .playfair-title {
    font-family: 'Playfair Display', serif;
    color: #lib.colors[green];
    font-size: 30px;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 20px;

    @media (min-width: 960px) {
      font-size: 40px;
    }
  }

  .call {
    margin-bottom: 40px;
  }
}

.page-template-servicos-page {
  .page-content {

    h3 {
      font-family: "Playfair Display", serif;
      color: #lib.colors[green];
      font-size: 30px;
      font-style: italic;
      font-weight: 400;
      margin: 0;
    }

    ul.wp-block-list {
      padding: 0 0 0 20px;
      list-style: auto;

      li {
          padding: 10px 0;
          border-bottom: 1px solid #ebe2d3;
          font-family: "Playfair Display", serif;
          font-size: 17px;
      }
    }
  }
}

.woocommerce-page {
  &.woocommerce-account {
    .woocommerce-MyAccount-navigation {
      display: block;      
    }

    .dash__mobile {
      display: none;

      @media (min-width: 960px) { 
        display: block;
      }
    }

    .content__mobile {

      @media (min-width: 960px) { 
        display: block;
      }
    }

    .page-content {
      padding: 10px 0;

      @media (min-width: 960px) { 
        padding: 80px 0;
      }
    }

    label {
      font-size: 12px;
      font-weight: 500;
    }

    input {
      background-color: transparent;
      border: 1px solid #b9b0a2;
      padding: 10px;
    }

    button.button {
      background-color: #lib.colors[green];
      color: #fff;
      width: 100%;
      text-align: center;
      font-weight: 400;
      border-radius: 0;
      padding: 15px;
      font-size: 14px;
      border: 1px solid #lib.colors[green];
      #lib.transition(.2s);


      &:hover {
        background-color: transparent;
        color: #lib.colors[green];
        #lib.transition(.2s);
      }
    }

    .woocommerce-MyAccount-content {
      width:100%;

      @media (min-width: 960px) { 
        width: 68%;
      }

      h2 {
        display: flex;
        gap: 10px;
        align-items: center;
        font-weight:600;
        font-size: 18px;
        font-family: 'Lora', sans-serif;
        text-transform: uppercase;
        justify-content: center;
        margin: 20px 0 30px;
        color: #lib.colors[green];

        .icon {
          width: 15px;
          height: 15px;
        }

        a.btn {
          padding: 0;
          cursor: pointer;
          background-color: transparent;
          position: absolute;
          left: 7.5%;
        }

        @media (min-width: 960px) { 
          display: none;
        }
      }
    }

    .vip, h1 {
      display: none;
    }

    .woocommerce {
      h1 {
        display: block;
      }
    }

    .underline {
      a {
        color: #9d7436;
        text-decoration: underline;

        &:hover {
          color:#lib.colors[green];
        }
      }
    }

    .list {
      padding: 0;

      li {
        list-style: none;
        display: flex;
        gap: 10px;
        padding: 5px 0;
        align-items: center;

        .border {
          border: 1px solid;
          padding: 5px;
          width: 40px;
          height: 40px;
          border-radius: 100%;
          display: flex;
          align-items: center;
          justify-content: center;

          .icon {
            width: 20px;
            height: 20px;
          }
        }
      }
    }

    .woocommerce-MyAccount-navigation {
      width: 100%;

      @media (min-width: 960px) { 
        width: 30%;
      }

      ul {
        padding: 0;
        margin: 0;

        li {
          list-style: none;
          #lib.borda(1px);
          padding: 20px 0;

          a {
            display: flex;
            align-items: self-start;
            gap: 20px;

            &:hover {
              text-decoration: none;
            }

            p {
              padding: 0;
              margin: 0;
              font-size: 13px;
              color: #b7a481;
            }
          }

          &.logout {
            a {
              align-items: center;
            }
          }
        }
      }
    }

    &.woocommerce-alterar-senha {
      .woocommerce-MyAccount-navigation {
        display: none;

        @media (min-width: 960px) { 
          display: block;
        }      
      }
    }

    &.woocommerce-orders {
      .woocommerce-MyAccount-navigation {
        display: none;

        @media (min-width: 960px) { 
          display: block;
        }      
      }

      .content__mobile {
        display: block;

        @media (min-width: 960px) { 
          width: 100%;
        }
      }

      .woocommerce__orders {  
        ul {
          padding: 0;
          display: flex;
          flex-direction: column;
          gap: 20px;

          li {
            list-style: none;
            border: 1px solid #lib.colors[beigeMedium];
            padding: 20px;
          }
        }

        .orders__item {
          display:flex;
          justify-content: space-between;

          .thumb {
            position: relative;
            width: 120px;
            height: 150px;
            object-fit: contain;

            .number {
              position: absolute;
              bottom: 10px;
              background-color: #lib.colors[beigeMedium];
              width: 32px;
              text-align: center;
              height: 32px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 100%;
              left: -15px;
              color: #lib.colors[green];
              font-size: 12px;
            }

            img {
              display: none;
              height: 100%;
              width: 100%;
              object-fit: cover;

              &:nth-child(2) {
                display: block;
              }
            }
          }

          .orders__wrapper {
            max-width: 200px;
            display: flex;
            flex-direction: column;
            justify-content: inherit;

            .price {
              font-weight: 600;
            }

            .label {
              display: block;
              font-size: 13px;
              font-weight: 400;                
            }

            .status {
              font-weight: 600;
            }
          }
        }

        .woocommerce-button {
          margin-top: 15px;
          background-color: #lib.colors[green];
          color: #fff;
          width: 100%;
          text-align: center;
          font-weight: 400;
          border-radius: 0;
          padding: 15px;
          font-size: 14px;
          border: 1px solid #lib.colors[green];

          &:hover {
            background-color: transparent;
            color: #lib.colors[green];
          }
        }
      }

      .woocommerce-pagination {
        a.woocommerce-button {
          padding: 0;
          background-color: transparent;
          color: #lib.colors[green];
        }
      }
    }

    &.woocommerce-view-order {
      .woocommerce-MyAccount-navigation {
        display: none;

        @media (min-width: 960px) { 
          display: block;
        }
      }

      .order-number {
        font-weight: 600;
        text-transform: uppercase;
        padding-top: 15px;
      }

      .order-date {
        padding-bottom: 15px;
      }

      .product__list {
        border: 1px solid #e1d8c8;
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 15px;

        h3 {
          margin: 0;
        }
      }

      .order__product {
        display: flex;
        align-items: start;
        gap: 20px;
        #lib.borda(1px);
        padding-bottom: 20px;

        .order__image {
            width: 80px;
            height: 100px;
            object-fit: cover;

            img {
              height: 100%;
              width: 100%;
              object-fit: cover;
            }
        }

        .order__content{
          width: calc(100% - 100px);
          display: flex;
          flex-direction: column;
          gap: 10px;
          height: 100px;
          justify-content: space-between;

          .wc-item-meta {
            padding: 0;
            font-size: 12px;

            li {
              list-style: none;
              margin: 0;
              display: flex;
              gap: 5px;

              p {
                margin: 0;
                line-height: inherit;
              }
            }
          }
        }

        .order__flex {
          display: flex;
          justify-content: space-between;
          margin-top: auto;
          gap: 5px;
          font-size: 13px;

          .price {
            font-weight: 600;
            font-size: 14px;
          }
        }
      }

      .order_item:last-child{
        .order__product {
          border: 0;
          padding: 0;
        }
      }

      .order__shippiment {
        border: 1px solid #e1d8c8;
        padding: 20px;

        h3 {
          margin: 0;
        }
      }

      h2.wc-correios-tracking-title {
        display: block;
        font-family: 'Inter', sans-serif;
        font-size: 15px;
        margin-top: 30px;
      }

      .wc-correios-tracking-description {
        display: none;
      }

      .wc-correios-tracking-list {
        padding: 0;

        li {
          list-style: none;
          border: 1px solid #lib.colors[beigeMedium];
          padding: 15px;
        }
      }

      .order-again {
        a.button {
          width: 100%;
          text-align: center;
          background: #fff;
          text-transform: uppercase;
          font-weight: 500;
          font-size: 13px;
          padding: 15px;
          color: #fff;
          background-color: #lib.colors[green];
        }
      }

      .order__resume {
        margin-top: 2em;
        border: 1px solid #e1d8c8;
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 5px;

        h3 {
          margin: 0 0 10px;
        }

        p {
          display: flex;
          justify-content: space-between;
          margin: 0;
          line-height: inherit;
        }
      }
    }

    &.woocommerce-edit-address {
      .woocommerce-MyAccount-navigation {
        display: none;

        @media (min-width: 960px) { 
          display: block;
        }
      }

      .content__mobile {
        display: block;
      }

      .woocommerce__address {
        width: 100%;
      }

      .woocommerce-Addresses {
        display: flex;
        flex-direction: column;
        gap: 20px;

        &::before {
          display: none;
        }        

        .woocommerce__address:nth-child(even) {
          border-top: 2px solid #lib.colors[beigeMedium];
          padding-top: 20px;
        }
      }

      address {
        font-style: normal;
      }

      .flex {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;

        a {
          font-size: 13px;
          font-weight: 500;
        }
      }

      h3 {
        margin: 0;
        font-size: 15px;
      }
    }
  }

  &.woocommerce-edit-account {
    .woocommerce-MyAccount-navigation {
        display: none;

        @media (min-width: 960px) { 
          display: block;
        }      
      }

      .content__mobile {
        display: block;

        @media (min-width: 960px) { 
          width: 100%;
        }
      }
  }
}

.bar__benefits {
  background-color: #ede8e1;
  padding: 40px 0;
  color: #lib.colors[green];
  text-align: center;
  font-size: 13px;

  strong {
    font-size: 15px;
    letter-spacing: .5px;
    font-family: 'Lora', sans-serif;
    margin-top: 15px;
    display: block;
  }

  .beneficio {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    .text {
      text-align: left;
    }
  }

  p {
    margin: 0;
    line-height: 20px;
  } 

  .slick-slider {
    .slick-prev {
      left: 10px;
      z-index: 99;

      &::before {
        content: ' ';
        background-image: url(../images/left.svg);
        width: 12px;
        height: 12px;
        background-size: 100%;
        display: block;
      }
    }

    .slick-next {
      right: 10px;
      z-index: 99;

      &::before {
        content: ' ';
        background-image: url(../images/left.svg);
        width: 12px;
        height: 12px;
        background-size: 100%;
        display: block;
        transform: rotateZ(180deg);
      }
    }

    @media (min-width: 960px) { 
      .slick-slide {
        border-left: 1px solid #e1d8c8;

        &:nth-child(1) {
          border-left: 1px solid transparent;
        }
      }
    }
  }
}

//page templates
.woocommerce-order-received {
  .page-content {
    background-image: url(../images/thanks.webp);
    color: #99a5a6;
    padding: 150px 0;
    text-align: center;

    .container {
      max-width: 700px;
    }

    h1 {
      font-family: 'Lora', sans-serif;
      color: #lib.colors[beigeMedium];
      font-weight: 500;
      text-transform: uppercase;
      margin: 0 0 10px;
      font-size: 25px;
    }

    h2 {
      font-weight: 400;
      color: #lib.colors[beigeLight];
    }
  }

  .vip, .woocommerce-order-overview, .woocommerce-order-details, .woocommerce-customer-details {
    display: none;
  }
}

//woocommerce produts
.woocommerce {
  .woocommerce-breadcrumb {
    padding: 0;
    display: flex;
    gap: 5px;
    font-size: 11px !important;

    li {
      list-style: none;
    }

    &::before, &::after {
      display: none !important;
    }
  }

  .single__product {
    padding: 20px 0;

    .product {
      display: flex;
      flex-direction: column;
    }

    .summary.entry-summary {
      position: relative;      

      .wlfmc-add-to-wishlist {
        position: absolute;
        top: 0;
        right: 0;
      }
    }

    h1.product_title.entry-title {
      font-family: 'Lora', sans-serif;
      text-transform: uppercase;
      color: #lib.colors[green];
      font-weight: 500;
      width: calc(100% - 50px);
    }

    .product_meta {
      font-size: 13px;
      display: flex;
      flex-direction: column;
      gap: 5px;
    }

    .woocommerce-product-details__short-description {
      p {
        font-size: 13px;
        line-height: 21px;
      }
    }

    .variations {
      margin:0 !important;

      tr {
        display: flex;
        flex-direction: column;
        text-align: left;
      }

      .label {
        label {
          text-transform: uppercase;
          font-weight: 500;
          font-size: 12px;
        }
      }

      .value {
        select {
          width: 100%;
          background-color: #lib.colors[beigeLight];
          border: 1px solid #lib.colors[beigeMedium];
          padding: 10px;
        }
      }
    }

    .price {
      font-weight: 600;
      font-size: 18px;
      color: #lib.colors[green];

      &.fswp_calc {
        font-weight: 400;
        font-size: 13px;
        margin: 0;
        color: #lib.colors[green];
        margin-bottom: 15px;
      }
    }

    .quantity {
      input {
        border: 1px solid #lib.colors[beigeMedium];
        width: 100px;
        padding: 11px 10px;
        background-color: transparent;
      }
    }

    button.single_add_to_cart_button.button {
      background-color: #lib.colors[green];
      color: #fff;
      text-transform: uppercase;
      font-weight: 500;
      border-radius:0;
      font-size: 13px;
      width: calc(100% - 104px);
      padding: 12px;
      border: 1px solid #lib.colors[green];
      #lib.transition(.2s);

      &.disabled {
        background-color: #lib.colors[beigeDark];
        border: 1px solid #lib.colors[beigeDark];
        #lib.transition(.2s);

        &:hover {
          background-color: #lib.colors[beigeDark];
          #lib.transition(.2s);
        }
      }

      &:hover {
          color: #lib.colors[green];
          background-color: transparent;
          #lib.transition(.2s);
      }
    }

    .onsale {
      background-color: #lib.colors[green];
      color: #fff;
      width: 50px;
      height: 0;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 0;
      font-size: 12px;
      font-weight: 400;
      margin: 15px;
    }

    .woocommerce-tabs {
      .tabs.wc-tabs {
        display: none;
      }

      .woocommerce-Tabs-panel {
        font-size: 14px;
        padding: 30px 0  10px !important;

        h2 {
          color: #lib.colors[green];
          font-family: 'Lora', sans-serif;
          text-transform: uppercase;
          font-size: 18px;
          font-weight: 500;
        }
      }
    }

    .related.products, .up-sells.upsells {
      border-top: 1px solid #e1d8c8;
      padding: 30px 0 10px;

      h2, h3 {
        color: #lib.colors[green];
        font-family: 'Lora', sans-serif;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 500;
      }

      ul.products {
        li.product {
          position:relative;

          h2 {
            font-family: 'Inter', sans-serif;
            color: #958b7b;
            font-size: 13px;
            max-width: calc(100% - 45px);
          }

          .wlfmc-add-to-wishlist {
            position: absolute;
            right: 0;
            bottom: 80px;

            .wlfmc-icon-heart {
              &::before {
                content: ' ';
                background-image: url(../images/heart.svg);
                height: 18px;
                display: block;
                width: 18px;
                background-size: 100%;
              }
            }
          }

          .onsale {
            background-color: #lib.colors[green];
            color: #fff;
            width: 50px;
            height: 0;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0;
            font-size: 12px;
            font-weight: 400;
            margin: 10px;
          }

          .price {
            color: #lib.colors[green];
            font-size: 15px;
            font-weight: 500;
            margin: 0;
            line-height: initial;
          }

          .add_to_cart_button {
            background-color: #lib.colors[green];
            color: #fff;
            width: 100%;
            text-align: center;
            border-radius: 0;
            text-transform: uppercase;
            font-size: 11px;
            padding: 11px;
            font-weight: 400;
            letter-spacing: .5px;
            border: 1px solid #lib.colors[green];
            margin-top: 10px;

            &:hover {
              background-color: transparent;
              color: #lib.colors[green];
            }
          }

          .cwg_popup_submit {
            background-color: #lib.colors[beigeDark];
            color: #fff;
            width: 100%;
            text-align: center;
            border-radius: 0;
            text-transform: uppercase;
            font-size: 11px;
            padding: 11px;
            font-weight: 400;
            letter-spacing: .5px;
            border: 1px solid #lib.colors[beigeDark];
            margin-top: 10px;
            cursor: pointer;
            #lib.transition(.2s);

            &:hover {
              background-color: transparent;
              color: #lib.colors[beigeDark];
              #lib.transition(.2s);
            }
          }
        }
      }
    }
  }

  .woocommerce-ordering {
    select {
      border: 0;
      padding: 6px;
      background: #ebe7e1;
    }
  }
}
.products__list {
  padding: 30px 0 15px;
  #lib.borda(1px);

  h1 {
    color: #lib.colors[green];
    font-family: 'Lora', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
  }

  h2 {
    font-family: 'Lora', sans-serif;
    text-transform: uppercase;
    color: #lib.colors[green];
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: 500;
  }

  a.link {
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    text-align: center;
    font-size: 14px;
  }

  .woocommerce {
    ul.products {
      li.product {
        position:relative;

        h2 {
          font-family: 'Inter', sans-serif;
          color: #958b7b;
          font-size: 13px;
          max-width: calc(100% - 45px);
        }

        .wlfmc-add-to-wishlist {
          position: absolute;
          right: 0;
          bottom: 80px;

          .wlfmc-icon-heart {
            &::before {
              content: ' ';
              background-image: url(../images/heart.svg);
              height: 18px;
              display: block;
              width: 18px;
              background-size: 100%;
            }
          }
        }

        .onsale {
          background-color: #lib.colors[green];
          color: #fff;
          width: 50px;
          height: 0;
          padding: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 0;
          font-size: 12px;
          font-weight: 400;
          margin: 10px;
        }

        .price {
          color: #lib.colors[green];
          font-size: 15px;
          font-weight: 500;
          margin: 0;
          line-height: initial;
        }

        .add_to_cart_button {
          background-color: #lib.colors[green];
          color: #fff;
          width: 100%;
          text-align: center;
          border-radius: 0;
          text-transform: uppercase;
          font-size: 11px;
          padding: 11px;
          font-weight: 400;
          letter-spacing: .5px;
          border: 1px solid #lib.colors[green];
          margin-top: 10px;

          &:hover {
            background-color: transparent;
            color: #lib.colors[green];
          }
        }

        .cwg_popup_submit {
          background-color: #lib.colors[beigeDark];
          color: #fff;
          width: 100%;
          text-align: center;
          border-radius: 0;
          text-transform: uppercase;
          font-size: 11px;
          padding: 11px;
          font-weight: 400;
          letter-spacing: .5px;
          border: 1px solid #lib.colors[beigeDark];
          margin-top: 10px;
          cursor: pointer;
          #lib.transition(.2s);

          &:hover {
            background-color: transparent;
            color: #lib.colors[beigeDark];
            #lib.transition(.2s);
          }
        }
      }
    }
  }

  .woocommerce-pagination {
    ul.page-numbers {
      padding: 0;
      display: flex;
      justify-content: center;
      gap: 5px;

      li {
        list-style: none;
        margin: 0;
        border: 0;

        span.current {
          background-color: #lib.colors[green];
          color: #fff;
          padding: 6px 10px;
        }

        a {
          border: 1px solid #lib.colors[beigeMedium];
          color: #lib.colors[beigeDark];
          padding: 5px 10px;

          &:hover {
            background-color: #lib.colors[beigeMedium];
            color: #fff;
          }
        }
      }
    }
  }

  .filter {
    #lib.borda(1px);
    padding: 40px 0;
    margin-bottom: 60px;

    .btn-filter {
      background-color: #lib.colors[green];
      color: #fff;
      padding: 10px 20px;
      display: inline;
      border: 0;
      text-transform: uppercase;
      font-weight: 500;
      cursor: pointer;
    }

    .filtros {
        position: fixed;
        top: 0;
        left: -60%;        
        transition: all .3s linear;
        background: #fff;
        width: 80%;
        max-width: 400px;
        padding: 30px;
        height: 100vh;
        z-index: 11;
        visibility: hidden;

        &.visible {
          visibility : visible;
          transition: all .3s linear;
          left: 0;
        }

        .filter_header {
          display: flex;
          align-items: center;
          justify-content: space-between;

          h2 {
            margin: 0;
          }

          .close {
            background-color: #c69e62;
            color: #fff;
            border: 0;
            font-weight: 600;
            cursor: pointer;
            width: 25px;
            height: 25px;
          }
        }
    }

    .overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 10;
      visibility: hidden;
      transition: all .2s ease-in;

      &.visible {
        visibility: visible;
        transition: all .2s ease-in;
      }
    }
  }

  .category__information {
    display: flex;
    gap: 30px;
    flex-direction: column;

    @media (min-width: 960px) { 
      flex-direction: row;
      gap: 80px;
    }

    .descricao {
      width: 100%;
      font-size: 14px;

      @media (min-width: 960px) { 
        width: calc(100% - 680px);
      }
    }

    .image__destaq {
      width: 100%;
      height: 400px;
      object-fit: cover;

      @media (min-width: 960px) { 
        width: 600px;
      }

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
  }
}

.archive {
  .products__list {
    border: 0;
  }
}

.woocommerce-cart {
  h1 {
    margin: 0 0 30px;
    text-transform: uppercase;
    font-family: 'Lora', sans-serif;
    color: #lib.colors[green];
  }

  .cart {
    display: flex;    
    gap: 10px;
    flex-direction: column;
    align-items: self-start;

    @media (min-width: 960px) { 
      flex-direction: row;
      gap: 50px;
    }

    .cart-collaterals {
      width: 100%;
      background-color: #ede8e1;
      padding: 25px;

       @media (min-width: 960px) { 
        width: 400px;
      }      

      tr {
        th, td {
          border-top: 1px solid #e1d8c8 !important;
        }

        &.cart-discount {
          th, td {
            border-top: 0 !important;
          }
        }
      }
      
      .cross-sells {
        display: none;
      }

      .cart_totals {
        width: 100%;

        &:nth-child(3) {
          display: none;
        }
      }

      .shop_table {
        border: 0;
      }

      .coupon {
        padding-bottom: 10px;

        .flex {
          display: flex;
          gap: 5px;
          padding-top: 5px;

          input {
            width: calc(100% - 95px);
            background-color: transparent;
            border: 1px solid #lib.colors[beigeDark];
            padding: 5px;
          }

          button {
            background-color: #lib.colors[beigeDark];
            font-size: 12px;
            text-transform: uppercase;
            font-weight: 400;
            border-radius: 0;
            letter-spacing: .5px;
            padding: 10px 0;
            width: 90px;
            #lib.transition(.2s);
            color: #fff;
            border: 1px solid #lib.colors[beigeDark];
          }
        }
      }

      .wc-proceed-to-checkout {
        padding: 10px 0 0;

        a.checkout-button {
          background-color: #lib.colors[green];
          font-size: 13px;
          text-transform: uppercase;
          font-weight: 400;
          border-radius: 0;
          letter-spacing: .5px;
          padding: 15px;
          #lib.transition(.2s);
          line-height: 22px;
          border: 1px solid #lib.colors[green];
          margin: 0;

          &:hover {
            background-color: transparent;
            color: #lib.colors[green];
          }
        }
      }
    }

    .cart__products {
      width: 100%;

      @media (min-width: 960px) { 
        width: calc(100% - 450px);
      }

      .cart_item {
        display: flex;
        gap: 20px;
        #lib.borda(1px);
        padding: 15px 0;

        .product-thumbnail {
          width: 105px;
        }

        .product__meta {
          width: calc(100% - 120px);
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          gap: 5px;

          .variation {
            display: flex;
            align-items: center;
            gap: 5px;
            margin: 5px 0 0;

            dt {
              font-size: 11px;
              letter-spacing: 0.5px;
              font-weight: 500;
            }

            dd {
              margin: 0;
              font-size: 12px;

              p {
                margin: 0;
                line-height: inherit;
              }
            }
          }

          .flex {
            display: flex;
            justify-content: space-between;

            .quantity {
              input.qty {
                background-color: transparent;
                border:1px solid #lib.colors[beigeMedium];
                padding: 5px;
              }
            }
          }

          .product-remove {
            a {
              font-size: 12px;
              text-decoration: underline;
            }
          }
        }
      }

     .cart_totals {
      display: none;
     } 
    }

    .cart__upsells {
      padding-top: 25px;

      h2 {
        font-family: 'Lora', sans-serif;
        text-transform: uppercase;
        color: #lib.colors[green];
        margin: 0 0 20px;
        font-size: 20px;
        font-weight: 500;
      }

      ul.products {
        li.product {
          position:relative;

          h2 {
            font-family: 'Inter', sans-serif;
            color: #958b7b;
            font-size: 13px;
            max-width: calc(100% - 45px);
          }

          .wlfmc-add-to-wishlist {
            position: absolute;
            right: 0;
            bottom: 80px;

            .wlfmc-icon-heart {
              &::before {
                content: ' ';
                background-image: url(../images/heart.svg);
                height: 18px;
                display: block;
                width: 18px;
                background-size: 100%;
              }
            }
          }

          .onsale {
            background-color: #lib.colors[green];
            color: #fff;
            width: 50px;
            height: 0;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0;
            font-size: 12px;
            font-weight: 400;
            margin: 10px;
          }

          .price {
            color: #lib.colors[green];
            font-size: 15px;
            font-weight: 500;
            margin: 0;
            line-height: initial;
          }

          .add_to_cart_button {
            background-color: #lib.colors[green];
            color: #fff;
            width: 100%;
            text-align: center;
            border-radius: 0;
            text-transform: uppercase;
            font-size: 11px;
            padding: 11px;
            font-weight: 400;
            letter-spacing: .5px;
            border: 1px solid #lib.colors[green];
            margin-top: 10px;

            &:hover {
              background-color: transparent;
              color: #lib.colors[green];
            }
          }

          .cwg_popup_submit {
            background-color: #lib.colors[beigeDark];
            color: #fff;
            width: 100%;
            text-align: center;
            border-radius: 0;
            text-transform: uppercase;
            font-size: 11px;
            padding: 11px;
            font-weight: 400;
            letter-spacing: .5px;
            border: 1px solid #lib.colors[beigeDark];
            margin-top: 10px;
            cursor: pointer;
            #lib.transition(.2s);

            &:hover {
              background-color: transparent;
              color: #lib.colors[beigeDark];
              #lib.transition(.2s);
            }
          }
        }
      }
    }
  }
}

.woocommerce-checkout {
  .woocommerce-checkout-review-order {
    .woocommerce-checkout-payment#payment {
      border-radius: 0;
      background-color: #ede8e1;

      .payment_box.payment_method_bacs {

      }
    }
  }
}

.woocommerce-page {
  .woocommerce-error, 
  .woocommerce-info, 
  .woocommerce-message {
    background-color: transparent;
    color: #lib.colors[green];
    font-size: 14px;
    font-weight: 500;
    border: 1px solid;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;

    &::before, &::after {
      display: none;
    }
  }

  .woocommerce-error {
    color: #aa2e31;
  }

  .woocommerce {
    a.button, button.button {
      background-color: #lib.colors[green];
      color: #fff;
      text-transform: uppercase;
      #lib.transition(.2s);
      font-weight: 400;
      font-size: 13px;
      letter-spacing: .5px;
      border-radius: 0;
      padding: 10px 20px;
      border: 1px solid #lib.colors[green];      

      &:hover {
        background-color: transparent;
        color: #lib.colors[green];
      }
    }
  }
}

//specifics
body.page-template-semijoias, body.woocommerce-page {
  header {
    padding: 0 0 20px;

    .main-menu {
      .site__menu {
        display: none;
      }

      .shop__menu {
        display: block;
      }
    }

    .bar__destaq {
      display: block;
    }
  }

  footer {
    .site__footer {
      display: none;
    }

    .shop__footer {
      display: block;
    }
  }

  .page-content {
	  padding: 60px 0;
	  
    .main-image {
      display: none;
    }
  }
}



//error
body.error404 {
  .error__content {
    background-image: url(../images/thanks.webp);
    color: #99a5a6;
    padding: 150px 0;
    text-align: center;

    h1 {
      font-size: 6rem;
      margin: 0;
    }

    h2 {
      margin: 0 0 25px;
    }

    .btn {
      display: inline-block;
    }
  }
}


#wpp-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 99;

  &:hover {
    box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .15);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  #wpp-icon {
    width: 35px;
    height: 35px;
    display: block;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjU2IiB3aWR0aD0iMjU2IiB2aWV3Qm94PSItMjMgLTIxIDY4MiA2ODIuNjY3IiBmaWxsPSIjZmZmIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik01NDQuMzg3IDkzLjAwOEM0ODQuNTEyIDMzLjA2MyA0MDQuODgzLjAzNSAzMjAuMDUxIDAgMTQ1LjI0NiAwIDIuOTggMTQyLjI2MiAyLjkxIDMxNy4xMTNjLS4wMjMgNTUuODk1IDE0LjU3OCAxMTAuNDU3IDQyLjMzMiAxNTguNTUxTC4yNSA2NDBsMTY4LjEyMS00NC4xMDJjNDYuMzI0IDI1LjI3IDk4LjQ3NyAzOC41ODYgMTUxLjU1MSAzOC42MDJoLjEzM2MxNzQuNzg1IDAgMzE3LjA2Ni0xNDIuMjczIDMxNy4xMzMtMzE3LjEzMy4wMzUtODQuNzQyLTMyLjkyMi0xNjQuNDE4LTkyLjgwMS0yMjQuMzU5ek0zMjAuMDUxIDU4MC45NDFoLS4xMDljLTQ3LjI5Ny0uMDItOTMuNjg0LTEyLjczLTEzNC4xNi0zNi43NDJsLTkuNjIxLTUuNzE1LTk5Ljc2NiAyNi4xNzIgMjYuNjI5LTk3LjI3LTYuMjctOS45NzNjLTI2LjM4Ny00MS45NjktNDAuMzItOTAuNDc3LTQwLjI5Ny0xNDAuMjgxLjA1NS0xNDUuMzMyIDExOC4zMDUtMjYzLjU3IDI2My42OTktMjYzLjU3IDcwLjQwNi4wMjMgMTM2LjU5IDI3LjQ3NyAxODYuMzU1IDc3LjMwMXM3Ny4xNTYgMTE2LjA1MSA3Ny4xMzMgMTg2LjQ4NGMtLjA2MiAxNDUuMzQ0LTExOC4zMDUgMjYzLjU5NC0yNjMuNTk0IDI2My41OTR6bTE0NC41ODYtMTk3LjQxOGMtNy45MjItMy45NjktNDYuODgzLTIzLjEzMy01NC4xNDgtMjUuNzgxLTcuMjU4LTIuNjQ1LTEyLjU0Ny0zLjk2MS0xNy44MjQgMy45NjktNS4yODUgNy45My0yMC40NjkgMjUuNzgxLTI1LjA5NCAzMS4wNjZzLTkuMjQyIDUuOTUzLTE3LjE2OCAxLjk4NC0zMy40NTctMTIuMzM2LTYzLjcyNy0zOS4zMzJjLTIzLjU1NS0yMS4wMTItMzkuNDU3LTQ2Ljk2MS00NC4wODItNTQuODkxLTQuNjE3LTcuOTM3LS4wMzktMTEuODEyIDMuNDc3LTE2LjE3MiA4LjU3OC0xMC42NTIgMTcuMTY4LTIxLjgyIDE5LjgwOS0yNy4xMDVzMS4zMi05LjkxOC0uNjY0LTEzLjg4M2MtMS45NzctMy45NjUtMTcuODI0LTQyLjk2OS0yNC40MjYtNTguODQtNi40MzctMTUuNDQ1LTEyLjk2NS0xMy4zNTktMTcuODMyLTEzLjYwMi00LjYxNy0uMjMtOS45MDItLjI3Ny0xNS4xODctLjI3N3MtMTMuODY3IDEuOTgtMjEuMTMzIDkuOTE4LTI3LjczIDI3LjEwMi0yNy43MyA2Ni4xMDUgMjguMzk1IDc2LjY4NCAzMi4zNTUgODEuOTczIDU1Ljg3OSA4NS4zMjggMTM1LjM2NyAxMTkuNjQ4YzE4LjkwNiA4LjE3MiAzMy42NjQgMTMuMDQzIDQ1LjE3NiAxNi42OTUgMTguOTg0IDYuMDMxIDM2LjI1NCA1LjE4IDQ5LjkxIDMuMTQxIDE1LjIyNy0yLjI3NyA0Ni44NzktMTkuMTcyIDUzLjQ4OC0zNy42OCA2LjYwMi0xOC41MTIgNi42MDItMzQuMzc1IDQuNjE3LTM3LjY4NC0xLjk3Ny0zLjMwNS03LjI2Mi01LjI4NS0xNS4xODQtOS4yNTR6bTAgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") center/35px 35px no-repeat;
  }
}



.category__information .text {
  max-height: 300px; /* Altura inicial visível */
  overflow: hidden;
  position: relative;
  transition: max-height 0.4s ease;
}

.category__information .descricao.open .text {
  max-height: 2000px; /* Suficiente para exibir tudo */
}

.read-more-button {
  display: inline-block;
  margin-top: 10px;
  cursor: pointer;
  color: #b58b6a;
  font-weight: 600;
  transition: color 0.3s;
}

.read-more-button:hover {
  color: #000;
  text-decoration: underline;
}