/* =========================================================
   GOOKI - styles.css (FINAL / PERFEITO)
   - Merge + limpeza + correções
   - Thumb 100x100 sem distorcer (crop inteligente)
========================================================= */


/* =========================================================
   ADMIN / CUSTOMIZER
========================================================= */

#customize-theme-controls #accordion-section-freemius_upsell h3.accordion-section-title {
  display: none !important;
}


/* =========================================================
   HEADER / ESPAÇAMENTOS
========================================================= */

body header.woocommerce-products-header {
  margin-bottom: 70px;
}

/* Cabeçalho hidden título */
header.page-header div.container div.page-subheading,
.page-header-title,
page-subheading {
  display: none !important;
}

/* Espaços no body */
#main #content-wrap {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
  padding-right: 5% !important;
  padding-left: 5% !important;
}

/* Barra topo fixa */
#top-bar-wrap {
  position: fixed !important;
  background-color: #fff;
  z-index: 10000;
  width: 100%;
  height: 35px;
}

#site-header {
  z-index: 10;
}

/* Menu fixo (rodapé/topo) */
#menu-foot {
  position: fixed;
  margin-bottom: 0px;
  bottom: 0px;
}

#menu-topo {
  position: fixed;
  margin-top: 0px;
}

/* Switcher */
.gt_switcher_wrapper {
  right: 10% !important;
}


/* =========================================================
   TOOLBAR / FILTROS
========================================================= */

div.oceanwp-toolbar.clr {
  display: none !important;
}


/* =========================================================
   STATUS BAR
========================================================= */

.shop-status-bar {
  z-index: 99999 !important;
  height: 30%;
}

.shop-status-bar .shop-status-bar-inline.close-bar {
  display: none;
}


/* =========================================================
   QUICK VIEW
========================================================= */

.quick-view-detail-button {
  display: none;
}

.owp-qv-content-inner .owp-qv-close {
  background-color: #ffffff;
}

span.archive.tax-product_cat a.owp-quick-view {
  width: 97px;
  margin-bottom: -100px;
}

a.owp-quick-view {
  font-size: 10px !important;
  border-radius: 0px 0px 10px 10px;
  max-width: 100px;
}


/* =========================================================
   PRODUTOS - LISTAGEM / LOOP
========================================================= */

.woocommerce ul.products .product {
  padding-bottom: 0px !important;
}

/* Ajustes gerais do card */
.woocommerce ul.products li.product .woo-entry-inner {
  min-height: 100px !important;
  margin-top: 25px !important;
}

.woocommerce ul.products li.product .woo-entry-inner li {
  margin-bottom: 0px !important;
}

.woocommerce ul.products li.product .woo-entry-inner li.image-wrap {
  margin-bottom: 0px !important;
}

/* Título padrão (aplica no site todo) */
h2 {
  margin: 0 0 0px;
  text-transform: uppercase;
}

/* Alinhamento da imagem e conteúdo */
.woocommerce ul.products.list .product-inner {
  align-items: flex-start;
}

/* A imagem fica “colada” à esquerda */
.woocommerce ul.products.list li.product .woo-entry-image {
  position: absolute !important;
}

/* O texto precisa abrir espaço pra imagem */
.woocommerce ul.products.list li.product .woo-entry-inner {
  margin-left: 110px;
  min-height: 100px;
}

.woocommerce ul.products li.owp-content-left .product-inner {
  margin-left: 10px;
  padding-bottom: 0px;
}

  @media only screen and (max-width: 767px)
.col:not(.swiper-slide), .blog-entry {
  margin-bottom: 0px;
}

/* =========================================================
   ✅ THUMB 100x100 PERFEITO (SEM DISTORCER)
   - container 100x100
   - imagem preenche sem deformar (crop)
========================================================= */

.woocommerce ul.products li.product .woo-entry-inner li.image-wrap .woo-entry-image,
.woocommerce ul.products li.product .woo-entry-inner li.image-wrap .product-entry-slider-wrap {
  width: 100px !important;
  height: 100px !important;
  overflow: hidden !important;
  border-radius: 10px;
}

/* imagem ocupa o quadrado, sem deformar */
.woocommerce ul.products li.product .woo-entry-inner li.image-wrap .woo-entry-image img,
.woocommerce ul.products li.product .woo-entry-inner li.image-wrap .product-entry-slider-wrap img,
div.woo-entry-image.clr img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border: 1px solid #cccccc;
  border-radius: 10%;
}


