/* BuildMart dynamic checkout/dashboard pages: keep Figma layout and protect it from Odoo defaults */
.buildmart-backend-page main.container-fluid {
    padding-top: 0;
    padding-bottom: 40px;
}
.buildmart-backend-page .breadcrumb {
    background: transparent;
    margin-bottom: 0;
}
.buildmart-backend-page .summery .title,
.buildmart-backend-page .bill .title,
.buildmart-backend-page h1.title {
    color: var(--buildmart-text, #161616);
}
.buildmart-backend-page .summery {
    position: sticky;
    top: 16px;
}
.buildmart-backend-page .summery .total span {
    font-weight: 700;
}
.buildmart-backend-page .discound input[disabled] {
    opacity: .65;
    cursor: not-allowed;
}
.buildmart-backend-page .byingAs button {
    min-width: 104px;
}
.buildmart-backend-page .byingAs button.active,
.buildmart-backend-page .byingAs button.bg-primery {
    background: var(--primary-color, #F97316) !important;
    color: #fff !important;
    border-color: var(--primary-color, #F97316) !important;
}
.buildmart-dashboard-page .nav-tabs .nav-link {
    cursor: pointer;
}
.buildmart-dashboard-page .orderTable a,
.buildmart-dashboard-page .wish-list .product-name,
.buildmart-dashboard-page .wish-list .price {
    color: var(--buildmart-text, #161616);
}
.buildmart-dashboard-page .wish-list .product {
    background: #fff;
}
.buildmart-dashboard-page .wish-list .action a {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
}
.buildmart-dashboard-page .upload-area {
    cursor: pointer;
}
.buildmart-payment-page .wrapper {
    background: #fff;
    border: 1px solid var(--buildmart-border, #E4E4E4);
    border-radius: 12px;
    padding: 14px 16px;
}
.buildmart-payment-page .wrapper img {
    max-height: 26px;
    object-fit: contain;
}
@media (max-width: 991px) {
    .buildmart-backend-page .summery {
        position: static;
    }
    .buildmart-backend-page .step {
        overflow-x: auto;
        justify-content: flex-start !important;
    }
    .buildmart-dashboard-page .nav-tabs {
        gap: 6px;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .buildmart-dashboard-page .nav-tabs .nav-item {
        white-space: nowrap;
    }
}
@media (max-width: 575px) {
    .buildmart-backend-page main.container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }
    .buildmart-backend-page .bill,
    .buildmart-backend-page .summery {
        padding: 16px !important;
    }
    .buildmart-dashboard-page .wish-list .product {
        gap: 12px;
        align-items: flex-start !important;
    }
}