@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//idealcosmeticos.pt/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.6") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//idealcosmeticos.pt/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//idealcosmeticos.pt/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//idealcosmeticos.pt/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//idealcosmeticos.pt/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//idealcosmeticos.pt/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//idealcosmeticos.pt/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//idealcosmeticos.pt/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//idealcosmeticos.pt/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(33,33,33);
	--wd-text-font-size: 14px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(48, 48, 48);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(30,115,190);
	--wd-alternative-color: rgb(30,115,190);
	--wd-link-color: rgb(20,20,20);
	--wd-link-color-hover: rgb(20,20,20);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--btn-bgcolor: rgb(255,255,255);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-sticky-btn-height: 90px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 480px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(58,58,58);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(250,250,250);
	background-image: none;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: repeat;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-image: none;
	background-repeat: repeat;
}
.single-product .wd-page-content {
	background-image: none;
	background-repeat: repeat;
}
.woodmart-archive-blog .wd-page-content {
	background-image: none;
	background-repeat: repeat;
}
.single-post .wd-page-content {
	background-image: none;
	background-repeat: repeat;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 2px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 48px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 2px;
	}

}
:root{
--wd-container-w: 1260px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}

@media (min-width: 1277px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1260px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    bottom: 50px !important;
    left: 10px !important;
}
/* Fundo do menu das marcas */
.whb-header-bottom {
    background-color: black;
}

/* Cor da letra do menu */
#menu-item-17018 .nav-link-text,
#menu-item-17022 .nav-link-text,
#menu-item-17043 .nav-link-text,
#menu-item-17060 .nav-link-text,
#menu-item-17077 .nav-link-text,
#menu-item-16585 .nav-link-text {
    color: white;
}

/* Estilo do submenu ajustado para desktop */
#menu-menu .wd-sub-menu {
    display: grid;
    grid-template-columns: repeat(1, 1fr); /* Divisão em 5 colunas */
    gap: 10px; /* Espaçamento entre os itens */
    background-color: white; /* Fundo branco para o submenu */
    padding: 20px; /* Espaçamento interno */
    border-radius: 5px; /* Bordas arredondadas */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Sombra para destaque */
    position: relative; /* Posicionamento relativo */
    width: auto; /* Largura ajustada automaticamente ao conteúdo */
}

/* Estilo dos links no submenu */
.wd-sub-menu li > a {
    color: black; /* Cor padrão do texto */
    text-decoration: none;
    white-space: nowrap; /* Evita quebra de texto */
    /*padding: 0px;  Espaçamento interno */
    font-size: 14px; /* Tamanho da fonte */
    transition: color 0.3s ease; /* Efeito suave no hover */
}

/* Hover nos links do submenu */
.wd-sub-menu li > a:hover {
    color: #007bff; /* Cor azul ao passar o mouse */
}

/* Ajustes de largura automática para o dropdown */
.wd-dropdown-menu.wd-design-default {
    width: auto; /* Ajusta a largura automaticamente */
    position: absolute; /* Posicionamento do menu */
    left: 0px; /* Alinhado à esquerda */
    top: 100%; /* Aparece abaixo do menu principal */
}

/* Pesquisa mobile com cor branca */
@media (max-width: 1024px) {
    input::placeholder {
        color: white !important;
    }

    .searchsubmit {
        color: white !important;
    }
}

