html[data-bc-theme="dark"] {
    color-scheme: dark;
}

html[data-bc-theme="dark"] body.frontend-page {
    background: #0f1720;
    color: #e6edf5;
}

.bc-theme-toggle {
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid #d7dce3;
    border-radius: 50%;
    background: #ffffff;
    color: #1a2b48;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.bc-theme-toggle:hover,
.bc-theme-toggle:focus {
    color: #5191fa;
    border-color: #5191fa;
    box-shadow: 0 0 0 3px rgba(81, 145, 250, 0.16);
    outline: none;
}

.bc-theme-toggle--desktop {
    margin-left: 14px;
}

.bc-theme-toggle--floating {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 9999;
    width: auto;
    min-width: 0;
    height: 44px;
    border-radius: 22px;
    padding: 0 16px;
    gap: 8px;
    font-weight: 600;
    box-shadow: 0 10px 30px rgba(26, 43, 72, 0.18);
}

.bc-theme-toggle__text {
    line-height: 1;
}

.bc-menu-mobile .bc-theme-switcher--mobile {
    padding: 12px 0;
}

.bc-menu-mobile .bc-theme-toggle {
    width: auto;
    min-width: 42px;
    height: 36px;
    border-radius: 18px;
    padding: 0 13px;
}

#header.header-style-8 .bc-theme-toggle {
    flex: 0 0 auto;
}

#header.header-style-8 .header-login--mobile .bc-theme-switcher--mobile {
    padding: 10px 20px;
}

html[data-bc-theme="dark"] .bc-theme-toggle {
    background: #223146;
    border-color: #34445b;
    color: #ffd166;
}

html[data-bc-theme="dark"] .bc-theme-toggle--floating {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.36);
}

html[data-bc-theme="dark"] .bc-theme-toggle:hover,
html[data-bc-theme="dark"] .bc-theme-toggle:focus {
    border-color: #7db4ff;
    color: #ffe08a;
    box-shadow: 0 0 0 3px rgba(125, 180, 255, 0.16);
}

html[data-bc-theme="dark"] body.frontend-page .bc_wrap,
html[data-bc-theme="dark"] body.frontend-page #bc_content-wrapper,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_header,
html[data-bc-theme="dark"] body.frontend-page #header.header-style-8,
html[data-bc-theme="dark"] body.frontend-page #header.header-style-8 .header--8,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_footer,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_footer .mailchimp,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_footer .main-footer,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_footer .copy-right {
    background: #0f1720;
    color: #e6edf5;
}

html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_topbar,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_topbar .dropdown-menu {
    background: #111d2b;
}

html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_header,
html[data-bc-theme="dark"] body.frontend-page #header.header-style-8,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_footer .copy-right,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_footer .main-footer .nav-footer .title:before {
    border-color: #26364a;
}

html[data-bc-theme="dark"] body.frontend-page a,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_header .bc-menu ul li a,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_footer .main-footer .nav-footer .context ul li a,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_footer .main-footer .nav-footer .context .contact .sub a i,
html[data-bc-theme="dark"] body.frontend-page #header.header-style-8 .bc_main--menu8 .main-menu > li > a,
html[data-bc-theme="dark"] body.frontend-page #header.header-style-8 .header-right--8,
html[data-bc-theme="dark"] body.frontend-page #header.header-style-8 .header-right--8 a {
    color: #e8eff8;
}

html[data-bc-theme="dark"] body.frontend-page a:hover,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_header .bc-menu ul li:hover > a,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_footer .main-footer .nav-footer .context ul li a:hover,
html[data-bc-theme="dark"] body.frontend-page #header.header-style-8 .bc_main--menu8 .main-menu > li:hover > a {
    color: #7db4ff;
}

html[data-bc-theme="dark"] body.frontend-page p,
html[data-bc-theme="dark"] body.frontend-page .sub-heading,
html[data-bc-theme="dark"] body.frontend-page .desc,
html[data-bc-theme="dark"] body.frontend-page .description,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_footer .mailchimp p,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_footer .main-footer .nav-footer .context .contact .c-title,
html[data-bc-theme="dark"] body.frontend-page .text-muted {
    color: #aebbc9 !important;
}

html[data-bc-theme="dark"] body.frontend-page h1,
html[data-bc-theme="dark"] body.frontend-page h2,
html[data-bc-theme="dark"] body.frontend-page h3,
html[data-bc-theme="dark"] body.frontend-page h4,
html[data-bc-theme="dark"] body.frontend-page h5,
html[data-bc-theme="dark"] body.frontend-page h6,
html[data-bc-theme="dark"] body.frontend-page .title,
html[data-bc-theme="dark"] body.frontend-page .bc_heading,
html[data-bc-theme="dark"] body.frontend-page .item-title,
html[data-bc-theme="dark"] body.frontend-page .service-title,
html[data-bc-theme="dark"] body.frontend-page .modal-title {
    color: #f4f8fc;
}

