/* Dark mode styles */
:root[data-theme="dark"] {
    --bg-primary: #1a1a1a;
    --bg-secondary: #2d2d2d;
    --text-primary: #ffffff;
    --text-secondary: #e0e0e0;
    --border-color: #404040;
    --accent-color: #0071bc;
    --hover-color: #2196F3;
    --primary-card: #ddf8f8;
}

/* Light mode (default) styles */
:root[data-theme="light"] {
    --bg-primary: #ffffff;
    --bg-secondary: #f5f5f5;
    --text-primary: #333333;
    --text-secondary: #666666;
    --border-color: #e0e0e0;
    --accent-color: #0071bc;
    --hover-color: #2196F3;
}

/* Apply theme variables */
[data-theme="dark"] body {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary);
}

[data-theme="dark"] .header,
[data-theme="dark"] .sidebar,
[data-theme="dark"] .main-content {
    background-color: var(--bg-secondary);
}

[data-theme="dark"] .card,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .dropdown-menu {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] textarea,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"] {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-theme="dark"] .btn-outline-primary {
    color: var(--accent-color);
    border-color: var(--accent-color);
}

[data-theme="dark"] .btn-outline-primary:hover {
    background-color: var(--accent-color);
    color: var(--text-primary);
}

[data-theme="dark"] .table {
    color: var(--text-primary);
}

[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
    border-color: var(--border-color);
}

[data-theme="dark"] .nav-link {
    color: var(--text-secondary);
}

[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-link.active {
    color: var(--accent-color);
}

/* Dark mode toggle button styles */
.theme-toggle {
    background: none;
    border: none;
    padding: 8px;
    margin-right: 15px;
    cursor: pointer;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    transition: background-color 0.3s;
}

.theme-toggle:hover {
    background-color: rgba(128, 128, 128, 0.1);
}

.theme-toggle i {
    font-size: 1.2rem;
}


[data-theme="dark"] #sidebar-wrapper {
  background: var(--bg-secondary);
}

[data-theme="dark"] #sidebar-wrapper::-webkit-scrollbar-track {
  background-color: var(--bg-primary);
}

[data-theme="dark"] #sidebar-wrapper::-webkit-scrollbar {
  background-color: var(--bg-primary);
}

[data-theme="dark"] #sidebar-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--accent-color);
}

[data-theme="dark"] .sidebar-nav li a {
  color: var(--text-secondary);
}

[data-theme="dark"] .sidebar-nav li:hover a {
  color: var(--text-primary);
}


[data-theme="dark"] .sidebar-nav li.active a {
  color: var(--text-primary);
  font-weight: bold;
}

[data-theme="dark"] .status__admin,
[data-theme="dark"] .voice_modes{
  color: var(--text-primary);
    background-color: var(--bg-primary);
}

[data-theme="dark"] .status__admin__data{
    color: var(--text-primary);
    background-color: var(--bg-primary);
}

[data-theme="dark"] .status__admin h3,
[data-theme="dark"] .voice_modes h3 {
  color: var(--text-primary);
}

[data-theme="dark"] h1, h2, h3,h4,h5, p, td, .stepper-item, .step-name, h3, a{
    color: var(--text-primary) !important;
}

/*[data-theme="dark"] a:hover{*/
/*    color: var(--hover-color);*/
/*    background-color: var(--hover-color);*/
/*}*/
[data-theme="dark"] .navbar__btn, .page-link, .alert-link {
    color: #0c0c0c !important;
}

[data-theme="dark"] .feedback__table, .template_list_page,#navbar-wrapper{
    color: var(--text-primary);
    background-color: var(--bg-primary);
}

[data-theme="dark"] tr.even {
  background-color: var(--bg-secondary); /* Dark background */
  color: var(--text-primary); /* Light text */
  border-color: var(--border-color); /* Adjusted border color */
}

[data-theme="dark"] tr.even td {
  border-left: 2px solid var(--accent-color); /* Use accent color for left border */
}

[data-theme="dark"] tr.even:hover {
  background-color: rgba(255, 255, 255, 0.05); /* Dark hover effect */
}

[data-theme="dark"] .domainBox, .card-header, .card-body{
    background: var(--primary-card) !important;
    color: var(--bg-primary);
}

[data-theme="dark"] .card-header{
    background: var(--bg-secondary) !important;
}

[data-theme="dark"] .pricing__cards__main{
        background: var(--bg-secondary) !important;
}

[data-theme="dark"] .pricing__cards__main__card__head{
    color: var(--text-primary);
}

[data-theme="dark"] .white-btn{
    color: var(--bg-primary) !important;
}

[data-theme="dark"] .domainBox p{
    color: var(--bg-secondary) !important;
}
[data-theme="dark"] .domainBox h4{
    color: var(--bg-primary) !important;
}

[data-theme="dark"] .rechargeable__credit__form, .rechargeable__credit{
            background: var(--bg-secondary) !important;
}

[data-theme="dark"] .cl-intronies-audio__detail__box, .audio__plyalist__vertical{
    background: var(--bg-secondary) !important;
}

[data-theme="dark"] .list-group-item, .breadcrumb{
        background: var(--bg-secondary) !important;

}

[data-theme="dark"] .bg-light, .table-light, .nav-item, .nav-link{
    background: var(--bg-secondary) !important;
}
[data-theme="dark"] code{
     color: var(--text-primary) !important;
}

[data-theme="dark"] .instructions .instruction-body, .instructions ul li{
  color: #fff !important;
}

[data-theme="light"] .sidebar-nav li a{
    color: #fff !important;
}

[data-theme="light"] .instructions ul li{
    color: #0c0c0c !important;
}

.instructions ul li{
    color: #0c0c0c !important;
}

[data-theme="light"] .instructions ul li{
    color: #000 !important;
}

[data-theme="dark"] .card .card-body h5,
.card .card-body p, .card .card-body a,
.card .card-body p, .card .card-body h4,
.card .card-body code{
    color: #000 !important;
}

[data-theme="dark"]  pre code{
    color: #fff !important;
}