/* Ajustes para dispositivos móveis */
@media (max-width: 768px) {
    /* Ajuste do submenu para telas pequenas */
    .wd-sub-menu {
        display: flex; /* Usa flexbox para controle do layout */
        flex-wrap: wrap; /* Permite que os itens quebrem para a próxima linha */
        justify-content: center; /* Centraliza horizontalmente os itens */
        align-items: center; /* Centraliza verticalmente os itens */
        background-color: white; /* Fundo branco */
        padding: 15px; /* Espaçamento interno */
        margin: 0 auto; /* Centraliza a caixa */
        border-radius: 10px; /* Bordas arredondadas */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra para destaque */
        width: 90%; /* Define a largura da caixa como 90% da tela */
        max-width: 400px; /* Define uma largura máxima */
    }

    /* Links dentro da caixa branca */
    .wd-sub-menu li {
        width: 100%; /* Cada link ocupa toda a largura disponível */
        text-align: center; /* Centraliza o texto */
        margin: 5px 0; /* Espaçamento entre os itens */
    }

    .wd-sub-menu li > a {
        font-size: 14px; /* Ajusta o tamanho da fonte */
        color: black; /* Cor do texto */
        text-decoration: none; /* Remove o sublinhado */
        padding: 10px; /* Espaçamento interno */
        display: block; /* Faz o link ocupar o bloco inteiro */
        border-radius: 5px; /* Bordas arredondadas nos links */
        transition: background-color 0.3s ease; /* Animação suave no hover */
    }

    /* Efeito de hover nos links */
    .wd-sub-menu li > a:hover {
        background-color: #f0f0f0; /* Cor de fundo ao passar o mouse */
    }

    /* Corrige o posicionamento do menu */
    .mega-menu-list {
        width: 100%; /* Usa toda a largura disponível */
        position: relative;
        left: 0; /* Alinha à esquerda */
        top: auto; /* Garante que esteja visível */
    }

    /* Ajusta o menu dropdown */
    .wd-dropdown-menu.wd-design-default {
        width: 100%; /* Largura completa */
        left: 0; /* Alinhado ao início */
    }
}

/* Ajuste do tamanho da fonte para telas até 1024px */
@media (max-width: 1024px) {
    /* Ajusta a fonte dos links no submenu */
    .wd-sub-menu li > a {
        font-size: 12px; /* Reduz o tamanho da fonte */
    }

    /* Ajusta a fonte do menu principal */
    #menu-item-16556 .nav-link-text,
    #menu-item-16564 .nav-link-text,
    #menu-item-16567 .nav-link-text,
    #menu-item-16571 .nav-link-text,
    #menu-item-16579 .nav-link-text,
    #menu-item-16585 .nav-link-text {
        font-size: 14px; /* Reduz o tamanho da fonte */
    }
}

/* Ajuste da largura da caixa branca no submenu */
@media (max-width: 1024px) {
    .wd-sub-menu {
        width: fit-content; /* Ajusta a largura ao tamanho do conteúdo */
        margin-left: 200px auto; /* Centraliza a caixa */
        padding: 10px; /* Mantém o espaçamento interno */
    }
}

/* Alinha Consetimento Esquerda */
@media (min-width: 1024px) {
    .cs-info-sticky.desktop_right {
        text-align: left;
    }
}
/* Espacamento Sub Menu 
.wd-dropdown-menu.wd-design-default .wd-dropdown {
			top: 35px;
			left: 75px;
}*/
.wd-search-cat.wd-scroll{width:205px!important;}
.wd-search-cat.wd-scroll > a{width:100%!important;}
.s.wd-search-inited{padding-right:250px!important;}
/* FILTRO */
.wfpDescription{font-weight:600;text-transform:uppercase;}
.wpfFilterButton.wpfButton, .wpfClearButton.wpfButton {
    width:97%!important;
    border-radius:35px;
    background-color:#83b735;
    color:#fff;}
.ui-slider.ui-widget-content .ui-slider-handle {
    background:#83b735!important;
    border:none!important;
    border-radius:10px!important;
}
/*.ui-slider-horizontal .ui-slider-range {
    background-color:#83b735!important;
	border:0!important;
}*/
.wd-dropdown-menu.wd-design-default{padding:0px!important;}
.woocommerce-ordering.wd-style-underline select {
	width:220px!important;}
footer .wd-sub-menu.mega-menu-list{background-color:#fff;border-radius:10px;padding:10px 1px;width:100%;}
footer .wd-sub-menu.mega-menu-list a{text-align:left!important;}
footer .wd-sub-menu.mega-menu-list a:hover{color:#83b735!important;}

/* Fintro em mobile */

/* Posição padrão para desktop e tablet */
.closeFiltro{display:none;}
/* Media Query para mobile */
@media (max-width: 767px) {
  #areaFiltro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
		background-color:#fff;
    display: none; /* Escondido inicialmente */
    z-index: 9999; /* Para aparecer acima de outros elementos */
		overflow-y:auto;
  }

  #areaFiltro.active {
    display: block; /* Torna o filtro visível quando ativo */
  }
	#triggerFiltro img{cursor: pointer;}
  .closeFiltro {
		display:block;
    position: absolute;
    top: 10px;
    right: 10px;
    background:#83b735!important;
    border: none;
    color:#fff!important;
    font-size: 20px;
    cursor: pointer;
		        font-size: 16px!important;
        padding: 5px 16px !important;
  }
	
	.wd-products-shop-view.products-view-grid_list,form.woocommerce-ordering.wd-ordering-mb-icon{display:none!important;}
	
	.wpfPriceRangeField#wpfMinPrice, .wpfPriceRangeField#wpfMaxPrice{
    width: 50px !important;
    background-color: #f5f3f3 !important;}
	
}

input::-webkit-outer-spin-button,
      input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }
      /* Firefox */
      input[type=number] {
        -moz-appearance: textfield;
      }

