.custom-color .zSidebar {
    background-color: var(--sidebar-bg) !important;
}
.custom-color .primary-form-group,
.custom-color .primary-form-group-wrap,
.custom-color .form-label {
    color: var(--text-black) !important;
}
.custom-color .zTable tbody tr td {
    color: var(--text-black) !important;
}
.custom-color .zSidebar-menu > li > a span {
    color: var(--text-black) !important;
}
.custom-color .zSidebar-menu > li > a:hover,
.custom-color .zSidebar-menu > li > a.active {
    background-color: var(--hover-color) !important;
    box-shadow: 0 0.125rem 0 var(--hover-color) !important;
}
.custom-color .bd-c-ebedf0 {
    border-color: var(--text-black) !important;
}
.custom-color .bg-white {
    background-color: var(--body-bg) !important;
}
.custom-color .bg-7f56d9 {
    background-color: var(--main-color) !important;
}
.custom-color .text-white {
    color: var(--text-black) !important;
}
.custom-color .zTable > :not(caption):first-child > * > * > * {
    /*background-color: var(--text-black) !important;*/
}
.custom-color .zTable > :not(caption) > * > * {
    border-bottom-color:var(--text-black) !important;
}
.custom-color .zNews-item-one {
    background-color: var(--body-bg) !important;
    border: 0.0625rem solid var(--text-black) !important;
}
.custom-color .zTab-one .nav-link.active{
    color: var(--text-black) !important;
}
.custom-color .zTab-one .nav-link {
    color: var(--text-black) !important;
}
.custom-color .text-black {
    color: var(--text-black) !important;
}
.custom-color .table {
    --bs-table-color: var(--text-black) !important;
    --bs-table-bg: var(--body-bg) !important;
    --bs-table-border-color: var(--text-black) !important;
    --bs-table-striped-color: var(--main-color) !important;
    --bs-table-active-color: var(--bs-body-color);
}
.custom-color .primary-form-group .primary-form-group-wrap .form-label {
    color: var(--text-black) !important;
}
.custom-color .zTable > :not(caption):first-child > * > * > * {
    background-color: var(--datatable-header-color) !important;
}
.custom-color .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.custom-color .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: var(--text-black) !important;
}
.custom-color .primary-form-group .primary-form-group-wrap .primary-form-control {
    color: var(--text-black) !important;
    background-color: var(--body-bg) !important;
    border: 0.0625rem solid var(--text-black) !important;
}
.custom-color .sf-select-section.select2-selection--single .select2-selection__rendered{
    color: var(--text-black) !important;
}
.custom-color .sf-select-dropdown {
    border-color: var(--text-black) !important;
    background-color: var(--body-bg) !important;
    -webkit-box-shadow: 0 0 0.625rem rgba(76, 76, 76, 0.12);
    box-shadow: 0 0 0.625rem rgba(76, 76, 76, 0.12);
}
.custom-color .select2-container--default .select2-selection--single{
    background-color: var(--body-bg) !important;
}
.custom-color .sf-select-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted, .sf-select-dropdown .select2-results__options .select2-results__option.select2-results__option--selected{
    background-color: var(--hover-color) !important;
}
.custom-color .sf-select-dropdown .select2-search--dropdown .select2-search__field {
    border-color: var(--text-black) !important;
}
.custom-color .btn-outline-success {
    --bs-btn-color: var(--text-black) !important;
    --bs-btn-border-color: var(--text-black) !important;
}
.custom-color .btn-outline-dark {
    --bs-btn-color: var(--text-black) !important;
    --bs-btn-border-color: var(--text-black) !important;
}
.custom-color .hover-bg-three:hover{
    background-color: var(--hover-color) !important;
}
.custom-color .modal-content {
    background-color: var(--body-bg) !important;
}
.custom-color .bd-c-e4e6eb{
    border-color: var(--text-black) !important;
}
.custom-color .btn {
    --bs-btn-font-family: var(--text-black) !important;
    --bs-btn-color: var(--text-black) !important;
    color: var(--bs-btn-color);
}
.custom-color .sf-select-without-search {
    background-color: var(--body-bg) !important;
    border: 1px solid var(--text-black) !important;
    color: var(--text-black) !important;
}
.custom-color .sf-select-without-search.open .list {
    border: 0.0625rem solid var(--text-black) !important;
    box-shadow: 0 0 0.625rem rgba(76, 76, 76, 0.12);
    background-color: var(--body-bg) !important;
}
.custom-color .sf-select-without-search.open .list li.focus,
.custom-color .sf-select-without-search.open .list li.selected,
.custom-color .sf-select-without-search.open .list li:hover {
    background-color: var(--hover-color) !important;
}
.custom-color .bg-scroll-thumb {
    background-color: var(--body-bg) !important;
}
.custom-color .form-control {
    color: var(--text-black);
    background-color: var(--body-bg) !important;
    border: var(--bs-border-width) solid var(--text-black);
}
.custom-color .btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--main-color) !important;
    --bs-btn-border-color: var(--text-black) !important;
}
.custom-color .landing-hero-banner-content .title {
    color: var(--text-black) !important;
}
.custom-color .landing-hero-banner-content .info {
    color: var(--text-black) !important;
}
.custom-color .landing-hero-banner-content .link {
    color: var(--text-black) !important;
}
.custom-color .landing-menu-navbar-nav li a{
    color: var(--text-black) !important;
}
.custom-color .landing-header.sticky .header-right-btn{
    background-color: var(--header-color) !important;
    color: var(--text-black) !important;
}
.custom-color .landing-header.sticky{
    background: var(--header-color) !important;
}
.custom-color .text-header-text{
    color: var(--text-black) !important;
}
.custom-color .zTab-three .nav-link.active{
    color: var(--text-black) !important;
}
.custom-color .text-main-color{
    color: var(--text-black) !important;
}
.custom-color .text-para-text{
    color: var(--text-black) !important;
}
.custom-color .price-plan-one:hover,
.custom-color .price-plan-one.active{
    background-color: var(--main-color) !important;
}
/*.custom-color .price-plan-one {*/
/*    background-color: var(--body-bg) !important;*/
/*    border: 0.0625rem solid var(--body-bg) !important;*/
/*}*/
.custom-color .price-plan-one:hover .link,
.custom-color .price-plan-one.active .link {
    background-color: var(--main-color) !important;
    color: var(--text-black);
}
.custom-color .price-plan-one .price-body .link{
    color: var(--text-black) !important;
}
.custom-color .text-white-80{
    color: var(--text-black) !important;
}
.custom-color .ld-testi-arrow-btn .swiper-button-next,
.custom-color .ld-testi-arrow-btn .swiper-button-prev {
    border: 0.0625rem solid var(--text-black) !important;
    background-color: var(--body-bg) !important;
    color: var(--text-black) !important;
}
.custom-color .bg-color7 {
    background-color: var(--main-color) !important;
    color: var(--text-black) !important;
}

