/* Estilos adicionais para botões de remover cupão e remover item */
.remove-coupon-btn {
    background: none;
    border: none;
    color: var(--laranja-cta);
    font-size: 0.75rem;
    cursor: pointer;
    text-decoration: underline;
    margin-top: 5px;
    display: inline-block;
}

.remove-coupon-btn:hover {
    color: var(--laranja-escuro);
}

.remove {
    background: none;
    border: none;
    color: var(--laranja-cta);
    cursor: pointer;
    padding: 0;
}

.remove:hover {
    color: var(--laranja-escuro);
}

/* Linhas alternadas na tabela do carrinho */
.cart_table tbody tr:nth-child(even) {
    background-color: rgba(137, 134, 98, 0.08); /* var(--verde-oliva) com baixa opacidade */
}

/* Para mobile, manter o efeito mesmo com as linhas em bloco */
@media (max-width: 768px) {
    .cart_table tbody tr:nth-child(even) {
        background-color: rgba(137, 134, 98, 0.08);
    }
}

/* Botão de checkout responsivo */
@media (max-width: 768px) {
    .wc-proceed-to-checkout .th-btn {
        width: 100%;
        display: block;
        text-align: center;
    }
}