.wd-hover-with-fade .product-wrapper {
    height:100%;
}

/* Botao Site Produto Home 
.wd-add-btn-replace {
	color: white;
	border-radius: 15px;
	background: rgb(236,196,64);
	background: linear-gradient(90deg, rgba(236,196,64,1) 0%, rgba(255,250,138,1) 26%, rgba(221,172,23,1) 80%, rgba(255,255,149,1) 100%);
}*/

/* Cor Preço */
.woocommerce-Price-amount {
	color: black; !important
}
/* ==== Cartão: mantém o reflexo apenas no contorno ==== */
.wd-shipping-progress-bar.wd-style-bordered{
  background:#0ea5e9;
  color:#fff;
  border:none;
  border-radius:16px;
  padding:16px 18px;
  box-shadow:0 10px 24px rgba(14,165,233,.22);
  position:relative;
  overflow:hidden;
}
.wd-shipping-progress-bar.wd-style-bordered::before{
  content:"";
  position:absolute; inset:0;
  border-radius:inherit;
  padding:2px;
  background:
    linear-gradient(120deg, rgba(255,255,255,0) 0%,
                             rgba(255,255,255,.65) 50%,
                             rgba(255,255,255,0) 100%)
    0 0 / 200% 100% border-box;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  animation:fs-sweep 3.2s linear infinite;
  pointer-events:none;
}
@keyframes fs-sweep{
  0%   { background-position:-200% 0 }
  100% { background-position: 200% 0 }
}

/* Texto */
.wd-shipping-progress-bar .progress-msg{
  margin:0;
  font-size:13px;
	font-weight:900;
  line-height:1.25;
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  text-transform:uppercase;
}
.wd-shipping-progress-bar .progress-msg:before{ 
font-size:20px }
.wd-shipping-progress-bar .progress-msg .woocommerce-Price-amount{
  background:#fff; color:#0ea5e9; padding:4px 12px;
  border-radius:999px; font-weight:900; line-height:1;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
}

/* ==== Trilho e alinhamento do fill ==== */
.wd-shipping-progress-bar .progress-area{
  margin-top:10px;
  height:14px;                        /* um pouquinho mais alto */
  background:#e8f6fe;
  border-radius:999px;
  overflow:hidden;
  position:relative;
  display:flex; align-items:center;   /* centraliza o fill */
  line-height:0;
}