/* =========================================================
   TAGS EM ÍCONES
========================================================= */

.tagged_as {
  font-size: 0 !important;
  line-height: 0 !important;
  margin-top: 10px;
}

.tagged_as a[rel="tag"] {
  display: none !important;
}

.tagged_as a[href*="/tag/sem-acucar/"],
.tagged_as a[href*="/tag/zero-acucar/"],
.tagged_as a[href*="/tag/sem-gluten/"],
.tagged_as a[href*="/tag/sem-leite/"],
.tagged_as a[href*="/tag/sem-ovo/"],
.tagged_as a[href*="/tag/sem-xilitol/"] {
  display: inline-block !important;
  width: 70px;
  height: 64px;
  margin: 0 12px 8px 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

.tagged_as a[href*="/tag/sem-acucar/"] {
  background-image: url("https://pixcart.s3.sa-east-1.amazonaws.com/wp-content/uploads/sites/32/2026/01/21105047/sem-acucar-refinado.png");
}

.tagged_as a[href*="/tag/sem-gluten/"] {
  background-image: url("https://pixcart.s3.sa-east-1.amazonaws.com/wp-content/uploads/sites/32/2026/01/21105050/sem-gluten.png");
}

.tagged_as a[href*="/tag/sem-leite/"] {
  background-image: url("https://pixcart.s3.sa-east-1.amazonaws.com/wp-content/uploads/sites/32/2026/01/21105049/sem-leite.png");
}

.tagged_as a[href*="/tag/sem-ovo/"] {
  background-image: url("https://pixcart.s3.sa-east-1.amazonaws.com/wp-content/uploads/sites/32/2026/01/21105042/sem-ovo.png");
}

.tagged_as a[href*="/tag/zero-acucar/"] {
  background-image: url("https://pixcart.s3.sa-east-1.amazonaws.com/wp-content/uploads/sites/32/2026/01/23131708/zero-acucar.png");
}

.tagged_as a[href*="/tag/sem-xilitol/"] {
  background-image: url("https://pixcart.s3.sa-east-1.amazonaws.com/wp-content/uploads/sites/32/2026/01/21105045/sem-xilitol.png");
}

@media (max-width: 768px) {
  .tagged_as a[href*="/tag/sem-acucar/"],
  .tagged_as a[href*="/tag/zero-acucar/"],
  .tagged_as a[href*="/tag/sem-gluten/"],
  .tagged_as a[href*="/tag/sem-leite/"],
  .tagged_as a[href*="/tag/sem-ovo/"],
  .tagged_as a[href*="/tag/sem-xilitol/"] {
    width: 60px;
    height: 58px;
    margin: 0 10px 8px 0;
  }
}

@media (max-width: 480px) {
  .tagged_as a[href*="/tag/sem-acucar/"],
  .tagged_as a[href*="/tag/zero-acucar/"],
  .tagged_as a[href*="/tag/sem-gluten/"],
  .tagged_as a[href*="/tag/sem-leite/"],
  .tagged_as a[href*="/tag/sem-ovo/"],
  .tagged_as a[href*="/tag/sem-xilitol/"] {
    width: 52px;
    height: 54px;
    margin: 0 8px 6px 0;
  }
}


/* =========================================================
   TAGDESC (corrigido: id duplicado -> class)
========================================================= */

.gooki-tagdesc {
  font-size: 10px !important;
  border-left: 1px #cccccc;
  border-right: 1px #cccccc;
  border-bottom: 1px #cccccc;
  background-color: #fffeec;
  padding: 3px 10px 5px 10px;
  border-style: dashed;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 0px;
  border-radius: 0px 0px 10px 10px;
}

div.tagged_as {
  text-transform: uppercase;
  font-weight: 600;
}

div.shortdesc,
div.shortdesc span {
  font-size: 12px !important;
}
/*
@media screen and (max-width: 767px) {
  .gooki-tagdesc {
    margin-top: -10px;
  }

  body.home .gooki-tagdesc {
    margin-top: -25px;
  }
}
*/

/* =========================================================
   CATEGORIAS (NESTED)
========================================================= */

@media only screen and (max-width: 767px) {
  body .col:not(.swiper-slide),
  body .blog-entry {
    margin-bottom: 0px !important;
  }
}

.wc-nested-category-layout-category-title{
  scroll-margin-top: 120px;
}


h2.wc-nested-category-layout-category-title,
.step_title_wrapper {
  text-align: left;
  padding: 20px 10px 20px 80px;
  background-color: #f9d746 !important;
  border: 1px solid #f9d746 !important;
  border-radius: 10px 10px 0px 0px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 0px;
  margin-top: 30px;
  box-shadow: 0 10px 40px 0 rgb(62 57 107 / 7%), 0 2px 9px 0 rgb(62 57 107 / 6%);
}

/* Subir cabecalho titulo homepage e arquivo */
body.archive .page-header-title {
  margin-top: 15px;
  color: #b15126;
}

img.wc-nested-category-layout-category-image {
  margin-top: -55px;
  margin-bottom: -10px;
  position: absolute;
  height: 50px !important;
  width: 50px !important;
  margin-left: 10px;
}

h2.wc-nested-category-layout-category-title,
h2.wc-nested-category-layout-category-title a {
  color: #F57F20 !important;
  cursor: default;
  pointer-events: none;
  text-decoration: none;
}

div.product-inner li.title,
div.product-inner img {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
}

/* Esconder titulo homepage */
body.home header.page-header {
  display: none;
}

/* Cor fundo titulo paginas */
.page-header {
  position: relative;
  background-color: #f7f7f7;
}

/* Esconder imagem categoria produtos */
body.archive div.category-image img {
  display: none;
}


/* =========================================================
   SUBCATEGORIAS / LISTAGEM (NESTED)
========================================================= */

ul.subcategory-products {
  padding: 10px 10px 0px 10px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-radius: 0px 0px 10px 10px;
  background-color: #ffffff;
  box-shadow: 0 10px 40px 0 rgb(62 57 107 / 7%), 0 2px 9px 0 rgb(62 57 107 / 6%);
}

/* nested - esconder fora do estoque */
.woocommerce ul.products li.product.outofstock .outofstock-badge {
  display: none;
}

/* margem categoria sozinha */
body.tax-product_cat ul.woo-entry-inner.clr li.title,
body.tax-product_cat ul.woo-entry-inner.clr li.price-wrap,
body.tax-product_cat ul.woo-entry-inner.clr li.btn-wrap.clr {
  margin-left: 120px !important;
}

/* posicao em colunas nested */
ul.subcategory-products div.woo-entry-image.clr,
body.tax-product_cat div.woo-entry-image.clr img {
  position: absolute !important;
  margin-left: 0px;
}

ul.subcategory-products li.image-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

ul.subcategory-products li.title {
  flex: 0 1 100%;
}

ul.woo-entry-inner li.btn-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/* posicao em colunas */
ul.subcategory-products ul.woo-entry-inner.clr li.title,
ul.subcategory-products ul.woo-entry-inner.clr li.rating,
ul.subcategory-products ul.woo-entry-inner.clr li.btn-wrap,
ul.subcategory-products ul.woo-entry-inner.clr li.price-wrap {
  margin-left: 110px !important;
}


/* =========================================================
   BOTÕES / ADD TO CART
========================================================= */

.woocommerce ul.products li.product .button {
  margin: 4px;
  font-size: smaller !important;
}

a.added_to_cart {
  background-color: #304922 !important;
  color: #ffffff !important;
  padding: 7px 20px 7px 20px !important;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 15px;
  text-transform: uppercase;
  font-size: 12px;
}

.woocommerce ul.products li.product .added_to_cart::after {
  font-family: "simple-line-icons";
  content: "►" !important;
}

/* Thank you */
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  font-size: 30px;
  font-weight: bold;
  color: #00a61d;
}


