/* Nearcart/La Pausa full panel brand override
   Primary brand: #4614FD
   This file is intentionally loaded after theme/style to override older hard-coded colors. */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");

:root {
    --c1: #4614FD !important;
    --c1-rgb: 70, 20, 253 !important;
    --c2: #4614FD !important;
    --bs-primary: #4614FD !important;
    --bs-primary-rgb: 70, 20, 253 !important;
    --primary: #4614FD !important;
    --blue: #4614FD !important;
    --ai-color: #4614FD !important;
}

html, body, body *, button, input, select, textarea, .dropdown-menu, .tooltip, .popover {
    font-family: "Poppins", sans-serif !important;
}

/* Global primary color */
a, a:hover,
.text-primary, .text-c1, .c1, .text-info,
.btn-link, .page-link,
.tio, .nav-icon,
.navbar .nav-link.active,
.navbar .active > .nav-link,
.navbar-vertical .active .nav-indicator-icon,
.navbar-vertical .nav-link:hover .nav-indicator-icon,
.navbar-vertical .show > .nav-link > .nav-indicator-icon {
    color: #4614FD !important;
}

/* Buttons and active controls */
.btn-primary, .btn--primary, .btn.btn-primary,
.btn-info, .btn--info,
.btn-danger, .btn--danger,
.btn-warning, .btn--warning,
.badge-primary, .badge-info, .badge-danger, .badge-warning,
.bg-primary, .bg-c1, .bg-info, .bg-danger, .bg-warning,
.pagination .page-item.active .page-link,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.option-select-btn label input:checked ~ span,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.order-place-btn,
.btn[class*="btn-primary"] {
    background-color: #4614FD !important;
    border-color: #4614FD !important;
    color: #ffffff !important;
}

.btn-primary:hover, .btn--primary:hover, .btn.btn-primary:hover,
.btn-info:hover, .btn-danger:hover, .btn-warning:hover,
.order-place-btn:hover {
    background-color: #3710d6 !important;
    border-color: #3710d6 !important;
    color: #ffffff !important;
}

.btn-outline-primary, .btn-outline-info, .btn-outline-danger, .btn-outline-warning,
.btn-bordered.active, input:checked + .btn-bordered {
    color: #4614FD !important;
    border-color: #4614FD !important;
    background-color: rgba(70, 20, 253, .08) !important;
}

.btn-outline-primary:hover, .btn-outline-info:hover, .btn-outline-danger:hover, .btn-outline-warning:hover,
.btn-bordered.active:hover, input:checked + .btn-bordered:hover {
    color: #ffffff !important;
    background-color: #4614FD !important;
    border-color: #4614FD !important;
}

/* Sidebar */
.navbar-vertical-aside,
.navbar-vertical-aside .navbar-vertical-content,
.navbar-vertical-container {
    background: #ffffff !important;
    font-family: "Poppins", sans-serif !important;
}

.navbar-vertical-aside {
    border-inline-end: 1px solid rgba(70, 20, 253, .10) !important;
    box-shadow: 4px 0 22px rgba(21, 18, 51, .04) !important;
}

.navbar-vertical-aside .navbar-nav.nav-tabs,
.navbar-vertical .navbar-nav.nav-tabs {
    padding: 0 8px !important;
}

.navbar-vertical-aside .nav-link,
.navbar-vertical .navbar-nav.nav-tabs .nav-link,
.navbar-vertical .navbar-nav.nav-tabs .nav-link.active {
    color: #151233 !important;
    border-radius: 10px !important;
    border: 0 !important;
    margin: 2px 0 !important;
    font-weight: 500 !important;
    min-height: 40px !important;
}

.navbar-vertical-aside .nav-link .nav-icon,
.navbar-vertical-aside .nav-link .nav-indicator-icon {
    color: #151233 !important;
    opacity: .82 !important;
}

.navbar-vertical-aside .nav-link:hover,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.active > .nav-link,
.navbar-vertical .navbar-nav.nav-tabs .active > .nav-link,
.navbar-vertical .navbar-nav.nav-tabs .active.nav-link,
.navbar-vertical .navbar-nav.nav-tabs .nav-link.active,
.navbar-vertical-aside .nav-item.active > .nav-link,
.navbar-vertical-aside .nav-sub .nav-item.active > .nav-link,
.navbar-vertical-aside .nav-sub .nav-link.active {
    background: rgba(70, 20, 253, .09) !important;
    color: #4614FD !important;
    border-inline-start: 3px solid #4614FD !important;
}