/* ==== FILL: degradê contínuo (sem listras) + transição suave ==== */
.wd-shipping-progress-bar .progress-area .progress-bar{
  position:absolute; top:0; bottom:0; left:0;
  height:100% !important;
  margin:0 !important;
  border-radius:inherit;
  /* degradê “como no mock”: laranja -> amarelo -> ciano/teal -> verde */
  background:linear-gradient(90deg,
      #f59e0b 0%,
      #f59e0b 10%,
      #facc15 38%,
      #22c55e 84%,
      #16a34a 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); /* leve volume */
  transition: width .35s ease;          /* avanço mais “clean” */
  will-change: width;
}

/* 100% → verde sólido (limpa o gradiente) */
.wd-shipping-progress-bar .progress-area .progress-bar[style*="100%"]{
  background:#16a34a;
}

/* ==== Mobile tuning ==== */
@media (max-width:768px){
  .wd-shipping-progress-bar.wd-style-bordered{
    padding:14px 16px; border-radius:14px; box-shadow:0 8px 20px rgba(14,165,233,.2);
  }
  .woocommerce-cart .wd-shipping-progress-bar,
  .woocommerce-checkout .wd-shipping-progress-bar{
    position:sticky; top:8px; z-index:20;
  }
  .wd-shipping-progress-bar .progress-msg{ font-size:16px; gap:10px }
  .wd-shipping-progress-bar .progress-msg .woocommerce-Price-amount{ font-size:16px; padding:4px 10px }
  .wd-shipping-progress-bar .progress-area{ height:12px; margin-top:8px }
}

/* Menos movimento se o usuário preferir */
@media (prefers-reduced-motion: reduce){
  .wd-shipping-progress-bar.wd-style-bordered::before{ animation:none !important }
  .wd-shipping-progress-bar .progress-area .progress-bar{ transition:none !important }
}

/* ===== FIX: centralizar o fill da barra no trilho ===== */
.wd-shipping-progress-bar .progress-area{
  /* já temos height e border-radius definidos antes */
  display:flex;                 /* centra filhos verticalmente */
  align-items:center;           /* <-- centro vertical */
  line-height:0;                /* zera baseline que empurra */
  position:relative;
}

.wd-shipping-progress-bar .progress-area .progress-bar{
  height:100% !important;       /* ocupa 100% da altura do trilho */
  margin:0 !important;          /* remove qualquer margem herdada */
  box-sizing:border-box;
  position:absolute;            /* garante que não “assente” na base */
  top:0; bottom:0; left:0;      /* estica de cima a baixo */
  -webkit-transform:translateZ(0); /* evita sub-pixel no iOS */
  transform:translateZ(0);
}

/* Se o tema estiver forçando outra altura via custom property, normalizamos: */
.wd-shipping-progress-bar .wd-progress-bar{
  --wd-progress-height: 12px;   /* ou 10px, escolha seu padrão */
}
/* === Brilho animado passando na barrinha === */
.wd-shipping-progress-bar .progress-area .progress-bar {
  position: relative;
  overflow: hidden; /* segura o brilho dentro da barra */
}

/* pseudo-elemento = highlight */
.wd-shipping-progress-bar .progress-area .progress-bar::after {
  content:"";
  position:absolute;
  top:0; bottom:0; left:-40%;
  width:40%; /* largura do brilho */
  background:linear-gradient(120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.6) 50%,
    rgba(255,255,255,0) 100%);
  animation:fs-gloss 2.8s linear infinite;
  pointer-events:none;
}

@keyframes fs-gloss {
  0%   { left:-40%; }
  100% { left:120%; }
}

/* quando atingir 100% ainda mantém o brilho por cima do verde */
.wd-shipping-progress-bar .progress-area .progress-bar[style*="100%"]::after {
  background:linear-gradient(120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.55) 50%,
    rgba(255,255,255,0) 100%);
}
/* ================================
   Mini-cart (dropdown) + Sidebar cart
   ================================ */

/* Alvos (cubra as variações do WoodMart) */
.wd-dropdown-cart,
.wd-side-mini-cart,
.widget_shopping_cart,
.shopping-cart-widget-footer{
  --fs-mini-progress-h: 14px;
}

/* Trilho (track) */
.wd-dropdown-cart .wd-progress-bar .progress-area,
.wd-side-mini-cart   .wd-progress-bar .progress-area,
.widget_shopping_cart .wd-progress-bar .progress-area,
.shopping-cart-widget-footer .wd-progress-bar .progress-area{
  height: var(--fs-mini-progress-h);
  background:#e8f6fe;
  border-radius:999px;
  overflow:hidden;
  position:relative;
  display:flex;
  align-items:center;      /* centro perfeito */
  line-height:0;
  margin-top:.65rem;       /* dá respiro do texto acima */
}

/* FILL com degradê “laranja → amarelo → teal → verde”
   + transição suave de avanço */
.wd-dropdown-cart .wd-progress-bar .progress-area .progress-bar,
.wd-side-mini-cart   .wd-progress-bar .progress-area .progress-bar,
.widget_shopping_cart .wd-progress-bar .progress-area .progress-bar,
.shopping-cart-widget-footer .wd-progress-bar .progress-area .progress-bar{
  position:absolute; top:0; bottom:0; left:0;
  height:100% !important;
  margin:0 !important;
  border-radius:inherit;
  background:linear-gradient(90deg,
      #f59e0b 0%,
      #f59e0b 10%,
      #facc15 38%,
      #22d3ee 63%,
      #0ea5e9 70%,
      #22c55e 84%,
      #16a34a 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  transition: width .35s ease;
  will-change: width;
  overflow: hidden; /* segura o brilho dentro */
}

/* Brilho (gloss) passando na barrinha */
.wd-dropdown-cart .wd-progress-bar .progress-area .progress-bar::after,
.wd-side-mini-cart   .wd-progress-bar .progress-area .progress-bar::after,
.widget_shopping_cart .wd-progress-bar .progress-area .progress-bar::after,
.shopping-cart-widget-footer .wd-progress-bar .progress-area .progress-bar::after{
  content:"";
  position:absolute; top:0; bottom:0; left:-40%;
  width:40%;
  background:linear-gradient(120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.60) 50%,
    rgba(255,255,255,0) 100%);
  animation:fs-mini-gloss 2.8s linear infinite;
  pointer-events:none;
}
@keyframes fs-mini-gloss{
  0%{ left:-40% }
  100%{ left:120% }
}

