.elementor-11 .elementor-element.elementor-element-e7637d0{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:125px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-11 .elementor-element.elementor-element-3f6371a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:50px 0px 50px 0px;}.elementor-11 .elementor-element.elementor-element-3f6371a .cart_totals h2{font-family:"Inter", Sans-serif;}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-3f6371a .cart_totals h2{font-size:17px;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-3f6371a *//* ===============================
   🔲 FUNDO PRETO NA PÁGINA INTEIRA
================================== */
body.woocommerce-cart {
  background-color: #1a1a1a !important;
}

/* ===============================
   🎯 GERAL — CONTAINER DO WIDGET
================================== */
.woocommerce-cart .woocommerce {
  background-color: #f9f9f9;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
  font-family: 'Inter', sans-serif;
  color: #2e2e2e;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

/* ===============================
   🖥️ DESKTOP — TABELA PADRÃO
================================== */
@media (min-width: 769px) {
  .woocommerce-cart .woocommerce .shop_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
  }

  .woocommerce-cart .woocommerce .shop_table th,
  .woocommerce-cart .woocommerce .shop_table td {
    padding: 12px 15px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 15px;
  }

  .woocommerce-cart .woocommerce .shop_table th {
    color: #555555;
    text-align: left;
    font-weight: 500;
  }
}

/* ===============================
   📱 MOBILE — FORMATO VERTICAL
================================== */
@media (max-width: 768px) {
  .woocommerce-cart .woocommerce {
    padding: 20px 16px !important;
  }

  .woocommerce-cart .woocommerce .shop_table tbody tr {
    display: block;
    margin-bottom: 20px;
    padding: 5px !important;
  }

  .woocommerce-cart .woocommerce .shop_table td {
    display: block;
    padding: 8px 0 !important;
    font-size: 15px;
  }

  .woocommerce-cart .woocommerce td.product-name a {
    font-size: 15px !important;
    line-height: 1.4;
    color: #111111 !important;
    font-weight: 600;
    text-decoration: none !important;
  }

  .woocommerce-cart .woocommerce .actions {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}

/* ===============================
   🎨 COR DOS TÍTULOS DOS PRODUTOS
================================== */
.woocommerce-cart td.product-name a,
.woocommerce-cart .product-name a,
.woocommerce-page td.product-name a {
  color: #111111 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  text-decoration: none !important;
}

.woocommerce-cart td.product-name a:hover {
  color: #ff6600 !important;
  text-decoration: underline !important;
}

/* ===============================
   ❌ BOTÃO "X" DE REMOVER
================================== */
.woocommerce-cart .product-remove a.remove {
  color: #555555 !important;
  font-size: 20px !important;
  font-weight: bold !important;
  transition: color 0.3s ease;
}

.woocommerce-cart .product-remove a.remove:hover {
  color: #ff6600 !important;
  transform: scale(1.1);
}

/* ===============================
   🧾 BOTÕES GERAIS
================================== */
.woocommerce-cart .woocommerce a.checkout-button,
.woocommerce-cart .woocommerce .e-apply-coupon.button,
.woocommerce-cart .woocommerce button[name="update_cart"] {
  background-color: #ff6600 !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 24px !important;
  font-weight: 600 !important;
  font-size: 15px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  letter-spacing: 0.3px;
  text-align: center;
  display: block;
}

.woocommerce-cart .woocommerce a.checkout-button {
  text-transform: uppercase !important;
}

.woocommerce-cart .woocommerce button[name="update_cart"] {
  text-transform: none !important;
}

.woocommerce-cart .woocommerce .e-apply-coupon.button {
  background-color: #1a1a1a !important;
}
.woocommerce-cart .woocommerce .e-apply-coupon.button:hover {
  background-color: #2e2e2e !important;
}
.woocommerce-cart .woocommerce a.checkout-button:hover,
.woocommerce-cart .woocommerce button[name="update_cart"]:hover {
  background-color: #cc5200 !important;
  transform: translateY(-1px);
}

/* ===============================
   📦 REMOVER SUBTOTAL
================================== */
.woocommerce-cart .woocommerce .cart-subtotal {
  display: none !important;
}

.woocommerce-cart .woocommerce tr.order-total td::before {
  font-weight: 600;
  margin-right: 15px;
  color: #111111;
}
.woocommerce-cart .woocommerce tr.order-total td {
  color: #111111;
  font-size: 15px;
  padding: 14px 0 !important;
}

/* ===============================
   ✍️ INPUTS DO CARRINHO
================================== */
.woocommerce-cart .woocommerce input.input-text,
.woocommerce-cart .woocommerce input[type="text"],
.woocommerce-cart .woocommerce input[type="number"] {
  width: 100% !important;
  height: 42px;
  padding: 8px 12px;
  font-size: 15px;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
/* Esconde o subtotal por produto no carrinho */
.woocommerce-cart td.product-subtotal,
.woocommerce-cart th.product-subtotal {
  display: none !important;
}/* End custom CSS */