html[data-bc-theme="dark"] body.frontend-page .dropdown-menu,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_header .bc-menu ul li > .menu-dropdown,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_header .bc-menu-mobile,
html[data-bc-theme="dark"] body.frontend-page .modal-content,
html[data-bc-theme="dark"] body.frontend-page .card,
html[data-bc-theme="dark"] body.frontend-page .item,
html[data-bc-theme="dark"] body.frontend-page .service-review,
html[data-bc-theme="dark"] body.frontend-page .booking-form,
html[data-bc-theme="dark"] body.frontend-page .bc_search-form,
html[data-bc-theme="dark"] body.frontend-page .bc_search-form-home,
html[data-bc-theme="dark"] body.frontend-page .search-form,
html[data-bc-theme="dark"] body.frontend-page .form-search,
html[data-bc-theme="dark"] body.frontend-page .form-content,
html[data-bc-theme="dark"] body.frontend-page .b-bg-white {
    background-color: #172231 !important;
    color: #e6edf5;
    border-color: #2a3a4f !important;
    box-shadow: none;
}

html[data-bc-theme="dark"] body.frontend-page .dropdown-menu li a,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_header .bc-menu ul li > .menu-dropdown li a,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_header .bc-menu-mobile a {
    color: #e8eff8;
    border-color: #2a3a4f !important;
}

html[data-bc-theme="dark"] body.frontend-page .dropdown-menu li a:hover,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_header .bc-menu ul li > .menu-dropdown li a:hover,
html[data-bc-theme="dark"] body.frontend-page .bc_wrap .bc_header .bc-menu-mobile a:hover {
    background-color: #203047;
    color: #7db4ff;
}

html[data-bc-theme="dark"] body.frontend-page input,
html[data-bc-theme="dark"] body.frontend-page textarea,
html[data-bc-theme="dark"] body.frontend-page select,
html[data-bc-theme="dark"] body.frontend-page .form-control,
html[data-bc-theme="dark"] body.frontend-page .select2-container .select2-selection--single,
html[data-bc-theme="dark"] body.frontend-page .select2-dropdown {
    background-color: #111d2b !important;
    border-color: #304258 !important;
    color: #f1f5f9 !important;
}

html[data-bc-theme="dark"] body.frontend-page input::placeholder,
html[data-bc-theme="dark"] body.frontend-page textarea::placeholder {
    color: #8292a6;
}

html[data-bc-theme="dark"] body.frontend-page .btn,
html[data-bc-theme="dark"] body.frontend-page button {
    border-color: #34445b;
}

html[data-bc-theme="dark"] body.frontend-page .btn-primary,
html[data-bc-theme="dark"] body.frontend-page .form-submit,
html[data-bc-theme="dark"] body.frontend-page .btn-submit {
    background-color: #5191fa;
    border-color: #5191fa;
    color: #ffffff;
}

html[data-bc-theme="dark"] body.frontend-page table,
html[data-bc-theme="dark"] body.frontend-page .table {
    color: #e6edf5;
}

html[data-bc-theme="dark"] body.frontend-page table td,
html[data-bc-theme="dark"] body.frontend-page table th,
html[data-bc-theme="dark"] body.frontend-page .table td,
html[data-bc-theme="dark"] body.frontend-page .table th,
html[data-bc-theme="dark"] body.frontend-page hr {
    border-color: #2a3a4f;
}

html[data-bc-theme="dark"] body.frontend-page .daterangepicker,
html[data-bc-theme="dark"] body.frontend-page .daterangepicker .calendar-table,
html[data-bc-theme="dark"] body.frontend-page .daterangepicker td.off,
html[data-bc-theme="dark"] body.frontend-page .daterangepicker td.off.in-range,
html[data-bc-theme="dark"] body.frontend-page .daterangepicker td.off.start-date,
html[data-bc-theme="dark"] body.frontend-page .daterangepicker td.off.end-date {
    background-color: #172231;
    border-color: #2a3a4f;
    color: #aebbc9;
}

html[data-bc-theme="dark"] body.frontend-page .daterangepicker td.available:hover,
html[data-bc-theme="dark"] body.frontend-page .daterangepicker th.available:hover {
    background-color: #203047;
    color: #ffffff;
}

html[data-bc-theme="dark"] body.frontend-page .daterangepicker td.active,
html[data-bc-theme="dark"] body.frontend-page .daterangepicker td.active:hover {
    background-color: #5191fa;
    color: #ffffff;
}

html[data-bc-theme="dark"] body.frontend-page .pagination li a,
html[data-bc-theme="dark"] body.frontend-page .pagination li span {
    background-color: #172231;
    border-color: #2a3a4f;
    color: #e8eff8;
}

html[data-bc-theme="dark"] body.frontend-page .pagination .active span,
html[data-bc-theme="dark"] body.frontend-page .pagination li a:hover {
    background-color: #5191fa;
    border-color: #5191fa;
    color: #ffffff;
}

@media (max-width: 991px) {
    .bc-theme-toggle--desktop {
        margin-left: 8px;
        margin-right: 8px;
    }

    #header.header-style-8 .header-right--8 .bc-theme-toggle {
        display: none;
    }
}

@media (max-width: 575px) {
    .bc-theme-toggle--floating {
        right: 14px;
        bottom: 14px;
        height: 42px;
        padding: 0 14px;
    }
}