/* 100% → verde sólido */
.wd-dropdown-cart .wd-progress-bar .progress-area .progress-bar[style*="100%"],
.wd-side-mini-cart   .wd-progress-bar .progress-area .progress-bar[style*="100%"],
.widget_shopping_cart .wd-progress-bar .progress-area .progress-bar[style*="100%"],
.shopping-cart-widget-footer .wd-progress-bar .progress-area .progress-bar[style*="100%"]{
  background:#16a34a;
}

/* Ajustes finos em telas pequenas (off-canvas mobile) */
@media (max-width: 768px){
  .wd-side-mini-cart .wd-progress-bar .progress-area{
    height: 12px;
    margin-top: .5rem;
  }
}

/* Respeita usuários que preferem menos movimento */
@media (prefers-reduced-motion: reduce){
  .wd-dropdown-cart .wd-progress-bar .progress-area .progress-bar::after,
  .wd-side-mini-cart   .wd-progress-bar .progress-area .progress-bar::after,
  .widget_shopping_cart .wd-progress-bar .progress-area .progress-bar::after,
  .shopping-cart-widget-footer .wd-progress-bar .progress-area .progress-bar::after{
    animation:none !important;
  }
}
/* =============================
   OFF-CANVAS / MINI CART (WoodMart)
   Força o mesmo visual da barra
   ============================= */

/* TRACK (trilho) – cobre todas as áreas do widget */
.widget_shopping_cart .wd-progress-bar .progress-area,
.shopping-cart-widget-footer .wd-progress-bar .progress-area,
.woocommerce-mini-cart__total .wd-progress-bar .progress-area,
.wd-dropdown-cart .wd-progress-bar .progress-area,
.wd-cart-widget .wd-progress-bar .progress-area{
  height: 14px !important;
  background: #e8f6fe !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  line-height: 0 !important;
  margin-top: .65rem !important;
}

/* FILL (barra) – remove listras padrão e aplica degradê */
.widget_shopping_cart .wd-progress-bar .progress-area .progress-bar,
.shopping-cart-widget-footer .wd-progress-bar .progress-area .progress-bar,
.woocommerce-mini-cart__total .wd-progress-bar .progress-area .progress-bar,
.wd-dropdown-cart .wd-progress-bar .progress-area .progress-bar,
.wd-cart-widget .wd-progress-bar .progress-area .progress-bar{
  position: absolute !important;
  top: 0; bottom: 0; left: 0;
  height: 100% !important;
  margin: 0 !important;
  border-radius: inherit !important;

  /* mata as listras do tema */
  background-image: none !important;

  /* nosso degradê contínuo */
  background: linear-gradient(90deg,
      #f59e0b 0%,
      #f59e0b 10%,
      #facc15 38%,
      #22d3ee 63%,
      #0ea5e9 70%,
      #22c55e 84%,
      #16a34a 100%) !important;

  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
  transition: width .35s ease !important;
  will-change: width;
  overflow: hidden; /* segura o brilho */
}

/* BRILHO animado na barra */
.widget_shopping_cart .wd-progress-bar .progress-area .progress-bar::after,
.shopping-cart-widget-footer .wd-progress-bar .progress-area .progress-bar::after,
.woocommerce-mini-cart__total .wd-progress-bar .progress-area .progress-bar::after,
.wd-dropdown-cart .wd-progress-bar .progress-area .progress-bar::after,
.wd-cart-widget .wd-progress-bar .progress-area .progress-bar::after{
  content:"";
  position:absolute; top:0; bottom:0; left:-40%;
  width:40%;
  background: linear-gradient(120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.6) 50%,
    rgba(255,255,255,0) 100%);
  animation: fs-mini-gloss 2.8s linear infinite;
  pointer-events: none;
}
@keyframes fs-mini-gloss{
  0%{ left:-40% } 100%{ left:120% }
}

