/******* Do not edit this file *******
Code Snippets Manager
Saved: Aug 23 2025 | 00:58:16 */
/******* Do not edit this file *******
Code Snippets Manager
@charset "UTF-8";

/* ========= ESTILIZAÇÃO GERAL ========= */
/* Remove Focus */
.woocommerce-message:focus, .woocommerce-message:focus-visible, .woocommerce-message:focus-within, .woocommerce-error:focus, .woocommerce-error:focus-visible, .woocommerce-error:focus-within, .woocommerce-info:focus, .woocommerce-info:focus-visible, .woocommerce-info:focus-within {
  outline: none !important;
  /* Remove o contorno azul/preto */
}
.toggle-bundle:focus, .toggle-bundle:focus-visible, .toggle-bundle:focus-within, .toggle-bundle:active, .toggle-bundle {
  background-color: black !important;
  /* Mantém a cor normal */
}
/* Define a fonte padrão para todas as notificações */
.woocommerce-notices-wrapper {
  font-family: "Quicksand", sans-serif !important;
}
/* Estilização global para botões de ação dentro das notificações */
.wc-forward {
  border-radius: 1rem !important;
  border: 1px solid !important;
  font-size: 1.8rem !important;
}
/* Define o tamanho da fonte e arredondamento para todas as mensagens */

.woocommerce-message, .woocommerce-error, .woocommerce-info {
  border-radius: 1rem !important;
  width: 100% !important;
  font-size: 1.6rem !important;
  line-height: 1.2em !important;
  font-family: "Quicksand", sans-serif !important;
  padding: 1.8rem 4.6rem !important;
	margin-bottom: 2.4rem !important;
}
.woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before {
	display: inline !important;
	padding: 0px !important;
	margin: 0px !important;
	left: 1.8rem !important;
	right: 0 !important;
  /* Espaçamento entre ícone e texto */
}

/* Links dentro das notificações (mensagem, erro e informação) */
.woocommerce-message a, .woocommerce-error a, .woocommerce-info a {
  color: #aaa !important;
	text-decoration: underline !important;
	padding: 2rem !important;
	cursor: pointer !important;
}
/* Torna os links em negrito ao passar o mouse */
.woocommerce-message a:hover, .woocommerce-error a:hover, .woocommerce-info a:hover {
  font-weight: 700;
	cursor: pointer !important;
}

/* === FIX: centralizar ícone dos avisos (div e ul) === */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.wcf-custom-coupon-field ul.woocommerce-error,
#wcf_custom_coupon_field_order_review ul.woocommerce-error{
  position: relative !important;                /* referência pro ::before */
}
/* Ícone sempre absoluto e centralizado verticalmente */
.wcf-custom-coupon-field ul.woocommerce-error::before,
#wcf_custom_coupon_field_order_review ul.woocommerce-error::before{
  position: absolute !important;
  display: block !important;
  left: 1.8rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  line-height: 1 !important;
}



