/*
 * Vale Labs Cart v1.0.0
 * Base: WHMCS Standard Cart
 * Objetivo: identidade visual Vale Labs mantendo compatibilidade nativa do WHMCS.
 */

:root {
    --vl-primary: #0B5CFF;
    --vl-primary-dark: #062A63;
    --vl-bg: #F5F7FA;
    --vl-text: #1F2937;
    --vl-muted: #6B7280;
    --vl-border: #E5E7EB;
    --vl-success: #16A34A;
    --vl-warning: #F59E0B;
    --vl-danger: #DC2626;
    --vl-radius: 16px;
    --vl-shadow: 0 12px 30px rgba(6, 42, 99, .10);
}

#order-standard_cart {
    color: var(--vl-text);
}

#order-standard_cart .header-lined {
    background: linear-gradient(135deg, var(--vl-primary-dark), var(--vl-primary));
    color: #fff;
    border-radius: 22px;
    padding: 30px 32px;
    margin-bottom: 28px;
    border: 0;
    box-shadow: var(--vl-shadow);
}

#order-standard_cart .header-lined h1,
#order-standard_cart .header-lined p {
    color: #fff;
}

#order-standard_cart .header-lined h1 {
    font-weight: 800;
    letter-spacing: -0.03em;
}

#order-standard_cart .cart-sidebar,
#order-standard_cart .sidebar-collapsed,
#order-standard_cart .product,
#order-standard_cart .panel,
#order-standard_cart .view-cart-items,
#order-standard_cart .order-summary,
#order-standard_cart .sub-heading,
#order-standard_cart .products .product {
    border-radius: var(--vl-radius);
}

#order-standard_cart .products .product {
    border: 1px solid var(--vl-border);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .07);
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

#order-standard_cart .products .product:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 35px rgba(11, 92, 255, .14);
    border-color: rgba(11, 92, 255, .32);
}

#order-standard_cart .products .product header {
    background: linear-gradient(135deg, var(--vl-primary-dark), var(--vl-primary));
    color: #fff;
    border-radius: var(--vl-radius) var(--vl-radius) 0 0;
    border-bottom: 0;
}

#order-standard_cart .products .product header span,
#order-standard_cart .products .product header .qty {
    color: #fff;
}

#order-standard_cart .product-pricing .price,
#order-standard_cart .summary-total,
#order-standard_cart .total-due-today .amt,
#order-standard_cart .order-summary h2 {
    color: var(--vl-primary-dark);
}

#order-standard_cart .btn-primary,
#order-standard_cart .btn-success,
#order-standard_cart .btn-info,
#order-standard_cart button[type="submit"].btn-primary,
#order-standard_cart input[type="submit"].btn-primary {
    background: linear-gradient(135deg, var(--vl-primary), var(--vl-primary-dark));
    border-color: var(--vl-primary);
    border-radius: 999px;
    font-weight: 700;
    box-shadow: 0 10px 22px rgba(11, 92, 255, .22);
}

#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-success:hover,
#order-standard_cart .btn-info:hover {
    filter: brightness(.96);
    border-color: var(--vl-primary-dark);
}

#order-standard_cart .btn-default,
#order-standard_cart .btn-secondary {
    border-radius: 999px;
}

#order-standard_cart .list-group-item.active,
#order-standard_cart .list-group-item.active:hover,
#order-standard_cart .list-group-item.active:focus {
    background: linear-gradient(135deg, var(--vl-primary), var(--vl-primary-dark));
    border-color: var(--vl-primary);
}

#order-standard_cart .panel-sidebar > .panel-heading,
#order-standard_cart .panel-default > .panel-heading,
#order-standard_cart .order-summary .summary-container {
    background: #fff;
    border-color: var(--vl-border);
}

#order-standard_cart .form-control:focus {
    border-color: var(--vl-primary);
    box-shadow: 0 0 0 .2rem rgba(11, 92, 255, .14);
}

#order-standard_cart .alert-info {
    background: #EFF6FF;
    border-color: #BFDBFE;
    color: var(--vl-primary-dark);
}

#order-standard_cart .alert-success {
    background: #ECFDF5;
    border-color: #BBF7D0;
    color: #166534;
}

#order-standard_cart .alert-warning {
    background: #FFFBEB;
    border-color: #FDE68A;
    color: #92400E;
}

#order-standard_cart .alert-danger {
    background: #FEF2F2;
    border-color: #FECACA;
    color: #991B1B;
}

#order-standard_cart .view-cart-tabs .nav-tabs > li.active > a,
#order-standard_cart .view-cart-tabs .nav-tabs > li.active > a:hover,
#order-standard_cart .view-cart-tabs .nav-tabs > li.active > a:focus {
    color: var(--vl-primary);
    border-bottom-color: var(--vl-primary);
}

#order-standard_cart .empty-cart .btn {
    border-radius: 999px;
}

@media (max-width: 767px) {
    #order-standard_cart .header-lined {
        padding: 22px 20px;
        border-radius: 18px;
    }

    #order-standard_cart .header-lined h1 {
        font-size: 28px;
    }
}