.custom-color .bg-color6 {
    background-color: var(--main-color) !important;
    color: var(--text-black) !important;
}
.custom-color .bg-color4 {
    background-color: var(--main-color) !important;
    color: var(--text-black) !important;
}
.custom-color .zTab-vertical-wrap .left {
    background-color: var(--main-color) !important;
}

.custom-color .zForm-control {
    color: var(--text-black) !important;
    background-color: var(--body-bg) !important;
    border: 0.0625rem solid var(--text-black) !important;
}
.custom-color .zForm-control:focus,
.custom-color .zForm-control:hover {
    border: 0.0625rem solid var(--main-color);
    color: var(--text-black) !important;
    background-color: var(--body-bg) !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.custom-color #msform .action-button {
    color: var(--text-black) !important;
    background-color: var(--main-color) !important;
}
.custom-color #progressbar li {
    color: var(--text-black) !important;
    background-color: var(--main-color) !important;
}
.custom-color .bg-input-color{
    background-color: var(--main-color) !important;
}
.custom-color .zForm-wrap-checkbox label{
    color: var(--text-black) !important;
}
.custom-color .bg-red{
    background-color: var(--main-color) !important;
}
.custom-color .hover-color-one:hover{
    color: var(--hover-color) !important;
}
.custom-color .active-color-one{
    color: var(--main-color) !important;
}
.custom-color .ld-testi-contain::before {
    background-color: var(--body-bg) !important;
}
.custom-color .bg-color10 {
    background-color: var(--header-color) !important;
}
.custom-color .notifyDropdown .dropdown-menu {
    background-color: var(--body-bg) !important;
    border: 0.03125rem solid var(--text-black) !important;

}
.custom-color .dropdownItem-one {
    background-color: var(--body-bg) !important;
    border: 0.0625rem solid var(--text-black) !important;
}
.custom-color .text-707070 {
    color: var(--text-black) !important;
}
.custom-color .dropdownItem-one a:hover,
.custom-color .dropdownItem-one a.active {
    background-color: var(--main-color) !important;
}
.custom-color .zMain-signLog-wrap {
    background-color: var(--body-bg) !important;
}
.custom-color .primary-form-group .primary-form-group-wrap .summernoteOne ~ .note-editor {
    border: 0.0625rem solid var(--text-black) !important;
}
.custom-color .bd-c-ededed{
    border-color: var(--text-black) !important;
}
.custom-color .ld-testi-content {
    background: var(--body-bg) !important;
    border: 0.0625rem solid var(--text-black) !important;
}
.custom-color .bd-c-stroke-color {
    border-color: var(--text-black) !important;
}

