:root {
    --color-white: #FFFFFF;
    --color-blue: #003F7D;
}

body, .wrapper, .main-panel, .content { background: #F8FAFC !important; color: #000000 !important; font-family: 'Inter', sans-serif !important; }
h1, h2, h3, h4, h5, h6, .page-title, .card-title { color: #000000 !important; font-weight: 700 !important; }
p, span, div { color: inherit; }
.text-muted, .card-category, .small, small { color: #000000 !important; opacity: 0.75 !important; }
a { color: var(--color-blue) !important; }
a:hover { color: #002E58 !important; }

/* Navbar & Sidebar */
.main-header, .navbar-header, .logo-header, .sidebar, .sidebar .nav-collapse { background: var(--color-white) !important; border-color: rgba(0, 63, 125, 0.15) !important; }
.logo-header { border-right: none !important; border-bottom: 1px solid rgba(0, 63, 125, 0.15) !important; }
.sidebar { border-right: 1px solid rgba(0, 63, 125, 0.15) !important; }
.navbar-header { border-bottom: 1px solid rgba(0, 63, 125, 0.15) !important; }
.sidebar .nav-item a, .sidebar .user .info a { color: var(--color-blue) !important; }
.sidebar .nav-item a i, .logo-header .logo { color: var(--color-blue) !important; }
.sidebar .nav-item.active > a { background: rgba(0, 63, 125, 0.1) !important; color: var(--color-blue) !important; }
.sidebar .nav-item.active > a i { color: var(--color-blue) !important; }
.sidebar .nav-item a:hover { background: rgba(0, 63, 125, 0.04) !important; }

/* Sidebar Spacing Fix */
.sidebar .sidebar-wrapper { padding-top: 10px !important; }
.sidebar .nav { margin-top: 0 !important; padding-top: 0 !important; }
.sidebar .nav > .nav-item { margin-bottom: 4px !important; padding: 0 !important; }
.sidebar .nav .nav-item > a { margin-bottom: 0 !important; height: 44px !important; max-height: 44px !important; white-space: nowrap !important; }
.sidebar .nav .nav-item > a > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar .nav .collapse:not(.show) { display: none !important; margin: 0 !important; height: 0 !important; padding: 0 !important; overflow: hidden !important; }
.sidebar .nav .collapse { margin-bottom: 4px !important; margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.sidebar .nav .collapse .nav-item { margin-bottom: 2px !important; padding: 0 !important; }
.sidebar .nav .collapse .nav-item a { margin-bottom: 0 !important; height: 38px !important; max-height: 38px !important; padding-top: 6px !important; padding-bottom: 6px !important; }

/* Navbar Profile Fix */
.navbar-header .dropdown-toggle { line-height: normal !important; }
.nexora-profile-name { white-space: nowrap !important; display: inline-block !important; }
.profile-pic { flex-wrap: nowrap !important; white-space: nowrap !important; }

/* Sidebar Toggle Fix */
.logo-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* --- Shared toggle button styling --- */
.logo-header .navbar-toggler {
    background: rgba(0, 63, 125, 0.04) !important;
    border: none !important;
    border-radius: 8px !important;
    width: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    opacity: 1 !important;
}
.logo-header .navbar-toggler i {
    color: var(--color-blue) !important;
    font-size: 20px !important;
}
.logo-header .navbar-toggler:hover {
    background: rgba(0, 63, 125, 0.1) !important;
}

/* --- DESKTOP (>=992px) --- */
@media (min-width: 992px) {
    .logo-header .topbar-toggler {
        display: none !important;
    }
    
    /* Sidebar collapsed state */
    html.sidebar-collapsed .logo-header {
        justify-content: center !important;
        padding: 0 !important;
    }
    html.sidebar-collapsed .logo-header .logo {
        display: none !important;
    }
    html.sidebar-collapsed .logo-header .navbar-toggler {
        margin: 0 auto !important;
    }
}

/* --- MOBILE (<992px) --- */
@media (max-width: 991px) {
    /* Style the topbar toggler (the 3 dots) on mobile */
    .logo-header .topbar-toggler {
        opacity: 1 !important;
        color: var(--color-blue) !important;
        background: transparent !important;
        border: none !important;
        font-size: 20px !important;
        padding: 5px !important;
        margin-left: 10px !important;
    }
}

/* Cards */
.card {
    background: var(--color-white) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03), 0 1px 8px rgba(0, 0, 0, 0.01) !important;
    overflow: hidden !important;
}
.card-header, .card-footer, .card-action {
    background: var(--color-white) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

/* Tables */
.table, .table-bordered, .dataTable { background: var(--color-white) !important; border-color: rgba(0, 63, 125, 0.15) !important; color: var(--color-blue) !important; }
.table th, .table td, .table thead th, .table tbody td, .table-bordered th, .table-bordered td { border-color: rgba(0, 63, 125, 0.15) !important; }
.table thead, .table thead th { background: rgba(0, 63, 125, 0.04) !important; color: var(--color-blue) !important; font-weight: 700 !important; }
.table tbody tr:hover { background: rgba(0, 63, 125, 0.04) !important; }
.table-striped tbody tr:nth-of-type(odd) { background-color: transparent !important; } /* No zebra gray */

/* Buttons */
.btn-primary, .btn-info { background: var(--color-blue) !important; border-color: var(--color-blue) !important; color: var(--color-white) !important; }
.btn-primary:hover, .btn-info:hover { background: var(--color-blue) !important; border-color: var(--color-blue) !important; color: var(--color-white) !important; }
.btn-secondary { background: var(--color-white) !important; border: 1px solid var(--color-blue) !important; color: var(--color-blue) !important; }
.btn-secondary:hover { background: rgba(0, 63, 125, 0.04) !important; }

/* Keep standard colors for semantic buttons */
.btn-danger { background: #E74C3C !important; border-color: #E74C3C !important; color: var(--color-white) !important; }
.btn-danger:hover { background: #C0392B !important; border-color: #C0392B !important; color: var(--color-white) !important; }
.btn-warning { background: #F1C40F !important; border-color: #F1C40F !important; color: #333 !important; }
.btn-warning:hover { background: #F39C12 !important; border-color: #F39C12 !important; color: #FFF !important; }
.btn-success { background: #2ECC71 !important; border-color: #2ECC71 !important; color: var(--color-white) !important; }
.btn-success:hover { background: #27AE60 !important; border-color: #27AE60 !important; color: var(--color-white) !important; }

/* Forms & Inputs */
.form-control, .select2-container--default .select2-selection--single { background: var(--color-white) !important; border: 1px solid rgba(0, 63, 125, 0.15) !important; color: #000000 !important; }
.form-control::placeholder { color: #888888 !important; }
.form-control:focus, .select2-container--default.select2-container--focus .select2-selection--single { border-color: var(--color-blue) !important; box-shadow: 0 0 0 3px rgba(0, 88, 166, 0.10) !important; }
.input-group-text { background: rgba(0, 63, 125, 0.04) !important; border-color: rgba(0, 63, 125, 0.15) !important; color: var(--color-blue) !important; }

/* Modals */
.modal-content {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 16px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08) !important;
}
.modal-header, .modal-footer {
    border-color: rgba(0, 0, 0, 0.06) !important;
    background: #FFFFFF !important;
}
.modal-title {
    color: #000000 !important;
    font-weight: 700 !important;
}
.modal-body {
    color: #000000 !important;
}
.modal-backdrop {
    background: rgba(0, 46, 88, 0.24) !important;
}

/* Badges & Status */
.badge-primary { background: var(--color-blue) !important; color: var(--color-white) !important; }
.badge-secondary, .badge-default { background: rgba(0, 63, 125, 0.1) !important; color: var(--color-blue) !important; }
.badge-info { background: var(--color-blue) !important; color: var(--color-white) !important; }
/* Semantic badges */
.badge-success { background: #2ECC71 !important; color: var(--color-white) !important; }
.badge-warning { background: #F1C40F !important; color: #333 !important; }
.badge-danger { background: #E74C3C !important; color: var(--color-white) !important; }

/* SweetAlert Popups */
.swal2-popup {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 20px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08) !important;
    color: #000000 !important;
}
.swal2-title {
    color: #000000 !important;
    font-weight: 700 !important;
}
.swal2-html-container, .swal2-content {
    color: #333333 !important;
}
.swal2-confirm {
    background: var(--color-blue) !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
}
.swal2-cancel {
    background: #F8FAFC !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #000000 !important;
    border-radius: 8px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
}

/* Empty States */
.empty-state { background: var(--color-white) !important; color: var(--color-blue) !important; border-color: rgba(0, 63, 125, 0.15) !important; }
.empty-state-icon { background: rgba(0, 63, 125, 0.04) !important; color: var(--color-blue) !important; }

/* DataTables Pagination */
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate a.paginate_button { background: var(--color-white) !important; color: var(--color-blue) !important; border: 1px solid rgba(0, 63, 125, 0.15) !important; padding: 5px 10px !important; margin: 0 2px !important; border-radius: 4px !important; text-decoration: none !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate a.paginate_button.current { background: var(--color-blue) !important; color: #FFFFFF !important; border-color: var(--color-blue) !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):hover,
.dataTables_wrapper .dataTables_paginate a.paginate_button:not(.current):hover { background: rgba(0, 63, 125, 0.04) !important; color: var(--color-blue) !important; border-color: var(--color-blue-300) !important; }

/* Footer - White Background with Blue Accents */
.footer { background: var(--color-white) !important; border-top: none !important; color: var(--color-blue) !important; padding: 0 24px 20px !important; }
.footer .container-fluid { background: var(--color-blue) !important; border: none !important; border-radius: 10px !important; color: #FFFFFF !important; }
.footer a { color: #FFFFFF !important; font-weight: 500 !important; }
.footer a:hover { color: rgba(0, 63, 125, 0.1) !important; }
.footer-license a, .footer-license span { color: #FFFFFF !important; }
.footer-powered span { color: rgba(255,255,255,0.85) !important; font-weight: 600 !important; font-size: 13px !important; }
.footer-powered img { height: 32px !important; width: auto !important; object-fit: contain !important; filter: brightness(0) invert(1) !important; }



/* Features Page Blue Cards */
.nexora-feature-stat { background: var(--color-blue) !important; color: #FFFFFF !important; border: none !important; border-radius: 14px !important; padding: 20px !important; display: flex !important; flex-direction: column !important; box-shadow: 0 4px 12px rgba(0, 88, 166, 0.1) !important; }
.nexora-feature-stat small { color: rgba(255,255,255,0.7) !important; font-size: 13px !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; }
.nexora-feature-stat strong { color: #FFFFFF !important; font-size: 28px !important; font-weight: 700 !important; margin-top: 5px !important; }
.nexora-feature-stat.is-neutral { background: #1E1E1E !important; color: #FFF !important; }
.nexora-feature-stat.is-success { background: #10B981 !important; color: #FFF !important; }
.nexora-feature-stat.is-warning { background: #F39C12 !important; color: #FFF !important; }
.nexora-feature-stat.is-danger { background: #E74C3C !important; color: #FFF !important; }
/* POS specific */
#productGrid .clickable-card { background: var(--color-white) !important; border: 1px solid rgba(0, 63, 125, 0.15) !important; }
#productGrid .clickable-card:hover { border-color: var(--color-blue) !important; }

/* Super Admin Header Filter */
.superadmin-header-card { background: var(--color-blue); color: #fff; border-radius: 14px; padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; transition: background 0.3s ease !important; }
.superadmin-header-card.is-success { background: #10B981 !important; }
.superadmin-header-card.is-warning { background: #F39C12 !important; }
.superadmin-header-card.is-danger { background: #E74C3C !important; }
.superadmin-header-card.is-neutral { background: #1E1E1E !important; }
.superadmin-header-card h4 { color: #fff !important; margin: 0; font-size: 18px; display: flex; align-items: center; gap: 10px; }
.superadmin-header-card .form-control { background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.3); color: #fff; min-width: 200px; border-radius: 8px; }
.superadmin-header-card .form-control option { background: var(--color-blue); color: #fff; }

/* Blue Theme for SaaS Company Cards */
.nexora-company-control {
    background: var(--color-blue) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 15px rgba(0, 88, 166, 0.15) !important;
}

/* Form Control Card Styles - White Background with Accent Top Border */
.nexora-control-card {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03), 0 1px 8px rgba(0, 0, 0, 0.01) !important;
    padding: 24px !important;
    color: #000000 !important;
    overflow: hidden !important;
}

.nexora-control-card.is-success { border-top: 4px solid #10B981 !important; }
.nexora-control-card.is-warning { border-top: 4px solid #F39C12 !important; }
.nexora-control-card.is-neutral { border-top: 4px solid #1E1E1E !important; }
.nexora-control-card.is-danger { border-top: 4px solid #E74C3C !important; }

/* Ensure headings, labels, texts and spans inside control cards are black */
.nexora-control-card label, 
.nexora-control-card span, 
.nexora-control-card strong, 
.nexora-control-card small, 
.nexora-control-card p, 
.nexora-control-card h4, 
.nexora-control-card h5 {
    color: #000000 !important;
}

/* Keep text inside feature toggles & check boxes (which are white boxes) dark */
.nexora-control-card.is-success .nexora-feature-toggle *,
.nexora-control-card.is-warning .nexora-feature-toggle *,
.nexora-control-card.is-neutral .nexora-feature-toggle *,
.nexora-control-card.is-danger .nexora-feature-toggle *,
.nexora-control-card.is-success .nexora-feature-toggle strong,
.nexora-control-card.is-warning .nexora-feature-toggle strong,
.nexora-control-card.is-neutral .nexora-feature-toggle strong,
.nexora-control-card.is-danger .nexora-feature-toggle strong,
.nexora-control-card.is-success .nexora-feature-toggle small,
.nexora-control-card.is-warning .nexora-feature-toggle small,
.nexora-control-card.is-neutral .nexora-feature-toggle small,
.nexora-control-card.is-danger .nexora-feature-toggle small,
.nexora-control-card.is-success .nexora-permission-check *,
.nexora-control-card.is-warning .nexora-permission-check *,
.nexora-control-card.is-neutral .nexora-permission-check *,
.nexora-control-card.is-danger .nexora-permission-check *,
.nexora-control-card.is-success .nexora-permission-check span,
.nexora-control-card.is-warning .nexora-permission-check span,
.nexora-control-card.is-neutral .nexora-permission-check span,
.nexora-control-card.is-danger .nexora-permission-check span {
    color: #000000 !important;
}

/* Keep text inside permission groups (which are white sub-boxes) dark */
.nexora-control-card.is-neutral .nexora-permission-group,
.nexora-control-card.is-success .nexora-permission-group,
.nexora-control-card.is-warning .nexora-permission-group,
.nexora-control-card.is-danger .nexora-permission-group {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}
.nexora-control-card.is-neutral .nexora-permission-group *,
.nexora-control-card.is-success .nexora-permission-group *,
.nexora-control-card.is-warning .nexora-permission-group *,
.nexora-control-card.is-danger .nexora-permission-group * {
    color: #000000 !important;
}
.nexora-control-card .nexora-permission-group-head .btn-secondary {
    background: #F8FAFC !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #000000 !important;
}
.nexora-control-card .nexora-permission-group-head .btn-secondary:hover {
    background: rgba(0, 63, 125, 0.08) !important;
    color: var(--color-blue) !important;
    border-color: rgba(0, 63, 125, 0.15) !important;
}

/* Keep inputs and select dropdowns white with dark text for clear readability */
.nexora-control-card.is-success .form-control,
.nexora-control-card.is-warning .form-control,
.nexora-control-card.is-neutral .form-control,
.nexora-control-card.is-danger .form-control {
    background: #FFFFFF !important;
    color: #333333 !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
}
.nexora-control-card.is-success .form-control option,
.nexora-control-card.is-warning .form-control option,
.nexora-control-card.is-neutral .form-control option,
.nexora-control-card.is-danger .form-control option {
    background: #FFFFFF !important;
    color: #333333 !important;
}
.nexora-control-card.is-neutral .form-control option,
.nexora-control-card.is-danger .form-control option {
    background: #FFFFFF !important;
    color: #333333 !important;
}

/* Company Cards - White Background with Status Accent Border */
.nexora-company-control {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03), 0 1px 8px rgba(0, 0, 0, 0.01) !important;
    overflow: hidden !important;
    color: #000000 !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.nexora-company-control:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06), 0 2px 10px rgba(0, 0, 0, 0.02) !important;
}

.nexora-company-control.is-success { border-top: 4px solid #10B981 !important; }
.nexora-company-control.is-warning { border-top: 4px solid #F39C12 !important; }
.nexora-company-control.is-danger { border-top: 4px solid #E74C3C !important; }
.nexora-company-control.is-neutral { border-top: 4px solid #1E1E1E !important; }

/* Text colors inside white company cards */
.nexora-company-control * {
    color: #000000 !important;
}

/* Ensure the light grey meta boxes inside contrast nicely against white card */
.nexora-company-control .nexora-company-meta div {
    background: #F8FAFC !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 8px !important;
}
.nexora-company-control .nexora-company-meta div * {
    color: #000000 !important;
}
.nexora-company-control .nexora-company-meta div small {
    color: #555555 !important;
    font-weight: 600 !important;
}

/* Status-specific View Details Buttons */
.nexora-company-control .nexora-company-summary a.btn {
    border: none !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    box-shadow: none !important;
}
.nexora-company-control.is-success .nexora-company-summary a.btn {
    background: #10B981 !important;
    color: #FFFFFF !important;
}
.nexora-company-control.is-success .nexora-company-summary a.btn:hover {
    background: #0D9488 !important;
}
.nexora-company-control.is-warning .nexora-company-summary a.btn {
    background: #F39C12 !important;
    color: #FFFFFF !important;
}
.nexora-company-control.is-warning .nexora-company-summary a.btn:hover {
    background: #D68910 !important;
}
.nexora-company-control.is-danger .nexora-company-summary a.btn {
    background: #E74C3C !important;
    color: #FFFFFF !important;
}
.nexora-company-control.is-danger .nexora-company-summary a.btn:hover {
    background: #C0392B !important;
}
.nexora-company-control.is-neutral .nexora-company-summary a.btn {
    background: #1E1E1E !important;
    color: #FFFFFF !important;
}
.nexora-company-control.is-neutral .nexora-company-summary a.btn:hover {
    background: #000000 !important;
}

/* Header Elements Inside Card */
.nexora-company-control-head {
    background: transparent !important;
    margin-bottom: 12px !important;
}
.nexora-company-control-head h5 {
    color: #000000 !important;
    font-size: 16px !important;
}
.nexora-company-control-head .nexora-company-code-badge {
    background: rgba(0, 63, 125, 0.08) !important;
    color: var(--color-blue) !important;
    border: none !important;
    font-weight: 700 !important;
}
.nexora-company-control-head .nexora-company-actions .btn-secondary {
    background: #F8FAFC !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #000000 !important;
}
.nexora-company-control-head .nexora-company-actions .btn-secondary:hover {
    background: rgba(0, 63, 125, 0.08) !important;
    color: var(--color-blue) !important;
    border-color: rgba(0, 63, 125, 0.15) !important;
}

/* Global Action Group & Buttons styling (matching users/listing) */
.nexora-action-group {
    display: flex;
    gap: 8px;
    align-items: center;
}
.nexora-action-btn {
    border-radius: 6px !important;
    width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.15s ease !important;
}
.nexora-action-btn.is-warning {
    background: #F39C12 !important;
    color: #FFFFFF !important;
}
.nexora-action-btn.is-warning:hover {
    background: #D68910 !important;
    color: #FFFFFF !important;
}
.nexora-action-btn.is-warning i {
    color: #FFFFFF !important;
}
.nexora-action-btn.is-danger {
    background: #E74C3C !important;
    color: #FFFFFF !important;
}
.nexora-action-btn.is-danger:hover {
    background: #C0392B !important;
    color: #FFFFFF !important;
}
.nexora-action-btn.is-danger i {
    color: #FFFFFF !important;
}
.nexora-action-btn.is-info {
    background: var(--color-blue) !important;
    color: #FFFFFF !important;
}
.nexora-action-btn.is-info:hover {
    background: #002E58 !important;
    color: #FFFFFF !important;
}
.nexora-action-btn.is-info i {
    color: #FFFFFF !important;
}

/* Print styles for POS screen */
@media print {
    /* Only the POS checkout screen should use the full-screen print layout.
       Do not hide invoice pages, otherwise the browser print preview is blank. */
    body.pos-fullscreen-mode * {
        visibility: hidden !important;
    }
    body.pos-fullscreen-mode .pos-right-panel,
    body.pos-fullscreen-mode .pos-right-panel * {
        visibility: visible !important;
    }
    body.pos-fullscreen-mode .pos-right-panel {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: auto !important;
        background: #FFFFFF !important;
        box-shadow: none !important;
        border: none !important;
    }
    /* Hide action buttons during print */
    body.pos-fullscreen-mode .pos-cart-header button,
    body.pos-fullscreen-mode .pos-cart-header a,
    body.pos-fullscreen-mode .pos-cart-footer button,
    body.pos-fullscreen-mode .pos-cart-footer div.d-flex {
        display: none !important;
    }
}
