/* Layout principal do checkout em três colunas */
.custom-checkout-container {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr; /* Duas colunas para quadrantes e uma para resumo */
    gap: 20px;
    padding: 20px;
}

.checkout-column {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.step {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
}

.step h3 {
    margin-bottom: 10px;
    font-size: 1.2em;
}

.step-content {
    margin-top: 10px;
}

.button.step-next {
    background-color: #28a745;
    color: #fff;
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    margin-top: 10px;
}

.checkout-summary {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
    min-height: 400px;
}
/* Estilos para o Resumo da Compra */
.checkout-summary {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
    max-width: 100%;
    font-size: 14px;
    line-height: 1.6;
}

.checkout-summary h3 {
    font-size: 1.4em;
    margin-bottom: 15px;
    text-align: center;
}

.woocommerce-checkout-review-order table {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-checkout-review-order th,
.woocommerce-checkout-review-order td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.woocommerce-checkout-review-order .product-name {
    font-weight: bold;
    font-size: 14px;
}

.woocommerce-checkout-review-order .product-total,
.woocommerce-checkout-review-order .product-quantity {
    text-align: right;
    font-size: 14px;
}

.woocommerce-checkout-review-order .cart-subtotal td,
.woocommerce-checkout-review-order .order-total td {
    font-weight: bold;
    font-size: 15px;
}

.woocommerce-checkout-review-order .order-total {
    border-top: 2px solid #ddd;
}

.woocommerce-checkout-review-order .product-thumbnail {
    width: 50px;
    margin-right: 10px;
}

.woocommerce-checkout-review-order .product-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    display: block;
}
/* Estilos para a tabela de produtos no resumo da compra */
.shop_table.woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: collapse;
}

.shop_table.woocommerce-checkout-review-order-table th,
.shop_table.woocommerce-checkout-review-order-table td {
    padding: 8px 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

.product-name {
    width: 70%; /* Ajusta a largura do nome do produto */
}

.product-total {
    width: 30%; /* Ajusta a largura do subtotal */
    text-align: right;
}
/* Ocultar elementos indesejados na revisão do pedido */
.woocommerce-checkout-review-order .cart-subtotal,
.woocommerce-checkout-review-order .shipping,
.woocommerce-checkout-review-order .order-total {
    display: none !important;
}