.custom-color .zAccordion-one .accordion-item {
    border: 0.0625rem solid var(--text-black) !important;
    border-radius: 0.625rem;
}
.custom-color .accordion-item {
    color: var(--text-black) !important;
    background-color: var(--body-bg) !important;
    border: var(--bs-accordion-border-width) solid var(--text-black) !important;
}
.custom-color .landing-features-one .item {
    background-color: var(--body-bg) !important;
    border: 0.0625rem solid var(--text-black) !important;

}
.custom-color .best-features-content {
    background-color: var(--main-color) !important;
}
.custom-color .zTab-three .nav-link {
    color: var(--text-black) !important;
}

/* Premium Modal Styling */
#addProductModal .modal-content,
#addPlanModal .modal-content {
    border: none;
    border-radius: 16px;
    overflow: hidden;
}

#addProductModal .bd-b-one,
#addPlanModal .bd-b-one {
    border-bottom: 1px solid #ebedf0;
}

#addProductModal .zForm-control,
#addPlanModal .zForm-control {
    border-radius: 10px;
    padding: 12px 16px;
    transition: all 0.3s ease;
    border: 1px solid #d1d5db;
}

#addProductModal .zForm-control:focus,
#addPlanModal .zForm-control:focus {
    border-color: #7f56d9;
    box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.1);
    transform: translateY(-1px);
}

#addProductModal .transition-all,
#addPlanModal .transition-all {
    transition: all 0.3s ease;
}

#addProductModal .hover-bg-one:hover,
#addPlanModal .hover-bg-one:hover {
    filter: brightness(0.95);
    transform: scale(1.02);
}

#addProductModal .zForm-label,
#addPlanModal .zForm-label {
    font-weight: 600;
    margin-bottom: 8px;
    color: #374151;
}

#addProductModal .bg-cancel-color,
#addPlanModal .bg-cancel-color {
    background-color: #f3f4f6;
    color: #4b5563;
}

#addProductModal .bg-cancel-color:hover,
#addPlanModal .bg-cancel-color:hover {
    background-color: #e5e7eb;
}

#addPlanModal .zForm-wrap-checkbox {
    transition: all 0.3s ease;
    border: 1px solid #d1d5db;
}

#addPlanModal .zForm-wrap-checkbox:hover {
    border-color: #7f56d9;
    background-color: #f9faff;
}

#addPlanModal .form-check-input:checked + .form-check-label {
    color: #7f56d9;
}


/* Premium Table Styling */
.zTable-premium-wrapper {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    padding: 20px;
    border: 1px solid #f3f4f6;
}

.zTable-premium {
    border-collapse: separate;
    border-spacing: 0 8px;
}

.zTable-premium thead th {
    background-color: #f9fafb !important;
    border: none !important;
    color: #4b5563 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.05em;
    padding: 16px !important;
}

.zTable-premium tbody tr {
    transition: all 0.2s ease;
}

.zTable-premium tbody tr:hover {
    background-color: #f9faff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(127, 86, 217, 0.05);
}

.zTable-premium tbody td {
    padding: 16px !important;
    border-top: 1px solid #f3f4f6 !important;
    border-bottom: 1px solid #f3f4f6 !important;
    vertical-align: middle;
}

.zTable-premium tbody tr td:first-child {
    border-left: 1px solid #f3f4f6 !important;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.zTable-premium tbody tr td:last-child {
    border-right: 1px solid #f3f4f6 !important;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.zTable-premium .zBadge {
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 11px;
}

.zTable-premium .zBadge-active {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
}

.zTable-premium .zBadge-failure {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
}

/* Action Buttons Refinement */
.zTable-premium .action-btn-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}

.zTable-premium .action-link {
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.zTable-premium .action-link:hover {
    opacity: 0.8;
    text-decoration: none !important;
}

.zTable-premium button img {
    width: 18px;
    height: 18px;
    opacity: 0.7;
    transition: all 0.2s ease;
}

.zTable-premium button:hover img {
    opacity: 1;
    transform: scale(1.1);
}
