/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 01 2026 | 23:07:42 */
/* ==========================================================
   Bella e Fashion — Correções visuais (rodada 2)
   Botões na cor da marca, carrinho mobile em cards, flutuantes
   ========================================================== */

/* ---------- 1. Botões WooCommerce na identidade da marca ---------- */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce .button.alt,
.woocommerce-page button.button,
.woocommerce-page a.button,
.woocommerce .eael-cart-coupon-wrapper .coupon button,
.woocommerce .eael-cart-update-btn button,
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce a.checkout-button {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  transition: background-color .2s ease, border-color .2s ease;
}
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce .button.alt:hover,
.woocommerce-page button.button:hover,
.woocommerce-page a.button:hover,
.woocommerce .eael-cart-coupon-wrapper .coupon button:hover,
.woocommerce .eael-cart-update-btn button:hover,
.woocommerce a.checkout-button:hover {
  background-color: #ff7381 !important;
  border-color: #ff7381 !important;
  color: #ffffff !important;
}
/* "Atualizar carrinho" desabilitado: cinza neutro em vez de lilás */
.woocommerce button.button:disabled,
.woocommerce button.button[disabled],
.woocommerce .eael-cart-update-btn button:disabled {
  background-color: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
  color: #6b6b6b !important;
  opacity: 1 !important;
  cursor: not-allowed;
}
/* Campo de cupom sem a borda verde */
.woocommerce .eael-cart-coupon-wrapper .coupon input.input-text {
  border-color: #cfcfcf !important;
}
.woocommerce .eael-cart-coupon-wrapper .coupon input.input-text:focus {
  border-color: #111111 !important;
  outline: none;
}

/* ---------- 2. Widgets flutuantes sem sobreposição ---------- */
/* "Voltar ao topo" sobe para acima do carrinho flutuante */
#back-to-top {
  bottom: 110px !important;
}
/* Espaço no rodapé para os flutuantes não cobrirem os links */
.bottom-footer {
  padding-bottom: 90px !important;
}

/* ---------- 3. Carrinho no celular: itens em card ---------- */
@media (max-width: 767px) {
  .woocommerce-cart .site { overflow-x: clip; }

  .eael-woo-cart-table-warp { overflow: visible !important; }
  .eael-woo-cart-table.shop_table,
  .eael-woo-cart-table { min-width: 0 !important; width: 100% !important; }

  .eael-woo-cart-table .eael-wc-table-header { display: none !important; }

  .eael-woo-cart-table .eael-wc-table-body { display: block !important; }

  .eael-woo-cart-table .eael-wct-tr.cart_item {
    display: grid !important;
    grid-template-columns: 88px 1fr 28px;
    grid-template-areas:
      "thumb name  remove"
      "thumb price price"
      "thumb qty   qty"
      "thumb sub   sub";
    column-gap: 12px;
    row-gap: 6px;
    align-items: center;
    width: 100% !important;
    padding: 14px 12px !important;
    margin: 0 0 10px !important;
    border: 1px solid #ececec;
    border-radius: 6px;
    background: #fff;
  }

  .eael-woo-cart-table .eael-wct-tr.cart_item > .eael-wct-td {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    justify-content: flex-start !important;
    border: 0 !important;
  }

  .eael-wct-tr.cart_item .product-thumbnail {
    grid-area: thumb;
    display: block !important;
    align-self: start;
  }
  .eael-wct-tr.cart_item .product-thumbnail img {
    display: block !important;
    width: 88px !important;
    height: auto !important;
    max-width: 88px !important;
    border-radius: 4px;
  }

  .eael-wct-tr.cart_item .product-name {
    grid-area: name;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
  }

  .eael-wct-tr.cart_item .product-remove {
    grid-area: remove;
    align-self: start;
    justify-self: end;
  }

  .eael-wct-tr.cart_item .product-price { grid-area: price; font-size: 14px; }
  .eael-wct-tr.cart_item .product-price::before {
    content: "Preço:";
    margin-right: 4px;
    color: #777;
  }

  .eael-wct-tr.cart_item .product-quantity { grid-area: qty; }
  .eael-wct-tr.cart_item .product-quantity .quantity { justify-content: flex-start !important; }

  .eael-wct-tr.cart_item .product-subtotal { grid-area: sub; font-size: 14px; font-weight: 600; }
  .eael-wct-tr.cart_item .product-subtotal::before {
    content: "Total:";
    margin-right: 4px;
    color: #777;
    font-weight: 400;
  }

  /* Cupom e botões ocupando a largura toda */
  .eael-cart-coupon-and-collaterals { display: block !important; }
  .eael-cart-coupon-wrapper,
  .eael-cart-coupon-wrapper .coupon {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
  }
  .eael-cart-coupon-wrapper .coupon input.input-text,
  .eael-cart-coupon-wrapper .coupon button,
  .eael-cart-update-btn,
  .eael-cart-update-btn button {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  .cart-collaterals,
  .cart-collaterals .cart_totals {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
}