.navbar-vertical-aside .nav-link:hover .nav-icon,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link .nav-icon,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.active > .nav-link .nav-icon,
.navbar-vertical-aside .nav-item.active > .nav-link .nav-icon,
.navbar-vertical-aside .nav-sub .nav-item.active > .nav-link .nav-indicator-icon,
.navbar-vertical-aside .nav-sub .nav-link:hover .nav-indicator-icon {
    color: #4614FD !important;
    opacity: 1 !important;
}

.navbar-vertical-aside .nav-subtitle {
    color: rgba(21, 18, 51, .58) !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
}

.navbar-vertical-aside .badge,
.sidebar--badge-container .badge {
    background-color: rgba(70, 20, 253, .12) !important;
    color: #4614FD !important;
    border: 1px solid rgba(70, 20, 253, .18) !important;
}

.nav-link-toggle::after, .nav-link-toggle[data-toggle=collapse]::after {
    filter: hue-rotate(245deg) saturate(200%) !important;
}

/* Forms, POS controls and focus states */
.form-control:focus, .custom-select:focus, .select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple,
input:focus, select:focus, textarea:focus {
    border-color: rgba(70, 20, 253, .45) !important;
    box-shadow: 0 0 0 .2rem rgba(70, 20, 253, .12) !important;
}

input[type="radio"], input[type="checkbox"] {
    accent-color: #4614FD !important;
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    border-color: #4614FD !important;
    background-color: #4614FD !important;
}

.option-select-btn,
.order-type-radio,
.billing-section,
.product-section,
.card {
    border-color: rgba(70, 20, 253, .10) !important;
}

.option-select-btn label span,
.option-select-btn label input:checked ~ span {
    border-radius: 8px !important;
}

/* Cards and widgets */
.card, .dashboard--card, .order-stats, .product-card, .billing-section, .product-section {
    border-radius: 14px !important;
    box-shadow: 0 8px 26px rgba(21, 18, 51, .05) !important;
}

.dashboard--card, .order-stats {
    border: 1px solid rgba(70, 20, 253, .10) !important;
}

.dashboard--card:hover, .order-stats:hover, .card:hover {
    box-shadow: 0 14px 34px rgba(70, 20, 253, .10) !important;
}

.dashboard--card__img, .order-stats__img, .nc-dashboard-icon,
.avatar, .icon, .icon-soft-primary, .icon-primary {
    color: #4614FD !important;
    border-color: rgba(70, 20, 253, .14) !important;
    background: linear-gradient(135deg, rgba(70, 20, 253, .14), rgba(70, 20, 253, .06)) !important;
}

.badge-soft-primary, .badge-soft-info, .badge-soft-danger, .badge-soft-warning,
.alert-soft-primary, .bg-soft-primary, .bg-soft-info, .bg-soft-danger, .bg-soft-warning,
.btn-soft-primary, .btn-soft-info, .btn-soft-danger, .btn-soft-warning {
    color: #4614FD !important;
    background-color: rgba(70, 20, 253, .10) !important;
    border-color: rgba(70, 20, 253, .16) !important;
}

.apexcharts-legend-marker, .apexcharts-tooltip-marker {
    background-color: #4614FD !important;
}