/* =========================================================
   QUANTIDADE (+ / -)
========================================================= */

.quantity .qty,
.quantity .minus,
.quantity .plus {
  font-size: 15px !important;
  color: #000000;
  font-weight: 600;
}

.quantity .plus,
.quantity .minus {
  border-left-width: 0;
  background-color: #dedede;
}

div.quantity.buttons_added label {
  display: none;
}


/* =========================================================
   OUT OF STOCK (COZINHA FECHADA)
========================================================= */

div.outofstock-badge {
  margin-left: 110px;
  font-weight: bolder;
  color: #ffffff;
}

div.outofstock-badge:before {
  content: "COZINHA FECHADA";
  position: absolute;
  color: red;
}

li.outofstock {
  display: none;
}

li.outofstock li.btn-wrap > a.button.product_type_simple {
  background-color: #f90000 !important;
  pointer-events: none;
  width: 130px;
  position: relative;
  color: #f90000 !important;
}

li.outofstock li.btn-wrap > a.button.product_type_simple:before {
  content: "Indisponível";
  position: absolute;
  color: #ffffff;
  margin-left: -10px;
}


/* =========================================================
   FOOTER FIXER
========================================================= */

.footer-width-fixer {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
  text-align: center;
  z-index: 999;
}


/* =========================================================
   MEGA MENU (scroll horizontal)
========================================================= */
/*
ul.mega-sub-menu {
  position: fixed !important;
  margin-bottom: 70px !important;
  margin-left: auto !important;
}

@media screen and (max-width: 768px) {
  ul.mega-menu-horizontal {
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
*/
/* ajuste no menu vertical */
/*ul#menu-categorias a.menu-link {
  text-transform: uppercase;
  font-weight: 800;
}

*/
/* =========================================================
   CHECKOUT / FORM
========================================================= */

