/**
 * Estilos personalizados para a página de carrinho
 * Layout limpo e profissional
 */

/* Estilos do carrinho */
.cart-page {
    max-width: 900px !important;
    margin: 50px auto !important;
    padding: 20px !important;
}

/* Título centralizado com estilo moderno */
.cart-title {
    text-align: center !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    color: #0d427e !important;
    margin-bottom: 40px !important;
    position: relative !important;
}

.cart-title:after {
    content: "" !important;
    position: absolute !important;
    bottom: -15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60px !important;
    height: 4px !important;
    background-color: #0d427e !important;
    border-radius: 2px !important;
}

/* Logo pequeno e centralizado no topo */
.cart-logo-container {
    text-align: center !important;
    margin-bottom: 30px !important;
}

.cart-logo {
    max-width: 180px !important;
    margin: 0 auto !important;
}

/* Estilo para itens do carrinho */
.cart-item {
    background: white !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    border: none !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
    padding: 20px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.cart-item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12) !important;
}

/* Estilizar botões */
.btn-success {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    letter-spacing: 0.3px !important;
}

.btn-success:hover {
    background-color: #218838 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.25) !important;
}

/* Estilizar resumo do pedido */
.summary-container {
    background: white !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    border: none !important;
    padding: 25px !important;
    margin-top: 30px !important;
}

.summary-heading {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #0d427e !important;
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #eee !important;
}

/* Estilizar total */
.total-row {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0d427e !important;
    padding-top: 15px !important;
    margin-top: 15px !important;
    border-top: 2px solid #eee !important;
}

/* Rodapé simples */
.simple-footer {
    text-align: center !important;
    padding: 20px !important;
    color: #666 !important;
    font-size: 14px !important;
    margin-top: 50px !important;
}