/* ==========================================================================
   Aletto - pagina de carrinho (Cart Block do WooCommerce Blocks)
   ========================================================================== */

/* --------------------------------------------------------------------------
   Linhas de item
   -------------------------------------------------------------------------- */

.wc-block-cart-items__row {
  border-bottom: 1px solid var(--aletto-borda, #e7e7e7);
  padding-top: 1.4em;
  padding-bottom: 1.4em;
}

/* --------------------------------------------------------------------------
   Seletor de quantidade
   -------------------------------------------------------------------------- */

.wc-block-components-quantity-selector {
  border: 1px solid var(--aletto-borda, #e7e7e7);
  border-radius: 8px;
}

.wc-block-components-quantity-selector__button {
  background-color: var(--aletto-branco, #fff);
  color: var(--aletto-texto, #000);
}

.wc-block-components-quantity-selector__button:hover {
  background-color: var(--aletto-verde-agua, #24c7b8);
  color: var(--aletto-branco, #fff);
}

/* --------------------------------------------------------------------------
   Botao de finalizar compra
   -------------------------------------------------------------------------- */

.wc-block-cart__submit-button {
  background-color: var(--aletto-verde-compra, #0fb930);
  border-color: var(--aletto-verde-compra, #0fb930);
  color: var(--aletto-branco, #fff);
}

.wc-block-cart__submit-button:hover {
  background-color: var(--aletto-verde-compra, #0fb930);
  border-color: var(--aletto-verde-compra, #0fb930);
  color: var(--aletto-branco, #fff);
  filter: brightness(0.92);
}

/* --------------------------------------------------------------------------
   Total estimado (so a linha final, nao subtotal/frete/desconto)
   -------------------------------------------------------------------------- */

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: var(--aletto-roxo, #7a00ff);
  font-weight: 700;
  font-size: 20px;
}

/* --------------------------------------------------------------------------
   Sidebar de totais (card, igual ao bloco de frete da pagina de produto)
   -------------------------------------------------------------------------- */

.wc-block-components-sidebar {
  background-color: #f6fdfc;
  border-radius: var(--aletto-raio, 12px);
  padding: 1.5em 1.8em;
}

/* --------------------------------------------------------------------------
   Mobile
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {
  .wc-block-cart-items__row {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
  }

  .wc-block-components-quantity-selector__button {
    min-width: 40px;
    min-height: 40px;
  }

  .wc-block-cart__submit-button {
    width: 100%;
    text-align: center;
  }

  .wc-block-components-sidebar {
    padding: 1.2em;
  }
}