.woocommerce-form-coupon-toggle {
  display: none;
}

/* Azul labels e negritos */
.woocommerce .woocommerce-checkout #customer_details p.form-row label {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0675c4 !important;
}

/* borda campo billing */
.woocommerce-checkout > .col2-set {
  border: solid 2px #cccccc;
  padding: 15px;
  border-radius: 15px !important;
}

/* Esconder billing email field (se você realmente quiser) */
#billing_email_field {
  visibility: hidden;
  height: 1px;
}


/* =========================================================
   CHECKOUT ELEMENTOR - Traduções via CSS
========================================================= */

/* 1) Texto explicativo do login */
.e-woocommerce-login-nudge.e-description {
  font-size: 0 !important;
  line-height: 0 !important;
}

.e-woocommerce-login-nudge.e-description:after {
  content: "Se você já comprou com a gente, entre com seus dados abaixo. Se for seu primeiro pedido, continue preenchendo o endereço 🙂";
  font-size: 14px;
  line-height: 1.4;
  display: block;
  opacity: 0.9;
}

/* 2) Label do campo username (E-mail) */
.e-login-wrap label[for="username"] {
  font-size: 0 !important;
}

.e-login-wrap label[for="username"] .required {
  font-size: 14px !important;
}

.e-login-wrap label[for="username"]:before {
  content: "E-mail ";
  font-size: 14px;
  font-weight: 600;
}

/* 3) Label do campo password (Senha) */
.e-login-wrap label[for="password"] {
  font-size: 0 !important;
}

.e-login-wrap label[for="password"] .required {
  font-size: 14px !important;
}

.e-login-wrap label[for="password"]:before {
  content: "Senha ";
  font-size: 14px;
  font-weight: 600;
}

/* 4) Botão Login -> Entrar */
button.e-woocommerce-form-login-submit {
  font-size: 0 !important;
}

button.e-woocommerce-form-login-submit:before {
  content: "Entrar";
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* 5) Remember me -> Lembrar de mim */
.elementor-woocomemrce-login-rememberme {
  font-size: 0 !important;
}

.elementor-woocomemrce-login-rememberme:before {
  content: "Lembrar de mim";
  font-size: 13px;
}

/* 6) Texto explicativo do cupom */
label.e-coupon-anchor-description {
  font-size: 0 !important;
  line-height: 0 !important;
}

label.e-coupon-anchor-description:after {
  content: "Se você tiver um cupom, aplique aqui embaixo ✨";
  font-size: 13px;
  line-height: 1.4;
  display: block;
  opacity: 0.9;
}

/* 7) Botão Apply -> Aplicar */
button.e-apply-coupon {
  font-size: 0 !important;
}

button.e-apply-coupon:before {
  content: "Aplicar";
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
}




/* =========================================================
   FIXES
========================================================= */

body.admin-bar .dialog-type-lightbox {
  position: fixed !important;
  height: 100vh !important;
}

.woocommerce div.product .summary .added_to_cart {
  padding: 10px 20px 10px 20px;
  border-radius: 15px;
  background-color: #13aff0 !important;
}

html {
  scroll-behavior: smooth;

}