/* 100% → verde sólido */
.widget_shopping_cart .wd-progress-bar .progress-area .progress-bar[style*="100%"],
.shopping-cart-widget-footer .wd-progress-bar .progress-area .progress-bar[style*="100%"],
.woocommerce-mini-cart__total .wd-progress-bar .progress-area .progress-bar[style*="100%"],
.wd-dropdown-cart .wd-progress-bar .progress-area .progress-bar[style*="100%"],
.wd-cart-widget .wd-progress-bar .progress-area .progress-bar[style*="100%"]{
  background: #16a34a !important;
}

/* Mobile: trilho levemente menor */
@media (max-width: 768px){
  .widget_shopping_cart .wd-progress-bar .progress-area,
  .shopping-cart-widget-footer .wd-progress-bar .progress-area{
    height: 12px !important;
    margin-top: .5rem !important;
  }
}

/* Acessibilidade – reduz movimento se o usuário preferir */
@media (prefers-reduced-motion: reduce){
  .widget_shopping_cart .wd-progress-bar .progress-area .progress-bar::after,
  .shopping-cart-widget-footer .wd-progress-bar .progress-area .progress-bar::after,
  .woocommerce-mini-cart__total .wd-progress-bar .progress-area .progress-bar::after,
  .wd-dropdown-cart .wd-progress-bar .progress-area .progress-bar::after,
  .wd-cart-widget .wd-progress-bar .progress-area .progress-bar::after{
    animation: none !important;
  }
}
/* aumenta o preço principal na página do produto */
.woocommerce.single-product div.product .summary .price {
  font-size: 32px;     /* ajusta aqui o tamanho */
  font-weight: 800;
  line-height: 1.2;
}

/* preço atual em promoção (sem risco) */
.woocommerce.single-product div.product .summary .price ins {
  text-decoration: none;
  font-weight: 900;
}

/* preço antigo (riscado) */
.woocommerce.single-product div.product .summary .price del {
  font-size: 0.7em;
  opacity: .6;
  margin-right: 6px;
  text-decoration-thickness: 2px;
}

/* caso use bdi ou span dentro do price */
.woocommerce.single-product div.product .summary .price .woocommerce-Price-amount,
.woocommerce.single-product div.product .summary .price bdi {
  font-weight: inherit;
}
/* ================================
   WOOCOMMERCE SALE BADGE (CUSTOM)
   ================================ */

/* Estilo base do selo SALE */
.woocommerce span.onsale, onsale product-label {
  top: 05px;            /* distância do topo do card */
  right: 10px;          /* distância da lateral direita */
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* Tamanho e formato */
  font-size: 18px;      /* tamanho da fonte */
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #267c01;  /* cor do selo */
  border-radius: 50%;         /* formato redondo */
  min-width: 50px;
  min-height: 50px;
  line-height: 50px;
  padding: 0;

  /* Efeitos visuais */
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  z-index: 10;
  transition: all 0.3s ease;
}

/* Efeito hover (opcional, mais dinâmico) */
.woocommerce span.onsale:hover {
  background-color: #ff5656;
  transform: scale(1.05);
}

/* Ajuste de posição e tamanho dentro das grades de produtos */
.woocommerce ul.products li.product .onsale {
  top: 10px;
  right: 10px;
}

.woocommerce div.product .onsale {
  top: 15px;
  right: 15px;
}

/* Responsividade — telas médias (tablets) */
@media (max-width: 992px) {
  .woocommerce span.onsale {
    font-size: 16px;
    min-width: 60px;
    min-height: 60px;
    line-height: 60px;
  }
}

/* Responsividade — telas pequenas (celulares) */
@media (max-width: 600px) {
  .woocommerce span.onsale {
    font-size: 14px;
    min-width: 50px;
    min-height: 50px;
    line-height: 50px;
    top: 8px;
    right: 8px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
	.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    bottom: 50px !important;
    left: 10px !important;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    bottom: 50px !important;
    left: 10px !important;
}
}

@media (max-width: 576px) {
	.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    bottom: 50px !important;
    left: 10px !important;
}
}