/* ========= ESTILIZAÇÃO POR TIPO DE NOTIFICAÇÃO ========= */
/* ====== MENSAGENS DE SUCESSO (.woocommerce-message) ====== */
.woocommerce-message {
  background-color: black !important;
  border: 3px solid #6212E6 !important;
  box-shadow: 5px 5px 0px #6212E6 !important;
  color: white !important;
}
/* Estilo específico para o botão dentro das mensagens de sucesso */
.woocommerce-message .wc-forward {
  background-color: black !important;
  border-color: #6212E6 !important;
  box-shadow: 3px 3px 0px #6212E6 !important;
  color: white !important;
}
.woocommerce-message .wc-forward:hover {
  box-shadow: 2px 2px 0px #6212E6 !important;
  position: relative;
  text-shadow: none;
  color: white !important;
  top: 1px;
  left: 1px;
}
.woocommerce-message .wc-forward:active {
  box-shadow: 0px 0px 0px #6212E6;
  position: relative;
  top: 3px;
  left: 3px;
}
/* ====== MENSAGENS DE ERRO (.woocommerce-error) ====== */
.wt-col-esquerda h3 + p + p, .woocommerce-error {
  background-color: #F2F4F8 !important;
  border: 3px solid #E64812 !important;
  box-shadow: 5px 5px 0px #E64812 !important;
  color: #32120B !important;
}
/* Estilo específico para o botão dentro das mensagens de erro */
.woocommerce-error .wc-forward {
  background-color: #F2F4F8 !important;
  border-color: #E64812 !important;
  box-shadow: 3px 3px 0px #E64812 !important;
  color: #32120B !important;
}
.woocommerce-error .wc-forward:hover {
  box-shadow: 2px 2px 0px #E64812 !important;
  position: relative;
  text-shadow: none;
  top: 1px;
  color: #32120B !important;
  left: 1px;
}
.woocommerce-error .wc-forward:active {
  box-shadow: 0px 0px 0px #E64812;
  position: relative;
  top: 3px;
  color: #32120B !important;
  left: 3px;
}
/* ====== MENSAGENS INFORMATIVAS (.woocommerce-info) ====== */
.woocommerce-info {
  background-color: black !important;
  border-radius: 1rem;
  border: 3px solid #6212E6 !important;
  box-shadow: 5px 5px 0px #6212E6 !important;
  color: white;
  width: 100% !important;
  font-size: 1.6rem;
}
/* Estilo específico para o botão dentro das mensagens informativas */
.woocommerce-info .wc-forward {
  background-color: #F2F4F8 !important;
  border-color: #E6DD12 !important;
  box-shadow: 3px 3px 0px #E6DD12 !important;
  color: #373404 !important;
}
.cart-empty.woocommerce-info:before {
  color: #6212E6 !important;
}
.woocommerce-message:before, 
.woocommerce-info:before {
  color: #6212E6 !important;
}
@media (max-width: 767px) {
  /* Ajuste de tamanho da fonte */
  /* Ajuste da borda e box-shadow para mensagens de sucesso */
  /* Ajuste da borda e box-shadow para mensagens de erro */
  /* Ajuste da borda, box-shadow e fonte para mensagens informativas */
  .woocommerce-message, .woocommerce-error, .woocommerce-info {
    font-size: 1.4rem !important;
  }
  .woocommerce-message {
    border: 2px solid #12E6B8 !important;
    box-shadow: 3px 3px 0px #12E6B8 !important;
  }
  .woocommerce-error {
    border: 2px solid #E64812 !important;
    box-shadow: 3px 3px 0px #E64812 !important;
  }
  .woocommerce-info {
    border: 2px solid #E6DD12 !important;
    box-shadow: 3px 3px 0px #E6DD12;
    font-size: 1.4rem;
  }
  .wc-forward {
    margin-top: 2.4rem !important;
    font-size: 1.6rem !important;
  }
}
/* ====== MENSAGENS INFORMATIVAS DE PONTOS (.woocommerce-info) ====== */

.woocommerce-info.wc_points_redeem_earn_points::before, .wc_points_rewards_earn_points .woocommerce-info::before {
  content: "";
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 24 24'><path fill='%236212E6' d='M12 5C7.031 5 2 6.546 2 9.5S7.031 14 12 14c4.97 0 10-1.546 10-4.5S16.97 5 12 5zm-5 9.938v3c1.237.299 2.605.482 4 .541v-3a21.166 21.166 0 0 1-4-.541zm6 .54v3a20.994 20.994 0 0 0 4-.541v-3a20.994 20.994 0 0 1-4 .541zm6-1.181v3c1.801-.755 3-1.857 3-3.297v-3c0 1.44-1.199 2.542-3 3.297zm-14 3v-3C3.2 13.542 2 12.439 2 11v3c0 1.439 1.2 2.542 3 3.297z' /></svg>") !important;
  background-repeat: no-repeat;
  background-size: contain;
}

.button.wc_points_rewards_apply_discount {
  border: 2px solid #6212E6 !important;
  border-radius: 1rem !important;
  box-shadow: 3px 3px 0px #6212E6 !important;
  background: black !important;
  margin-top: 12px !important;
  padding: 1rem 2rem !important;
  transition: all 0.1s ease;
	font-family: 'Quicksand' !important;
}
.button.wc_points_rewards_apply_discount:hover {
  box-shadow: 2px 2px 0px #6212E6 !important;
  position: relative;
  text-shadow: none;
  color: white !important;
  top: 1px !important;
  left: 1px !important;
}
.button.wc_points_rewards_apply_discount:active {
  box-shadow: 0px 0px 0px #6212E6 !important;
  position: relative;
  top: 3px !important;
  left: 3px !important;
}
