:root {
    --border-focus: solid 1px #7c6cff;
    --primary-color: #7c6cff;
    --primary-color-onhover: #6c5cff;
    --primary-soft: #2a2742;
    --primary-soft-onhover: #343053;
}

.btn-outline-primary {
    --bs-btn-color: #7c6cff;
    --bs-btn-border-color: #7c6cff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7c6cff;
    --bs-btn-hover-border-color: #7c6cff;
    --bs-btn-focus-shadow-rgb: 124, 108, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7c6cff;
    --bs-btn-active-border-color: #7c6cff;
    --bs-btn-disabled-color: #7c6cff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #7c6cff;
    --bs-gradient: none;
}

html.modern-dark-theme,
html.modern-dark-theme body,
body.modern-dark-theme {
    background-color: #121212 !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .bg-white,
html.modern-dark-theme .card,
html.modern-dark-theme .modal-content,
html.modern-dark-theme .dropdown-menu,
html.modern-dark-theme .offcanvas,
html.modern-dark-theme .list-group-item,
html.modern-dark-theme .accordion-item,
html.modern-dark-theme .product-card,
html.modern-dark-theme .category-card {
    background-color: #1e1e1e !important;
    color: #e9e9e9 !important;
    border-color: #323232 !important;
}

html.modern-dark-theme .text-dark,
html.modern-dark-theme .text-body,
html.modern-dark-theme p,
html.modern-dark-theme h1,
html.modern-dark-theme h2,
html.modern-dark-theme h3,
html.modern-dark-theme h4,
html.modern-dark-theme h5,
html.modern-dark-theme h6,
html.modern-dark-theme label,
html.modern-dark-theme li,
html.modern-dark-theme span {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .text-muted,
html.modern-dark-theme small {
    color: #b7b7b7 !important;
}

html.modern-dark-theme a {
    color: #b8aaff;
}

html.modern-dark-theme a:hover {
    color: #d2c9ff;
}

html.modern-dark-theme input,
html.modern-dark-theme select,
html.modern-dark-theme textarea,
html.modern-dark-theme .form-control,
html.modern-dark-theme .form-select {
    background-color: #1a1a1a !important;
    color: #ececec !important;
    border-color: #3a3a3a !important;
}

html.modern-dark-theme .table,
html.modern-dark-theme .table th,
html.modern-dark-theme .table td {
    color: #e9e9e9 !important;
    border-color: #323232 !important;
}

html.modern-dark-theme .navbar,
html.modern-dark-theme .header,
html.modern-dark-theme .footer,
html.modern-dark-theme footer {
    background-color: #181818 !important;
    color: #e9e9e9 !important;
}

/* Header - top bar */
html.modern-dark-theme .top-nav,
html.modern-dark-theme .top-nav .navbar,
html.modern-dark-theme .search-nav {
    background-color: #1a1a1a !important;
    border-color: #2f2f2f !important;
}

html.modern-dark-theme .font-color,
html.modern-dark-theme .nav-link.font-color,
html.modern-dark-theme .top-nav .nav-link {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .top-nav .nav-link:hover,
html.modern-dark-theme .font-color:hover {
    color: #b8aaff !important;
}

/* Header - main navigation bar */
html.modern-dark-theme .bg-nav {
    background-color: #1f1f2e !important;
}

html.modern-dark-theme .nav-category a,
html.modern-dark-theme .nav-category span {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .nav-category:hover {
    background-color: #2a2a3d !important;
}

html.modern-dark-theme .nav-category:hover a,
html.modern-dark-theme .nav-category:hover span {
    color: #b8aaff !important;
}

html.modern-dark-theme .active-nav {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

html.modern-dark-theme .active-nav a,
html.modern-dark-theme .active-nav span {
    color: #ffffff !important;
}

/* Header - icons & language */
html.modern-dark-theme .shopingicon {
    background-color: #2a2a3d !important;
}

html.modern-dark-theme .shopingicon i,
html.modern-dark-theme .bghover {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .shopingicon .bghover:hover,
html.modern-dark-theme .bghover:hover {
    color: #b8aaff !important;
}

html.modern-dark-theme .bg-nav .dropdown-toggle,
html.modern-dark-theme .bg-nav .font-weight-bold {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .bg-nav .dropdown-toggle:hover {
    color: #b8aaff !important;
}

/* Header - search bar */
html.modern-dark-theme .searchcontainer {
    background-color: #2a2a3d !important;
    border: 1px solid #3a3a4a !important;
}

html.modern-dark-theme .searchbar,
html.modern-dark-theme .searchcontainer .select2-container--default .select2-selection--single,
html.modern-dark-theme .search_product + .select2-container,
html.modern-dark-theme .search_product + .select2-container .select2-selection--single,
html.modern-dark-theme .search_product + .select2-container .search-container,
html.modern-dark-theme .select2-container--default .select2-selection--single {
    background-color: #1e1e2e !important;
    color: #e9e9e9 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html.modern-dark-theme .search_product + .select2-container .select2-selection--single {
    border: none !important;
}

html.modern-dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered,
html.modern-dark-theme .search_product + .select2-container .select2-selection__rendered {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .select2-container--default .select2-selection--single .select2-selection__placeholder,
html.modern-dark-theme .search_product + .select2-container .select2-selection__placeholder {
    color: #9ca3af !important;
}

html.modern-dark-theme .select2-search__field,
html.modern-dark-theme .select2-container--default .select2-search--inline .select2-search__field {
    background-color: #1e1e2e !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .select2-search__field::placeholder {
    color: #9ca3af !important;
}

html.modern-dark-theme .search-dropdown,
html.modern-dark-theme .select2-dropdown.search-dropdown {
    background-color: #1e1e1e !important;
    border-color: #3a3a3a !important;
}

html.modern-dark-theme .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #e9e9e9 transparent transparent transparent !important;
}

html.modern-dark-theme .select2-dropdown {
    background-color: #1e1e1e !important;
    border-color: #3a3a3a !important;
}

html.modern-dark-theme .select2-results__option {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .select2-results__option--highlighted {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

/* Promo strip */
html.modern-dark-theme .promo-nav {
    background-color: #151515 !important;
}

html.modern-dark-theme .promo-nav-text {
    color: #e9e9e9 !important;
}

/* Breadcrumbs */
html.modern-dark-theme .breadcrumb,
html.modern-dark-theme .breadcrumb-title-bar,
html.modern-dark-theme .colored-breadcrumb {
    background-color: #1e1e1e !important;
    border-color: #323232 !important;
}

html.modern-dark-theme .breadcrumb-item,
html.modern-dark-theme .breadcrumb-item.active {
    color: #b7b7b7 !important;
}

html.modern-dark-theme .breadcrumb-item a {
    color: #b8aaff !important;
}

html.modern-dark-theme .breadcrumb-item + .breadcrumb-item::before {
    color: #6f6f6f !important;
}

/* Filter sidebar & product listing */
html.modern-dark-theme .filter-section,
html.modern-dark-theme .filter-section-body,
html.modern-dark-theme .filter-titles {
    background-color: #1e1e1e !important;
    color: #e9e9e9 !important;
    border-color: #323232 !important;
}

html.modern-dark-theme .filter-section h5,
html.modern-dark-theme .filter-titles {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .accordion-button,
html.modern-dark-theme .accordion-button:not(.collapsed) {
    background-color: #1e1e1e !important;
    color: #e9e9e9 !important;
    box-shadow: none !important;
}

html.modern-dark-theme .accordion-body {
    background-color: #1a1a1a !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .form-check-label,
html.modern-dark-theme .form-lable {
    color: #d0d0d0 !important;
}

html.modern-dark-theme .nav-link {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .nav-link.active {
    color: var(--primary-color) !important;
    background-color: #2a2a3d !important;
}

html.modern-dark-theme .grid-list-icon-box {
    background-color: #2a2a3d !important;
}

html.modern-dark-theme .grid-list-icon-box:hover {
    background-color: #343053 !important;
}

html.modern-dark-theme .main-bg {
    background-color: #121212 !important;
}

/* Offcanvas - cart, login, mobile menu */
html.modern-dark-theme .offcanvas-header {
    background-color: #1a1a1a !important;
    border-color: #323232 !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .offcanvas-title,
html.modern-dark-theme .modal-title {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .offcanvas-body {
    background-color: #1e1e1e !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

html.modern-dark-theme .cart-modal-card {
    background-color: #1e1e1e !important;
    border-color: #323232 !important;
}

html.modern-dark-theme .cart-modal-card:hover {
    background-color: #252525 !important;
}

html.modern-dark-theme .cart-modal-checkout-section,
html.modern-dark-theme .subtotal-section {
    background-color: #1a1a1a !important;
    border-color: #323232 !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .view-cart-btn {
    background-color: #2a2a3d !important;
    color: #b8aaff !important;
    border-color: #3a3a4a !important;
}

html.modern-dark-theme .view-cart-btn:hover {
    background-color: #343053 !important;
    color: #d2c9ff !important;
}

html.modern-dark-theme .password-insert,
html.modern-dark-theme .password-insert input {
    background-color: #1a1a1a !important;
    border-color: #3a3a3a !important;
    color: #ececec !important;
}

html.modern-dark-theme .eye-icons {
    background-color: #1a1a1a !important;
}

html.modern-dark-theme .thirdparty-login {
    background-color: #1e1e1e !important;
    border-color: #3a3a3a !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .thirdparty-login:hover {
    background-color: #2a2a3d !important;
}

html.modern-dark-theme .thirdparty-login p {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .thirdparty-login img[src*="mail.png"] {
    filter: brightness(0) invert(1);
}

html.modern-dark-theme .separator span {
    background-color: #4a4a4a !important;
}

html.modern-dark-theme input:-webkit-autofill,
html.modern-dark-theme input:-webkit-autofill:hover,
html.modern-dark-theme input:-webkit-autofill:focus,
html.modern-dark-theme input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #1a1a1a inset !important;
    -webkit-text-fill-color: #ececec !important;
}

/* Footer */
html.modern-dark-theme footer .border-top,
html.modern-dark-theme footer .bg-white {
    background-color: #181818 !important;
    border-color: #323232 !important;
}

html.modern-dark-theme footer .nav-item p,
html.modern-dark-theme footer .text-reset,
html.modern-dark-theme footer h5 {
    color: #e9e9e9 !important;
}

html.modern-dark-theme footer .fa,
html.modern-dark-theme footer .fa-solid,
html.modern-dark-theme footer .fa-regular,
html.modern-dark-theme footer i {
    color: #b8aaff !important;
}

html.modern-dark-theme .social-media-icon {
    background-color: #2a2a3d !important;
    color: #b8aaff !important;
}

html.modern-dark-theme .copyright-section {
    background-color: #151515 !important;
    color: #e9e9e9 !important;
}

/* Icons - ionicons & masked icons */
html.modern-dark-theme .ionicon-search-outline,
html.modern-dark-theme .ionicon-link-outline,
html.modern-dark-theme .grid-icons-outline,
html.modern-dark-theme .list-icons-outline,
html.modern-dark-theme .ionicon-bag-handle-outline,
html.modern-dark-theme .ionicon-heart,
html.modern-dark-theme .ionicon-heart-outline,
html.modern-dark-theme .ionicon-person,
html.modern-dark-theme .ionicon-person-outline,
html.modern-dark-theme .ionicon-compare-outline,
html.modern-dark-theme .ionicon-cart-outline,
html.modern-dark-theme .ionicon-cart-outline-2,
html.modern-dark-theme .ionicon-file,
html.modern-dark-theme .ionicon-ellipse {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .shopingicon .ionicon-bag-handle-outline,
html.modern-dark-theme .shopingicon .ionicon-heart,
html.modern-dark-theme .shopingicon .ionicon-person,
html.modern-dark-theme .shopingicon .ionicon-compare-outline {
    color: #e9e9e9 !important;
}

html.modern-dark-theme ion-icon,
html.modern-dark-theme .menu-icon {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .eye-btn,
html.modern-dark-theme .password-insert ion-icon {
    color: #b7b7b7 !important;
}

html.modern-dark-theme .product-sm-removal ion-icon {
    background-color: #2a2a3d !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .fa-solid,
html.modern-dark-theme .fa-regular,
html.modern-dark-theme .fa {
    color: inherit;
}

html.modern-dark-theme .text-body-emphasis,
html.modern-dark-theme .text-body-secondary,
html.modern-dark-theme .text-dark-emphasis {
    color: #d0d0d0 !important;
}

html.modern-dark-theme .border-top,
html.modern-dark-theme .border-bottom {
    border-color: #323232 !important;
}

html.modern-dark-theme .btn-link {
    color: #b8aaff !important;
}

html.modern-dark-theme .forget_password_sec {
    color: #b8aaff !important;
}

/* Feature section icons (Free Shipping, Returns, Support, Security) */
html.modern-dark-theme .freedel-sec .cls-1,
html.modern-dark-theme .info-box-icon .cls-1,
html.modern-dark-theme .svg-wrapper svg path {
    fill: #ffffff !important;
}

html.modern-dark-theme .freedel-sec .info-title {
    color: #ffffff !important;
}

html.modern-dark-theme .freedel-sec .info-box-inner,
html.modern-dark-theme .freedel-sec .info-box-inner p {
    color: #d0d0d0 !important;
}

/* Alerts & Toasts */
html.modern-dark-theme .swal2-popup {
    background-color: #1e1e1e !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .swal2-popup .swal2-title,
html.modern-dark-theme .swal2-popup .swal2-html-container {
    color: #ffffff !important;
}

html.modern-dark-theme .colored-toast.swal2-icon-success {
    background-color: #2d6a3e !important;
}

html.modern-dark-theme .colored-toast.swal2-icon-error {
    background-color: #8b2e2e !important;
}

html.modern-dark-theme .colored-toast.swal2-icon-warning {
    background-color: #8b6914 !important;
}

html.modern-dark-theme .colored-toast.swal2-icon-info {
    background-color: #1e5f7a !important;
}

html.modern-dark-theme .colored-toast .swal2-title,
html.modern-dark-theme .colored-toast .swal2-html-container,
html.modern-dark-theme .colored-toast .swal2-close {
    color: #ffffff !important;
}

html.modern-dark-theme .swal2-timer-progress-bar {
    background: rgba(255, 255, 255, 0.45) !important;
}

html.modern-dark-theme .swal2-popup .swal2-confirm {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

html.modern-dark-theme .swal2-popup .swal2-cancel {
    background-color: #3a3a3a !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .alert-danger {
    background-color: #3d1f1f !important;
    border-color: #6b2e2e !important;
    color: #ffb4b4 !important;
}

html.modern-dark-theme .alert-success {
    background-color: #1f3d28 !important;
    border-color: #2e6b3e !important;
    color: #b4ffb4 !important;
}

/* Password toggle buttons */
html.modern-dark-theme .togglePassword,
html.modern-dark-theme .input-group .btn-outline-secondary {
    background-color: #2a2a3d !important;
    border-color: #4a4a5a !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .togglePassword .fa,
html.modern-dark-theme .togglePassword i {
    color: #e9e9e9 !important;
}

/* Checkbox toggles */
html.modern-dark-theme .form-check-input {
    background-color: #2a2a3d !important;
    border-color: #5a5a6a !important;
}

html.modern-dark-theme .form-check-input:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Open in App bottom sheet */
html.modern-dark-theme .bottom-sheet {
    background-color: #1e1e1e !important;
    color: #e9e9e9 !important;
    box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.5) !important;
}

html.modern-dark-theme .bottom-sheet h5,
html.modern-dark-theme .bottom-sheet p {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .bottom-sheet .btn-outline-secondary {
    background-color: #2a2a3d !important;
    border-color: #7c6cff !important;
    color: #b8aaff !important;
}

html.modern-dark-theme .bottom-sheet .btn-outline-danger {
    background-color: transparent !important;
    border-color: #dc3545 !important;
    color: #ff7b7b !important;
}

/* ========== Product page ========== */
html.modern-dark-theme .compare-share-btn {
    background-color: transparent !important;
    border-color: #323232 !important;
}

html.modern-dark-theme .compare-share-btn li {
    background-color: #1e1e1e !important;
    border-color: #4a4a5a !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .compare-share-btn li:hover {
    background-color: #2a2a3d !important;
    border-color: var(--primary-color) !important;
}

html.modern-dark-theme .compare-share-btn li a,
html.modern-dark-theme .compare-share-btn li a p,
html.modern-dark-theme .compare-share-btn li p,
html.modern-dark-theme .compare-share-btn li span,
html.modern-dark-theme .compare-share-btn li div {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .compare-share-btn a.compare,
html.modern-dark-theme .compare-share-btn a.shuffle,
html.modern-dark-theme .compare-share-btn .btn {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .compare-share-btn li:hover a,
html.modern-dark-theme .compare-share-btn li:hover p,
html.modern-dark-theme .compare-share-btn li:hover span,
html.modern-dark-theme .compare-share-btn li:hover div {
    color: #b8aaff !important;
}

/* Compare shuffle.png icon → white */
html.modern-dark-theme .compare-share-btn img,
html.modern-dark-theme .compare-share-btn .compare img,
html.modern-dark-theme .compare-share-btn a.shuffle img {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}

html.modern-dark-theme .compare-share-btn li:hover img,
html.modern-dark-theme .compare-share-btn a.shuffle:hover img {
    filter: brightness(0) invert(1) sepia(1) saturate(6) hue-rotate(220deg) !important;
}

/* Share social icons */
html.modern-dark-theme .jssocials-shares,
html.modern-dark-theme .jssocials-share,
html.modern-dark-theme .quick_view_share,
html.modern-dark-theme #quick_view_share {
    background-color: transparent !important;
}

html.modern-dark-theme .jssocials-share img,
html.modern-dark-theme .jssocials-share-logo,
html.modern-dark-theme .quick_view_share img,
html.modern-dark-theme #quick_view_share img {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}

html.modern-dark-theme .jssocials-share:hover img,
html.modern-dark-theme .jssocials-share a:hover img,
html.modern-dark-theme .quick_view_share a:hover img,
html.modern-dark-theme #quick_view_share a:hover img {
    filter: brightness(0) invert(1) sepia(1) saturate(6) hue-rotate(220deg) !important;
    opacity: 1 !important;
}

html.modern-dark-theme .jssocials-share-link {
    background-color: transparent !important;
}

html.modern-dark-theme .delivery-service img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.9;
}

html.modern-dark-theme .delivery-service .text-muted,
html.modern-dark-theme .delivery-service p {
    color: #d0d0d0 !important;
}

html.modern-dark-theme .plus-minus-input .input-group-button .circle,
html.modern-dark-theme .plus-minus-input .circle {
    background-color: #2a2a3d !important;
    border-color: #4a4a5a !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .plus-minus-input .circle:hover,
html.modern-dark-theme .plus-minus-input:hover .input-group-button:hover .circle:hover {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    border-color: var(--primary-color) !important;
}

html.modern-dark-theme .input-group-field,
html.modern-dark-theme .in-num,
html.modern-dark-theme .product-quantity input,
html.modern-dark-theme input[name="qty"] {
    background-color: #1a1a1a !important;
    color: #e9e9e9 !important;
    border-color: #3a3a3a !important;
}

html.modern-dark-theme .btn-outline-secondary,
html.modern-dark-theme .compare-btn,
html.modern-dark-theme .btn.compare {
    background-color: #1e1e1e !important;
    border-color: #5a5a6a !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .btn-outline-secondary:hover,
html.modern-dark-theme .compare-btn:hover {
    background-color: #2a2a3d !important;
    border-color: var(--primary-color) !important;
    color: #b8aaff !important;
}

html.modern-dark-theme .btn-primary,
html.modern-dark-theme .add-btn,
html.modern-dark-theme .Register-btn,
html.modern-dark-theme .submit-btn,
html.modern-dark-theme .apply-btn {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #ffffff !important;
}

html.modern-dark-theme .btn-primary:hover,
html.modern-dark-theme .add-btn:hover,
html.modern-dark-theme .Register-btn:hover,
html.modern-dark-theme .submit-btn:hover,
html.modern-dark-theme .apply-btn:hover {
    background-color: var(--primary-color-onhover) !important;
    border-color: var(--primary-color-onhover) !important;
    color: #ffffff !important;
}

html.modern-dark-theme .whatsapp,
html.modern-dark-theme .btn.whatsapp {
    background-color: #25d366 !important;
    color: #ffffff !important;
}

html.modern-dark-theme .whatsapp:hover {
    background-color: #16c255 !important;
    color: #ffffff !important;
}

/* Product card overlay icons */
html.modern-dark-theme .shuffle-box,
html.modern-dark-theme .product-icon-onhover {
    background-color: #2a2a3d !important;
    border-color: #3a3a4a !important;
}

html.modern-dark-theme .shuffle-box ion-icon,
html.modern-dark-theme .product-icon-onhover ion-icon,
html.modern-dark-theme .add-to-fav-btn .ion-icon,
html.modern-dark-theme .add-to-fav-btn .heart-outline,
html.modern-dark-theme .text-dark.heart-outline {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .shuffle-box ion-icon:hover,
html.modern-dark-theme .ion-icon-hover:hover,
html.modern-dark-theme .add-to-fav-btn .heart-outline:hover {
    color: #b8aaff !important;
}

html.modern-dark-theme .add-to-fav-btn .heart,
html.modern-dark-theme .add-to-fav-btn .text-danger {
    color: #ff4d4f !important;
}

html.modern-dark-theme .product-card:hover,
html.modern-dark-theme .grid-view-card:hover {
    border-color: #4a4a5a !important;
}

html.modern-dark-theme .text-success,
html.modern-dark-theme .product-discount-label {
    color: #7dcea0 !important;
}

/* ========== Cart page ========== */
html.modern-dark-theme .cart-table,
html.modern-dark-theme .cart-total,
html.modern-dark-theme .Delivery-Return-help-section {
    background-color: #1e1e1e !important;
    color: #e9e9e9 !important;
    border-color: #323232 !important;
}

html.modern-dark-theme .cart-table th,
html.modern-dark-theme .cart-table td,
html.modern-dark-theme .cart-titles,
html.modern-dark-theme .product-name,
html.modern-dark-theme .product-price p,
html.modern-dark-theme .product-disc,
html.modern-dark-theme .cart-subtotal p,
html.modern-dark-theme .shopping-total p {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .product-removal ion-icon {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .product-removal ion-icon:hover {
    color: #ff7b7b !important;
}

html.modern-dark-theme .cart-total-table th,
html.modern-dark-theme .cart-total-table td {
    color: #e9e9e9 !important;
    background-color: transparent !important;
}

html.modern-dark-theme .order-total p {
    color: #b8aaff !important;
}

html.modern-dark-theme .checkout-btn:hover,
html.modern-dark-theme .checkout-btn {
    color: #ffffff !important;
}

/* ========== Checkout page ========== */
html.modern-dark-theme .billing-detail-section,
html.modern-dark-theme .Payment-Method-section,
html.modern-dark-theme .order-checkout-detail,
html.modern-dark-theme .wallet-use-section {
    background-color: #1e1e1e !important;
    color: #e9e9e9 !important;
    border-color: #323232 !important;
}

html.modern-dark-theme .checkout-page-titles,
html.modern-dark-theme .shipping-address h5,
html.modern-dark-theme .delivary-time h5,
html.modern-dark-theme .order-checkout-detail h5,
html.modern-dark-theme .order-checkout-detail h4,
html.modern-dark-theme .order-checkout-detail p,
html.modern-dark-theme .order-checkout-detail span,
html.modern-dark-theme .billing-detail-section h4,
html.modern-dark-theme .billing-detail-section h5,
html.modern-dark-theme .billing-detail-section p,
html.modern-dark-theme .billing-detail-section label,
html.modern-dark-theme .wallet-use-section label,
html.modern-dark-theme .wallet-use-section p,
html.modern-dark-theme .Payment-Method-section label,
html.modern-dark-theme .Payment-Method-section p {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .checkout-step {
    background-color: var(--primary-color) !important;
}

html.modern-dark-theme .checkout-step h3,
html.modern-dark-theme .checkout-step span,
html.modern-dark-theme .checkout-step a {
    color: #ffffff !important;
}

html.modern-dark-theme .form-check-input[type="radio"] {
    background-color: #2a2a3d !important;
    border-color: #5a5a6a !important;
}

html.modern-dark-theme .form-check-input[type="radio"]:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

html.modern-dark-theme .text-danger {
    color: #ff6b6b !important;
}

/* ========== My Account ========== */
html.modern-dark-theme .myaccount-navigation {
    border-color: #323232 !important;
}

html.modern-dark-theme .myaccount-navigation h4,
html.modern-dark-theme .myaccount-navigation ul a,
html.modern-dark-theme .myaccount-navigation ul li,
html.modern-dark-theme .myaccount-navigation ion-icon {
    color: #e9e9e9 !important;
}

html.modern-dark-theme .myaccount-navigation ul li:hover {
    background-color: #2a2a3d !important;
    border-radius: 10px;
}

html.modern-dark-theme .myaccount-navigation ul li:hover,
html.modern-dark-theme .myaccount-navigation ul li:hover ion-icon,
html.modern-dark-theme .myaccount-navigation ul a:hover {
    color: #b8aaff !important;
}

html.modern-dark-theme .myaccount-navigation-link-selected,
html.modern-dark-theme .myaccount-navigation ul li.myaccount-navigation-link-selected {
    background-color: var(--primary-color) !important;
    border-radius: 10px;
}

html.modern-dark-theme .myaccount-navigation-link-selected,
html.modern-dark-theme .myaccount-navigation-link-selected ion-icon,
html.modern-dark-theme .myaccount-navigation ul li.myaccount-navigation-link-selected,
html.modern-dark-theme .myaccount-navigation ul li.myaccount-navigation-link-selected ion-icon,
html.modern-dark-theme .myaccount-navigation a:has(.myaccount-navigation-link-selected),
html.modern-dark-theme .myaccount-navigation a:has(.myaccount-navigation-link-selected) li {
    color: #ffffff !important;
}

html.modern-dark-theme .myaccount-navigation ul li.myaccount-navigation-link-selected:hover,
html.modern-dark-theme .myaccount-navigation ul li.myaccount-navigation-link-selected:hover ion-icon {
    color: #ffffff !important;
    background-color: var(--primary-color-onhover) !important;
}

html.modern-dark-theme .dashboard-text p,
html.modern-dark-theme .dashboard-text a {
    color: #d0d0d0 !important;
}

html.modern-dark-theme input::file-selector-button {
    background-color: #2a2a3d !important;
    color: #e9e9e9 !important;
    border-color: #4a4a5a !important;
}

html.modern-dark-theme input::file-selector-button:hover {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

/* Bootstrap tables (tickets, transactions, etc.) */
html.modern-dark-theme .bootstrap-table .fixed-table-container,
html.modern-dark-theme .bootstrap-table .table,
html.modern-dark-theme .fixed-table-body,
html.modern-dark-theme .fixed-table-header,
html.modern-dark-theme .fixed-table-toolbar {
    background-color: #1e1e1e !important;
    color: #e9e9e9 !important;
    border-color: #323232 !important;
}

html.modern-dark-theme .bootstrap-table .table thead th,
html.modern-dark-theme .bootstrap-table .table > thead,
html.modern-dark-theme .table-striped > thead,
html.modern-dark-theme .table thead th,
html.modern-dark-theme .table > :not(caption) > * > * {
    background-color: #252525 !important;
    color: #e9e9e9 !important;
    border-color: #323232 !important;
}

html.modern-dark-theme .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #1a1a1a !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .table-striped > tbody > tr:nth-of-type(even) > * {
    background-color: #1e1e1e !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .bootstrap-table .fixed-table-toolbar .search input,
html.modern-dark-theme .bootstrap-table .page-list .btn {
    background-color: #1a1a1a !important;
    color: #e9e9e9 !important;
    border-color: #3a3a3a !important;
}

/* General hover polish */
html.modern-dark-theme .breadcrumb-item a:hover {
    color: #d2c9ff !important;
}

html.modern-dark-theme .shopingicon:hover {
    background-color: #343053 !important;
}

html.modern-dark-theme .top-nav .nav-link:hover {
    color: #b8aaff !important;
}

html.modern-dark-theme .dropdown-item {
    color: #e9e9e9 !important;
    background-color: transparent !important;
}

html.modern-dark-theme .dropdown-item:hover {
    background-color: #2a2a3d !important;
    color: #b8aaff !important;
}

html.modern-dark-theme .deshboard-onhover,
html.modern-dark-theme .deshboard-onhover li {
    background-color: #1e1e1e !important;
    color: #e9e9e9 !important;
}

html.modern-dark-theme .deshboard-onhover a:hover li {
    color: #b8aaff !important;
    background-color: #2a2a3d !important;
}

html.modern-dark-theme .btn-outline-danger {
    color: #ff7b7b !important;
    border-color: #dc3545 !important;
}

html.modern-dark-theme .btn-outline-danger:hover {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

html.modern-dark-theme .star-rating .caption,
html.modern-dark-theme .rating-stars,
html.modern-dark-theme .filled-stars {
    color: #eabe12 !important;
}