/* Nearcart premium sidebar icon refresh */
.navbar-vertical-aside .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-link .nearcart-sidebar-icon {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    margin-right: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #5f6684 !important;
    line-height: 1 !important;
    transition: color .18s ease, transform .18s ease;
}
.navbar-vertical-aside .nearcart-sidebar-icon svg {
    width: 19px;
    height: 19px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.navbar-vertical-aside .nav-link:hover .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-item.active > .nav-link .nearcart-sidebar-icon,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.active > .nav-link .nearcart-sidebar-icon,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link .nearcart-sidebar-icon {
    color: #4614FD !important;
    transform: translateY(-1px);
}
.navbar-vertical-aside-mini-mode .nearcart-sidebar-icon,
.navbar-vertical-aside-closed-mode .nearcart-sidebar-icon {
    margin-right: 0 !important;
}

/* Refined sidebar icon system - clean outline, professional sizing */
.navbar-vertical-aside .nav-link {
    gap: 0 !important;
}

.navbar-vertical-aside .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-link .nearcart-sidebar-icon {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    margin-right: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #667085 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    transition: color .18s ease, transform .18s ease, opacity .18s ease !important;
}

.navbar-vertical-aside .nearcart-sidebar-icon svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.navbar-vertical-aside .nearcart-sidebar-icon svg path,
.navbar-vertical-aside .nearcart-sidebar-icon svg circle,
.navbar-vertical-aside .nearcart-sidebar-icon svg rect,
.navbar-vertical-aside .nearcart-sidebar-icon svg line,
.navbar-vertical-aside .nearcart-sidebar-icon svg polyline,
.navbar-vertical-aside .nearcart-sidebar-icon svg polygon {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.navbar-vertical-aside .nav-link:hover .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-item.active > .nav-link .nearcart-sidebar-icon,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.active > .nav-link .nearcart-sidebar-icon,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-link.active .nearcart-sidebar-icon {
    color: #4614FD !important;
    transform: translateY(-1px) !important;
}

.navbar-vertical-aside .nav-link:hover,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.active > .nav-link,
.navbar-vertical .navbar-nav.nav-tabs .active > .nav-link,
.navbar-vertical .navbar-nav.nav-tabs .active.nav-link,
.navbar-vertical .navbar-nav.nav-tabs .nav-link.active,
.navbar-vertical-aside .nav-item.active > .nav-link,
.navbar-vertical-aside .nav-sub .nav-item.active > .nav-link,
.navbar-vertical-aside .nav-sub .nav-link.active {
    background: rgba(70, 20, 253, .08) !important;
    color: #4614FD !important;
    border-inline-start: 3px solid #4614FD !important;
}

.navbar-vertical-aside .nav-link .navbar-vertical-aside-mini-mode-hidden-elements,
.navbar-vertical-aside .nav-link .text-truncate {
    line-height: 1.35 !important;
}

.navbar-vertical-aside-mini-mode .nearcart-sidebar-icon,
.navbar-vertical-aside-closed-mode .nearcart-sidebar-icon {
    margin-right: 0 !important;
}

/* Sidebar icon final tuning - lighter, smaller, premium dashboard style */
.navbar-vertical-aside .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-link .nearcart-sidebar-icon {
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    margin-right: 10px !important;
    color: #98A2B3 !important;
    opacity: 1 !important;
    transform: none !important;
    transition: color .16s ease, opacity .16s ease !important;
}

.navbar-vertical-aside .nearcart-sidebar-icon svg,
.navbar-vertical-aside .nav-link .nearcart-sidebar-icon svg {
    width: 16px !important;
    height: 16px !important;
    stroke-width: 1.55 !important;
}

.navbar-vertical-aside .nearcart-sidebar-icon svg path,
.navbar-vertical-aside .nearcart-sidebar-icon svg circle,
.navbar-vertical-aside .nearcart-sidebar-icon svg rect,
.navbar-vertical-aside .nearcart-sidebar-icon svg line,
.navbar-vertical-aside .nearcart-sidebar-icon svg polyline,
.navbar-vertical-aside .nearcart-sidebar-icon svg polygon {
    stroke-width: 1.55 !important;
}

.navbar-vertical-aside .nav-link:hover .nearcart-sidebar-icon,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link .nearcart-sidebar-icon {
    color: #7C6AF2 !important;
    transform: none !important;
}

.navbar-vertical-aside .nav-item.active > .nav-link .nearcart-sidebar-icon,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.active > .nav-link .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-link.active .nearcart-sidebar-icon {
    color: #4614FD !important;
    transform: none !important;
}

.navbar-vertical-aside .nav-link,
.navbar-vertical-aside .navbar-nav .nav-link {
    font-weight: 500 !important;
}

.navbar-vertical-aside .nav-link:hover,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.active > .nav-link,
.navbar-vertical .navbar-nav.nav-tabs .active > .nav-link,
.navbar-vertical .navbar-nav.nav-tabs .active.nav-link,
.navbar-vertical .navbar-nav.nav-tabs .nav-link.active,
.navbar-vertical-aside .nav-item.active > .nav-link,
.navbar-vertical-aside .nav-sub .nav-item.active > .nav-link,
.navbar-vertical-aside .nav-sub .nav-link.active {
    background: rgba(70, 20, 253, .075) !important;
    color: #4614FD !important;
    border-inline-start: 3px solid #4614FD !important;
}

.navbar-vertical-aside-mini-mode .nearcart-sidebar-icon,
.navbar-vertical-aside-closed-mode .nearcart-sidebar-icon {
    margin-right: 0 !important;
}

/* Sidebar icons v4 — reference-style, lighter, compact and aligned */
.navbar-vertical-aside .nav-link {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}

.navbar-vertical-aside .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-link .nearcart-sidebar-icon {
    width: 15px !important;
    min-width: 15px !important;
    height: 15px !important;
    margin-right: 11px !important;
    color: #7F8BA8 !important;
    opacity: .92 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 15px !important;
    transform: none !important;
    transition: color .16s ease, opacity .16s ease !important;
}

.navbar-vertical-aside .nearcart-sidebar-icon svg,
.navbar-vertical-aside .nav-link .nearcart-sidebar-icon svg {
    width: 15px !important;
    height: 15px !important;
    display: block !important;
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.38 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.navbar-vertical-aside .nearcart-sidebar-icon svg path,
.navbar-vertical-aside .nearcart-sidebar-icon svg circle,
.navbar-vertical-aside .nearcart-sidebar-icon svg rect,
.navbar-vertical-aside .nearcart-sidebar-icon svg line,
.navbar-vertical-aside .nearcart-sidebar-icon svg polyline,
.navbar-vertical-aside .nearcart-sidebar-icon svg polygon {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.38 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* Safety net for remaining original icon-font items so they do not look heavy */
.navbar-vertical-aside .nav-link > .nav-icon:not(.nearcart-sidebar-icon),
.navbar-vertical-aside .nav-link > i.nav-icon {
    width: 15px !important;
    min-width: 15px !important;
    height: 15px !important;
    margin-right: 11px !important;
    color: #7F8BA8 !important;
    opacity: .88 !important;
    font-size: 15px !important;
    line-height: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 15px !important;
}

.navbar-vertical-aside .nav-link:hover .nearcart-sidebar-icon,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-link:hover > .nav-icon:not(.nearcart-sidebar-icon),
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link > .nav-icon:not(.nearcart-sidebar-icon) {
    color: #6D5EF6 !important;
    opacity: 1 !important;
    transform: none !important;
}

.navbar-vertical-aside .nav-item.active > .nav-link .nearcart-sidebar-icon,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.active > .nav-link .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-link.active .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-item.active > .nav-link > .nav-icon:not(.nearcart-sidebar-icon),
.navbar-vertical-aside .navbar-vertical-aside-has-menu.active > .nav-link > .nav-icon:not(.nearcart-sidebar-icon),
.navbar-vertical-aside .nav-link.active > .nav-icon:not(.nearcart-sidebar-icon) {
    color: #4614FD !important;
    opacity: 1 !important;
    transform: none !important;
}

.navbar-vertical-aside .nav-link .navbar-vertical-aside-mini-mode-hidden-elements,
.navbar-vertical-aside .nav-link .text-truncate {
    font-size: 13.5px !important;
    line-height: 1.35 !important;
}

.navbar-vertical-aside .nav-link,
.navbar-vertical-aside .navbar-nav .nav-link {
    min-height: 38px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.navbar-vertical-aside .nav-sub .nav-link {
    min-height: 32px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.navbar-vertical-aside .nav-subtitle {
    color: #6E7792 !important;
    font-size: 11px !important;
    letter-spacing: .045em !important;
}

.navbar-vertical-aside-mini-mode .nearcart-sidebar-icon,
.navbar-vertical-aside-closed-mode .nearcart-sidebar-icon,
.navbar-vertical-aside-mini-mode .nav-link > .nav-icon:not(.nearcart-sidebar-icon),
.navbar-vertical-aside-closed-mode .nav-link > .nav-icon:not(.nearcart-sidebar-icon) {
    margin-right: 0 !important;
}

/* Sidebar icons v5 — final spacing correction */
.navbar-vertical-aside .navbar-nav.nav-tabs {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.navbar-vertical-aside .nav-link,
.navbar-vertical-aside .navbar-nav .nav-link {
    display: flex !important;
    align-items: center !important;
    column-gap: 0 !important;
    gap: 0 !important;
    padding-left: 18px !important;
    padding-right: 16px !important;
    min-height: 38px !important;
}

.navbar-vertical-aside .nav-link .nearcart-sidebar-icon,
.navbar-vertical-aside .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-link > .nav-icon:not(.nearcart-sidebar-icon),
.navbar-vertical-aside .nav-link > i.nav-icon {
    width: 15px !important;
    min-width: 15px !important;
    max-width: 15px !important;
    height: 15px !important;
    margin-left: 0 !important;
    margin-right: 14px !important;
    padding: 0 !important;
    flex: 0 0 15px !important;
    color: #8B95AD !important;
    opacity: .9 !important;
    font-size: 15px !important;
    line-height: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    top: 0 !important;
}

.navbar-vertical-aside .nearcart-sidebar-icon svg,
.navbar-vertical-aside .nav-link .nearcart-sidebar-icon svg {
    width: 15px !important;
    height: 15px !important;
    stroke-width: 1.35 !important;
}

.navbar-vertical-aside .nearcart-sidebar-icon svg path,
.navbar-vertical-aside .nearcart-sidebar-icon svg circle,
.navbar-vertical-aside .nearcart-sidebar-icon svg rect,
.navbar-vertical-aside .nearcart-sidebar-icon svg line,
.navbar-vertical-aside .nearcart-sidebar-icon svg polyline,
.navbar-vertical-aside .nearcart-sidebar-icon svg polygon {
    stroke-width: 1.35 !important;
}

.navbar-vertical-aside .nav-link .navbar-vertical-aside-mini-mode-hidden-elements,
.navbar-vertical-aside .nav-link .text-truncate {
    margin-left: 0 !important;
    padding-left: 0 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    line-height: 1.35 !important;
}

.navbar-vertical-aside .nav-link.nav-link-toggle::after {
    margin-left: auto !important;
    flex: 0 0 auto !important;
}

.navbar-vertical-aside .nav-link:hover .nearcart-sidebar-icon,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-link:hover > .nav-icon:not(.nearcart-sidebar-icon),
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link > .nav-icon:not(.nearcart-sidebar-icon) {
    color: #6D5EF6 !important;
    opacity: 1 !important;
}

.navbar-vertical-aside .nav-item.active > .nav-link .nearcart-sidebar-icon,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.active > .nav-link .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-link.active .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-item.active > .nav-link > .nav-icon:not(.nearcart-sidebar-icon),
.navbar-vertical-aside .navbar-vertical-aside-has-menu.active > .nav-link > .nav-icon:not(.nearcart-sidebar-icon),
.navbar-vertical-aside .nav-link.active > .nav-icon:not(.nearcart-sidebar-icon) {
    color: #4614FD !important;
    opacity: 1 !important;
}

.navbar-vertical-aside .nav-sub .nav-link {
    padding-left: 42px !important;
    min-height: 32px !important;
}

.navbar-vertical-aside .nav-sub .nav-indicator-icon {
    width: 5px !important;
    min-width: 5px !important;
    height: 5px !important;
    margin-right: 12px !important;
    opacity: .7 !important;
}

.navbar-vertical-aside-mini-mode .nearcart-sidebar-icon,
.navbar-vertical-aside-closed-mode .nearcart-sidebar-icon,
.navbar-vertical-aside-mini-mode .nav-link > .nav-icon:not(.nearcart-sidebar-icon),
.navbar-vertical-aside-closed-mode .nav-link > .nav-icon:not(.nearcart-sidebar-icon) {
    margin-right: 0 !important;
}

/* Sidebar icons v6 — reference-style premium spacing and light outline icons */
.navbar-vertical-aside .navbar-nav.nav-tabs,
.navbar-vertical .navbar-nav.nav-tabs {
    padding-left: 9px !important;
    padding-right: 9px !important;
}

.navbar-vertical-aside .nav-link,
.navbar-vertical-aside .navbar-nav .nav-link,
.navbar-vertical .navbar-nav.nav-tabs .nav-link {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    column-gap: 0 !important;
    min-height: 38px !important;
    padding: 9px 14px 9px 18px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}

.navbar-vertical-aside .nav-link > .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-link .nearcart-sidebar-icon,
.navbar-vertical-aside .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-link > .nav-icon:not(.nearcart-sidebar-icon),
.navbar-vertical-aside .nav-link > i.nav-icon {
    width: 13px !important;
    min-width: 13px !important;
    max-width: 13px !important;
    height: 13px !important;
    min-height: 13px !important;
    max-height: 13px !important;
    flex: 0 0 13px !important;
    margin: 0 16px 0 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #7F88A6 !important;
    opacity: .86 !important;
    font-size: 13px !important;
    line-height: 13px !important;
    position: static !important;
    transform: none !important;
}

.navbar-vertical-aside .nearcart-sidebar-icon svg,
.navbar-vertical-aside .nav-link .nearcart-sidebar-icon svg,
.navbar-vertical-aside .nav-link > .nav-icon:not(.nearcart-sidebar-icon) svg {
    width: 13px !important;
    min-width: 13px !important;
    max-width: 13px !important;
    height: 13px !important;
    min-height: 13px !important;
    max-height: 13px !important;
    display: block !important;
    stroke-width: 1.25 !important;
}

.navbar-vertical-aside .nearcart-sidebar-icon svg path,
.navbar-vertical-aside .nearcart-sidebar-icon svg circle,
.navbar-vertical-aside .nearcart-sidebar-icon svg rect,
.navbar-vertical-aside .nearcart-sidebar-icon svg line,
.navbar-vertical-aside .nearcart-sidebar-icon svg polyline,
.navbar-vertical-aside .nearcart-sidebar-icon svg polygon {
    stroke-width: 1.25 !important;
    vector-effect: non-scaling-stroke !important;
}

.navbar-vertical-aside .nav-link > .nearcart-sidebar-icon + .navbar-vertical-aside-mini-mode-hidden-elements,
.navbar-vertical-aside .nav-link > .nearcart-sidebar-icon + .text-truncate,
.navbar-vertical-aside .nav-link .navbar-vertical-aside-mini-mode-hidden-elements,
.navbar-vertical-aside .nav-link .text-truncate {
    margin-left: 0 !important;
    padding-left: 0 !important;
    line-height: 1.35 !important;
    color: inherit !important;
}

.navbar-vertical-aside .nav-link.nav-link-toggle::after,
.navbar-vertical-aside .nav-link-toggle::after {
    margin-left: auto !important;
    flex: 0 0 auto !important;
}

.navbar-vertical-aside .nav-link:hover > .nearcart-sidebar-icon,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link > .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-link:hover > .nav-icon:not(.nearcart-sidebar-icon),
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link > .nav-icon:not(.nearcart-sidebar-icon) {
    color: #6F61F6 !important;
    opacity: 1 !important;
}

.navbar-vertical-aside .nav-item.active > .nav-link > .nearcart-sidebar-icon,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.active > .nav-link > .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-link.active > .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-item.active > .nav-link > .nav-icon:not(.nearcart-sidebar-icon),
.navbar-vertical-aside .navbar-vertical-aside-has-menu.active > .nav-link > .nav-icon:not(.nearcart-sidebar-icon),
.navbar-vertical-aside .nav-link.active > .nav-icon:not(.nearcart-sidebar-icon) {
    color: #4614FD !important;
    opacity: 1 !important;
}

.navbar-vertical-aside .nav-sub .nav-link {
    min-height: 31px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    padding-left: 48px !important;
    font-size: 12.5px !important;
}

.navbar-vertical-aside .nav-sub .nav-indicator-icon {
    width: 4px !important;
    min-width: 4px !important;
    height: 4px !important;
    margin-right: 12px !important;
    color: #9AA2BA !important;
    opacity: .65 !important;
}

.navbar-vertical-aside-mini-mode .nearcart-sidebar-icon,
.navbar-vertical-aside-closed-mode .nearcart-sidebar-icon,
.navbar-vertical-aside-mini-mode .nav-link > .nav-icon:not(.nearcart-sidebar-icon),
.navbar-vertical-aside-closed-mode .nav-link > .nav-icon:not(.nearcart-sidebar-icon) {
    margin-right: 0 !important;
}

/* Sidebar icons v7 — final spacing balance between icon and text */
.navbar-vertical-aside .nav-link,
.navbar-vertical-aside .navbar-nav .nav-link,
.navbar-vertical .navbar-nav.nav-tabs .nav-link {
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    column-gap: 13px !important;
}

.navbar-vertical-aside .nav-link > .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-link .nearcart-sidebar-icon,
.navbar-vertical-aside .nav-link > .nav-icon:not(.nearcart-sidebar-icon),
.navbar-vertical-aside .nav-link > i.nav-icon {
    margin: 0 !important;
    flex: 0 0 13px !important;
}

.navbar-vertical-aside .nav-link > .nearcart-sidebar-icon + .navbar-vertical-aside-mini-mode-hidden-elements,
.navbar-vertical-aside .nav-link > .nearcart-sidebar-icon + .text-truncate,
.navbar-vertical-aside .nav-link > .nav-icon + .navbar-vertical-aside-mini-mode-hidden-elements,
.navbar-vertical-aside .nav-link > .nav-icon + .text-truncate,
.navbar-vertical-aside .nav-link .navbar-vertical-aside-mini-mode-hidden-elements,
.navbar-vertical-aside .nav-link .text-truncate {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.navbar-vertical-aside .nav-link.nav-link-toggle::after,
.navbar-vertical-aside .nav-link-toggle::after {
    margin-left: auto !important;
}

.navbar-vertical-aside .nav-sub .nav-link {
    gap: 9px !important;
    column-gap: 9px !important;
    padding-left: 50px !important;
}

.navbar-vertical-aside .nav-sub .nav-indicator-icon {
    margin-right: 0 !important;
    flex: 0 0 4px !important;
}

.navbar-vertical-aside-mini-mode .nearcart-sidebar-icon,
.navbar-vertical-aside-closed-mode .nearcart-sidebar-icon,
.navbar-vertical-aside-mini-mode .nav-link > .nav-icon:not(.nearcart-sidebar-icon),
.navbar-vertical-aside-closed-mode .nav-link > .nav-icon:not(.nearcart-sidebar-icon) {
    margin-right: 0 !important;
}


/* Sidebar icons v8 — hard spacing fix between icon and text
   This uses direct margin on the label because some theme CSS ignores flex gap. */
.navbar-vertical-aside .navbar-nav .nav-link {
    display: flex !important;
    align-items: center !important;
}

.navbar-vertical-aside .navbar-nav .nav-link > .nearcart-sidebar-icon,
.navbar-vertical-aside .navbar-nav .nav-link > .nav-icon {
    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    height: 14px !important;
    margin-right: 14px !important;
    flex: 0 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.navbar-vertical-aside .navbar-nav .nav-link > .nearcart-sidebar-icon svg,
.navbar-vertical-aside .navbar-nav .nav-link > .nav-icon svg {
    width: 14px !important;
    height: 14px !important;
    display: block !important;
}

.navbar-vertical-aside .navbar-nav .nav-link > .navbar-vertical-aside-mini-mode-hidden-elements,
.navbar-vertical-aside .navbar-nav .nav-link > .text-truncate {
    margin-left: 0 !important;
    padding-left: 0 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* Fallback for any menu label not immediately after the icon */
.navbar-vertical-aside .navbar-nav .nav-link .navbar-vertical-aside-mini-mode-hidden-elements:not(:first-child),
.navbar-vertical-aside .navbar-nav .nav-link .text-truncate:not(:first-child) {
    margin-left: 0 !important;
}

/* Keep dropdown arrow pushed to the far right */
.navbar-vertical-aside .navbar-nav .nav-link.nav-link-toggle::after,
.navbar-vertical-aside .navbar-nav .nav-link-toggle::after {
    margin-left: auto !important;
}

/* Submenu spacing */
.navbar-vertical-aside .navbar-nav .nav-sub .nav-link {
    padding-left: 50px !important;
}

.navbar-vertical-aside .navbar-nav .nav-sub .nav-link > .nav-indicator-icon {
    width: 4px !important;
    min-width: 4px !important;
    margin-right: 13px !important;
    flex: 0 0 4px !important;
}

/* Collapsed sidebar should not keep spacing */
.navbar-vertical-aside-mini-mode .navbar-nav .nav-link > .nearcart-sidebar-icon,
.navbar-vertical-aside-mini-mode .navbar-nav .nav-link > .nav-icon,
.navbar-vertical-aside-closed-mode .navbar-nav .nav-link > .nearcart-sidebar-icon,
.navbar-vertical-aside-closed-mode .navbar-nav .nav-link > .nav-icon {
    margin-right: 0 !important;
}

/* Sidebar icons v9 — FORCE icon/text spacing using CSS grid
   This overrides the theme's nav-icon spacing rules instead of relying on gap/margin. */
#sidebarMain .navbar-vertical-aside .navbar-nav > li > a.nav-link,
#sidebarMain .navbar-vertical-aside .navbar-nav > li > .nav-link,
.navbar-vertical-aside .navbar-nav > li > a.nav-link,
.navbar-vertical-aside .navbar-nav > li > .nav-link {
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) 12px !important;
    column-gap: 12px !important;
    align-items: center !important;
    justify-content: initial !important;
}

#sidebarMain .navbar-vertical-aside .navbar-nav > li > a.nav-link:not(.nav-link-toggle),
#sidebarMain .navbar-vertical-aside .navbar-nav > li > .nav-link:not(.nav-link-toggle),
.navbar-vertical-aside .navbar-nav > li > a.nav-link:not(.nav-link-toggle),
.navbar-vertical-aside .navbar-nav > li > .nav-link:not(.nav-link-toggle) {
    grid-template-columns: 18px minmax(0, 1fr) !important;
}

#sidebarMain .navbar-vertical-aside .navbar-nav > li > a.nav-link > .nav-icon,
#sidebarMain .navbar-vertical-aside .navbar-nav > li > a.nav-link > .nearcart-sidebar-icon,
#sidebarMain .navbar-vertical-aside .navbar-nav > li > .nav-link > .nav-icon,
#sidebarMain .navbar-vertical-aside .navbar-nav > li > .nav-link > .nearcart-sidebar-icon,
.navbar-vertical-aside .navbar-nav > li > a.nav-link > .nav-icon,
.navbar-vertical-aside .navbar-nav > li > a.nav-link > .nearcart-sidebar-icon,
.navbar-vertical-aside .navbar-nav > li > .nav-link > .nav-icon,
.navbar-vertical-aside .navbar-nav > li > .nav-link > .nearcart-sidebar-icon {
    grid-column: 1 !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    flex: none !important;
}

#sidebarMain .navbar-vertical-aside .navbar-nav > li > a.nav-link > .nav-icon svg,
#sidebarMain .navbar-vertical-aside .navbar-nav > li > a.nav-link > .nearcart-sidebar-icon svg,
#sidebarMain .navbar-vertical-aside .navbar-nav > li > .nav-link > .nav-icon svg,
#sidebarMain .navbar-vertical-aside .navbar-nav > li > .nav-link > .nearcart-sidebar-icon svg,
.navbar-vertical-aside .navbar-nav > li > a.nav-link > .nav-icon svg,
.navbar-vertical-aside .navbar-nav > li > a.nav-link > .nearcart-sidebar-icon svg,
.navbar-vertical-aside .navbar-nav > li > .nav-link > .nav-icon svg,
.navbar-vertical-aside .navbar-nav > li > .nav-link > .nearcart-sidebar-icon svg {
    width: 14px !important;
    height: 14px !important;
    display: block !important;
    margin: 0 !important;
}

#sidebarMain .navbar-vertical-aside .navbar-nav > li > a.nav-link > .navbar-vertical-aside-mini-mode-hidden-elements,
#sidebarMain .navbar-vertical-aside .navbar-nav > li > a.nav-link > .text-truncate,
#sidebarMain .navbar-vertical-aside .navbar-nav > li > .nav-link > .navbar-vertical-aside-mini-mode-hidden-elements,
#sidebarMain .navbar-vertical-aside .navbar-nav > li > .nav-link > .text-truncate,
.navbar-vertical-aside .navbar-nav > li > a.nav-link > .navbar-vertical-aside-mini-mode-hidden-elements,
.navbar-vertical-aside .navbar-nav > li > a.nav-link > .text-truncate,
.navbar-vertical-aside .navbar-nav > li > .nav-link > .navbar-vertical-aside-mini-mode-hidden-elements,
.navbar-vertical-aside .navbar-nav > li > .nav-link > .text-truncate {
    grid-column: 2 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    min-width: 0 !important;
    justify-self: start !important;
}

#sidebarMain .navbar-vertical-aside .navbar-nav > li > a.nav-link.nav-link-toggle::after,
#sidebarMain .navbar-vertical-aside .navbar-nav > li > .nav-link.nav-link-toggle::after,
.navbar-vertical-aside .navbar-nav > li > a.nav-link.nav-link-toggle::after,
.navbar-vertical-aside .navbar-nav > li > .nav-link.nav-link-toggle::after {
    grid-column: 3 !important;
    justify-self: end !important;
    margin-left: 0 !important;
}

/* Force submenu bullet/text spacing too */
#sidebarMain .navbar-vertical-aside .nav-sub .nav-link,
.navbar-vertical-aside .nav-sub .nav-link {
    display: grid !important;
    grid-template-columns: 5px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    align-items: center !important;
}

#sidebarMain .navbar-vertical-aside .nav-sub .nav-link > .nav-indicator-icon,
.navbar-vertical-aside .nav-sub .nav-link > .nav-indicator-icon {
    grid-column: 1 !important;
    width: 5px !important;
    min-width: 5px !important;
    height: 5px !important;
    margin: 0 !important;
    justify-self: center !important;
}

#sidebarMain .navbar-vertical-aside .nav-sub .nav-link > .text-truncate,
#sidebarMain .navbar-vertical-aside .nav-sub .nav-link > .navbar-vertical-aside-mini-mode-hidden-elements,
.navbar-vertical-aside .nav-sub .nav-link > .text-truncate,
.navbar-vertical-aside .nav-sub .nav-link > .navbar-vertical-aside-mini-mode-hidden-elements {
    grid-column: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
}