.elementor-1095 .elementor-element.elementor-element-9e27fc3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-1095 .elementor-element.elementor-element-3b69e5e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1095 .elementor-element.elementor-element-49318b0{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1095 .elementor-element.elementor-element-49318b0.elementor-element{--align-self:flex-start;}.elementor-1095 .elementor-element.elementor-element-49318b0.elementor-wc-products  ul.products{grid-column-gap:5px;grid-row-gap:40px;}.elementor-1095 .elementor-element.elementor-element-49318b0.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:0px 0px 0px 0px;}.elementor-1095 .elementor-element.elementor-element-49318b0.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#000000;}.elementor-1095 .elementor-element.elementor-element-49318b0.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#000000;}.elementor-1095 .elementor-element.elementor-element-49318b0.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1095 .elementor-element.elementor-element-49318b0.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-1095 .elementor-element.elementor-element-49318b0.elementor-wc-products ul.products li.product .price{color:#000000;font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:400;}.elementor-1095 .elementor-element.elementor-element-49318b0.elementor-wc-products ul.products li.product .price ins{color:#000000;}.elementor-1095 .elementor-element.elementor-element-49318b0.elementor-wc-products ul.products li.product .price ins .amount{color:#000000;}.elementor-1095 .elementor-element.elementor-element-49318b0.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1095 .elementor-element.elementor-element-cee9613{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-1095 .elementor-element.elementor-element-49318b0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1095 .elementor-element.elementor-element-29901ba{width:100%;max-width:100%;}.elementor-1095 .elementor-element.elementor-element-29901ba.elementor-element{--align-self:center;}.elementor-1095 .elementor-element.elementor-element-49318b0.elementor-wc-products  ul.products{grid-column-gap:6px;grid-row-gap:10px;}}@media(min-width:768px){.elementor-1095 .elementor-element.elementor-element-3b69e5e{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-29901ba *//* =========================================================
   SHOPBAR — PREMIUM (setas OK) + desktop “tamanho necessário”
   - Desktop: sem barra gigante, mas com espaço p/ não cortar texto
   - Mobile: card centralizado
   ========================================================= */

/* barra */
.shopbar--premium{
  width: 100%;
  background: #fff;
  border-top: 1px solid rgba(0,0,0,.08);
  border-bottom: 1px solid rgba(0,0,0,.08);
}

/* container */
.shopbar--premium .shopbar__wrap{
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 18px;
}

/* =========================================================
   DESKTOP BASE
   ========================================================= */
.shopbar--premium .shopbar__inner{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 34px !important;
  padding: 14px 0 !important;

  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

/* grupos */
.shopbar--premium .shopbar__group{
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important; /* evita bug de corte no flex */
}

/* labels */
.shopbar--premium .shopbar__label{
  font-size: 11px !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  color: rgba(0,0,0,.52) !important;
}

/* wrapper do select + seta */
.shopbar--premium .shopbar__select{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  cursor: pointer !important;
  min-width: 0 !important;

  /* não cria “barra” grande */
  width: auto !important;
}

/* seta única (a sua) */
.shopbar--premium .shopbar__select::after{
  content: "" !important;
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(45deg) !important;

  width: 7px !important;
  height: 7px !important;
  border-right: 1.5px solid rgba(0,0,0,.55) !important;
  border-bottom: 1.5px solid rgba(0,0,0,.55) !important;

  pointer-events: none !important;
}

/* =========================================================
   SELECTS (NATIVOS) — clean + clicável + sem seta nativa
   ========================================================= */

/* FILTRAR */
.shopbar--premium .shopbar__group:first-child .shopbar__select > select{
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  background: transparent !important;
  background-image: none !important;

  font-size: 13px !important;
  font-weight: 400 !important;
  color: rgba(0,0,0,.80) !important;

  height: auto !important;
  line-height: 1.2 !important;

  /* clique na seta funciona */
  display: block !important;
  cursor: pointer !important;

  /* espaço da seta */
  padding: 0 22px 0 0 !important;

  /* evita barra gigante */
  width: max-content !important;         /* quando suportado */
  max-width: 40ch !important;            /* limite “justo” */
  min-width: 0 !important;

  /* se passar do limite, corta sem … */
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* ORDERBY (Woo) */
.shopbar--premium .shopbar__select--orderby form.woocommerce-ordering{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

/* select orderby */
.shopbar--premium .shopbar__select--orderby form.woocommerce-ordering select.orderby{
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  background: transparent !important;
  background-image: none !important; /* remove seta nativa */

  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: rgba(0,0,0,.80) !important;

  height: auto !important;
  line-height: 1.2 !important;

  display: block !important;
  cursor: pointer !important;

  padding: 0 22px 0 0 !important; /* espaço da sua seta */

  /* evita barra gigante */
  width: max-content !important;         /* quando suportado */
  max-width: 52ch !important;            /* geralmente cabe “Ordenar por preço...” */
  min-width: 0 !important;

  overflow: hidden !important;
  text-overflow: clip !important;        /* sem “...” */
  white-space: nowrap !important;
}

/* esconde label duplicado (se existir) */
.shopbar--premium .shopbar__select--orderby .woocommerce-ordering label{
  display: none !important;
}

/* remove pseudo-elementos que criam setinha extra */
.shopbar--premium .shopbar__select--orderby .woocommerce-ordering::before,
.shopbar--premium .shopbar__select--orderby .woocommerce-ordering::after,
.shopbar--premium .shopbar__select--orderby form.woocommerce-ordering::before,
.shopbar--premium .shopbar__select--orderby form.woocommerce-ordering::after{
  content: none !important;
  display: none !important;
}

/* hover discreto */
.shopbar--premium .shopbar__group:hover .shopbar__label{
  color: rgba(0,0,0,.70) !important;
}
.shopbar--premium .shopbar__group:hover .shopbar__select > select,
.shopbar--premium .shopbar__group:hover .shopbar__select--orderby select.orderby{
  color: rgba(0,0,0,.92) !important;
}

/* =========================================================
   DESKTOP — deixar espaço “inteligente” sem virar faixa enorme
   (os grupos podem crescer, mas o select continua “justo”)
   ========================================================= */
@media (min-width: 769px){
  .shopbar--premium .shopbar__group{
    flex: 1 1 0 !important;          /* divide o espaço total */
    justify-content: flex-end !important;
  }

  /* garante que o select fique alinhado no fim */
  .shopbar--premium .shopbar__select{
    justify-content: flex-end !important;
  }
}

/* =========================================================
   MOBILE — card centralizado
   ========================================================= */
@media (max-width: 768px){
  .shopbar--premium{
    border-top: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
  }

  .shopbar--premium .shopbar__wrap{
    padding: 0 !important;
  }

  .shopbar--premium .shopbar__inner{
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 10px !important;
    padding: 12px !important;

    background: #fff !important;
    border: 1px solid rgba(0,0,0,.08) !important;
    border-radius: 12px !important;

    max-width: 420px !important;
    margin: 0 auto !important;

    white-space: normal !important;
  }

  .shopbar--premium .shopbar__group{
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .shopbar--premium .shopbar__label{
    width: 92px !important;
    flex: 0 0 92px !important;
    font-size: 10px !important;
  }

  .shopbar--premium .shopbar__select{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* no mobile: usa 100% e permite quebrar (melhor leitura) */
  .shopbar--premium .shopbar__select > select,
  .shopbar--premium .shopbar__select--orderby select.orderby{
    width: 100% !important;
    max-width: none !important;
    text-align: right !important;

    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;

    line-height: 1.25 !important;
    padding-right: 22px !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5309eac *//* TÍTULO: Coral — Grid do shortcode (filhos) igual ao grid padrão da loja (Astra/Woo/Elementor) */

/* 1) Garante que o UL vire grid */
ul.products.coral-variation-catalog{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;

  display: grid !important;
  gap: 24px !important;
}

/* 2) Colunas (ajuste conforme seu layout) */
@media (min-width: 1025px){
  ul.products.coral-variation-catalog{
    grid-template-columns: repeat(4, 1fr) !important; /* mesma pegada do seu print */
  }
}
@media (min-width: 768px) and (max-width: 1024px){
  ul.products.coral-variation-catalog{
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 767px){
  ul.products.coral-variation-catalog{
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }
}

/* 3) Evita li estourar e garante consistência */
ul.products.coral-variation-catalog > li.product{
  width: 100% !important;
  margin: 0 !important;
}

/* 4) Imagem respeitar o card (mesma cara do woo) */
ul.products.coral-variation-catalog > li.product img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-49318b0 *//* =========================================================
   SHOP TOP BAR — "X produtos" + Ordenação (WooCommerce)
   Astra + Elementor — visual mais profissional
   ========================================================= */

/* ---------- 1) CONTAGEM (RESULT COUNT) ---------- */

/* Se você estiver usando o snippet PHP que retorna:
   <span class="wc-product-count">251 produtos</span>
   esse estilo aplica direto. */
.wc-product-count{
  display: block;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .02em;
  color: rgba(0,0,0,.82);

  /* posição semelhante ao exemplo */
  margin: 10px 0 18px 16px;
}

/* Se NÃO estiver usando snippet e quiser pelo menos
   deixar o texto padrão mais limpo (não recomendado),
   você pode comentar o bloco acima e estilizar o padrão: */
.woocommerce .woocommerce-result-count{
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .02em;
  color: rgba(0,0,0,.82);
  margin: 10px 0 18px 16px;
}

/* Se estiver usando o snippet PHP, esconda o texto padrão do Woo
   (para evitar duplicar "Mostrando X–Y..." junto com "X produtos") */
.woocommerce .woocommerce-result-count{
  display: none !important;
}


/* ---------- 2) ORDERING (Ordenação padrão) ---------- */

/* Wrapper: alinha à esquerda e aplica padding */
.woocommerce .woocommerce-ordering,
.elementor-widget-archive-products .woocommerce-ordering{
  margin: 0 0 18px !important;
  float: none !important;

  display: flex !important;
  justify-content: flex-start !important; /* esquerda */
  align-items: center !important;

  width: 100% !important;

  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

/* remove qualquer seta custom (evita seta duplicada) */
.woocommerce .woocommerce-ordering:after,
.elementor-widget-archive-products .woocommerce-ordering:after{
  content: none !important;
}

/* Select premium (mantém seta nativa do tema/navegador) */
.woocommerce .woocommerce-ordering select.orderby,
.elementor-widget-archive-products .woocommerce-ordering select.orderby{
  width: 260px !important;     /* ajuste: 220 / 240 / 280 */
  max-width: 260px !important;
  min-width: 260px !important;

  height: 44px !important;
  line-height: 44px !important;
  padding: 0 14px !important;

  border: 1px solid rgba(0,0,0,.18) !important;
  border-radius: 10px !important;
  background-color: #fff !important;

  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: .2px !important;
  color: rgba(0,0,0,.85) !important;

  box-shadow: 0 8px 22px rgba(0,0,0,.06) !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;

  cursor: pointer !important;

  display: inline-block !important;
  flex: 0 0 auto !important; /* impede esticar */
}

/* Hover */
.woocommerce .woocommerce-ordering select.orderby:hover,
.elementor-widget-archive-products .woocommerce-ordering select.orderby:hover{
  border-color: rgba(0,0,0,.32) !important;
}

/* Focus (usar sua cor EF6156) */
.woocommerce .woocommerce-ordering select.orderby:focus,
.elementor-widget-archive-products .woocommerce-ordering select.orderby:focus{
  outline: none !important;
  border-color: rgba(239, 97, 86, .75) !important; /* EF6156 */
  box-shadow: 0 10px 26px rgba(239,97,86,.16) !important;
  transform: translateY(-1px) !important;
}


/* ---------- 3) RESPONSIVO ---------- */

@media (max-width: 767px){

  /* contagem e ordering com padding menor */
  .wc-product-count{
    margin-left: 12px;
    margin-right: 12px;
  }

  .woocommerce .woocommerce-ordering,
  .elementor-widget-archive-products .woocommerce-ordering{
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-bottom: 14px !important;
  }

  /* no mobile, o select ocupa 100% */
  .woocommerce .woocommerce-ordering select.orderby,
  .elementor-widget-archive-products .woocommerce-ordering select.orderby{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS *//* ================================
   SHOP TOP FILTERS (Size/Color/Sort)
   ================================ */

.shop-top-filters{
  margin: 0 0 24px;
}

/* Linha horizontal */
.shop-top-filters__row{
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* Texto "Filters:" */
.shop-top-filters__prefix{
  font-size: 14px;
  opacity: .75;
}

/* Selects (Size/Color) */
.shop-top-filters__select{
  min-width: 170px;
  padding: 10px 14px;
  border-radius: 2px;
}

/* Wrapper da ordenação (WooCommerce) */
.shop-top-filters__orderby{
  display: flex;
  align-items: center;
}

/* Remove margens do WooCommerce ordering */
.shop-top-filters__orderby .woocommerce-ordering{
  margin: 0;
}

/* Ajusta o select de ordenação para bater com os outros */
.shop-top-filters__orderby .woocommerce-ordering select{
  min-width: 220px;
  padding: 10px 14px;
  border-radius: 2px;
}

/* Link limpar */
.shop-top-filters__clear{
  font-size: 14px;
  text-decoration: underline;
  opacity: .85;
}

/* Mobile: quebra bonito */
@media (max-width: 767px){
  .shop-top-filters__select,
  .shop-top-filters__orderby .woocommerce-ordering select{
    min-width: 100%;
  }
  .shop-top-filters__row{
    gap: 10px;
  }
}/* End custom CSS */