/* Customer storefront dark mode. Keep the admin panel on its own theme. */
.dhru-storefront .fox-theme-toggle {
    display: inline-grid;
    flex: 0 0 38px;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #d8d9db;
    background: transparent;
    cursor: pointer;
}
.dhru-storefront .fox-theme-toggle:hover { color: #ffb96e; background: rgba(255,255,255,.08); }
.dhru-storefront .fox-theme-toggle i { grid-area: 1 / 1; font-size: 19px; }
.dhru-storefront .fox-theme-sun { display: none; }
html[data-fox-theme="dark"] .dhru-storefront .fox-theme-moon { display: none; }
html[data-fox-theme="dark"] .dhru-storefront .fox-theme-sun { display: block; }

html[data-fox-theme="dark"] { color-scheme: dark; }
html[data-fox-theme="dark"] .dhru-storefront {
    --fox-ink: #f3f0ec;
    --fox-line: #343b45;
    --fox-cream: #20252d;
    color: #e8eaf0;
    background: #11151b;
}
html[data-fox-theme="dark"] .dhru-storefront .bg-gray,
html[data-fox-theme="dark"] .dhru-storefront .fox-register-page {
    background-color: #12171e !important;
    background-image:
        linear-gradient(135deg, transparent 29%, rgba(255,255,255,.045) 30%, transparent 31%),
        linear-gradient(45deg, transparent 39%, rgba(255,255,255,.035) 40%, transparent 62%),
        linear-gradient(135deg, rgba(255,255,255,.025) 24%, transparent 24%, transparent 76%, rgba(255,255,255,.025) 76%),
        linear-gradient(120deg, #171c24, #11151b 52%, #1d222b) !important;
}
html[data-fox-theme="dark"] .dhru-storefront .dhru-site-header .header-middle { background: #101318; }
html[data-fox-theme="dark"] .dhru-storefront .dhru-main-nav .dropdown-menu,
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .modal-content,
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-mobile-links .dropdown-menu {
    color: #e9ebef;
    background: #232933 !important;
    border-color: #3c4551;
}
html[data-fox-theme="dark"] .dhru-storefront .dhru-main-nav .dropdown-item,
html[data-fox-theme="dark"] .dhru-storefront .dhru-mobile-links .nav-link,
html[data-fox-theme="dark"] .dhru-storefront .dhru-mobile-links .dropdown-item { color: #e9ebef; border-color: #3c4551; }
html[data-fox-theme="dark"] .dhru-storefront .dhru-main-nav .dropdown-item:hover,
html[data-fox-theme="dark"] .dhru-storefront .dhru-main-nav .dropdown-item:focus,
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-mobile-links .dropdown-item:hover { color: #ffc07d; background: #34302c !important; }
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-mobile-links > .nav-item.dropdown > .nav-link { color: #f0f1f3; background: #303844; }
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-mobile-links > .nav-item.dropdown > .dropdown-menu { background: transparent !important; }
html[data-fox-theme="dark"] .dhru-storefront .dhru-dropdown-heading { color: #b7bec8; }
html[data-fox-theme="dark"] .dhru-storefront .fox-profile-menu-head,
html[data-fox-theme="dark"] .dhru-storefront .fox-profile-menu .dropdown-divider { border-color: #414b57; }
html[data-fox-theme="dark"] .dhru-storefront .fox-profile-menu-avatar { color: #ffbc75; background: #3a3028; }
html[data-fox-theme="dark"] .dhru-storefront .fox-profile-menu-identity strong { color: #f2f3f5; }
html[data-fox-theme="dark"] .dhru-storefront .fox-profile-menu-identity small,
html[data-fox-theme="dark"] .dhru-storefront .fox-profile-menu-label { color: #b4bdc8; }
html[data-fox-theme="dark"] .dhru-storefront .fox-profile-last-login-copy strong { color: #edf0f3; }
html[data-fox-theme="dark"] .dhru-storefront .fox-profile-last-login-copy small { color: #aeb8c4; }
html[data-fox-theme="dark"] .dhru-storefront .fox-profile-menu .dropdown-item > i { color: #f1a85a; }
html[data-fox-theme="dark"] .dhru-storefront .fox-profile-menu .fox-profile-logout,
html[data-fox-theme="dark"] .dhru-storefront .fox-profile-menu .fox-profile-logout > i { color: #ff8b8f; }
html[data-fox-theme="dark"] .dhru-storefront .fox-brand-marquee h2,
html[data-fox-theme="dark"] .dhru-storefront .dhru-home-copy h1 { color: #f6f4f1; }
html[data-fox-theme="dark"] .dhru-storefront .dhru-home-copy p,
html[data-fox-theme="dark"] .dhru-storefront .text-muted { color: #b3bdc9 !important; }
html[data-fox-theme="dark"] .dhru-storefront .fox-brand-card img { filter: grayscale(1) invert(1); opacity: .85; }

/* The compact navigation uses the same charcoal surfaces as the client theme. */
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .modal-content,
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .modal-body { color: #f0f3f5 !important; background: #171d25 !important; }
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-mobile-heading { color: #f0f3f5 !important; background: #101318 !important; border-bottom: 1px solid #3d4753; }
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-mobile-heading .navbar-brand,
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-mobile-close { color: #f0f3f5 !important; }
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-mobile-links > .nav-item.dropdown > .nav-link { color: #f0f3f5 !important; background: #252e39 !important; }
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-mobile-links > .nav-item.dropdown > .nav-link[aria-expanded="true"] { color: #ffbd74 !important; background: #3b3028 !important; }
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-mobile-links > .nav-item > .nav-link:not(.dhru-mobile-login):not(.dhru-mobile-register) { color: #e0e6eb !important; }
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-mobile-links > .nav-item.dropdown > .dropdown-menu { color: #e0e6eb !important; background: #202833 !important; }
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-language-list { color: #e0e6eb !important; background: #202833 !important; }
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-mobile-links .dropdown-item { color: #e0e6eb !important; background: transparent !important; }
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-mobile-links .dropdown-item:hover,
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-mobile-links .dropdown-item:focus-visible { color: #ffbd74 !important; background: #33404d !important; }
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-mobile-links .dhru-mobile-login { color: #24180a !important; background: #f5a33f !important; }
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-mobile-links .dhru-mobile-register { color: #ffbd74 !important; border-color: #a96f34 !important; background: transparent !important; }
html[data-fox-theme="dark"] .dhru-storefront .modal-menu .dhru-mobile-links .fox-profile-menu-head { border-color: #46515e; }

html[data-fox-theme="dark"] .dhru-storefront .page-title,
html[data-fox-theme="dark"] .dhru-storefront h1,
html[data-fox-theme="dark"] .dhru-storefront h2,
html[data-fox-theme="dark"] .dhru-storefront h3,
html[data-fox-theme="dark"] .dhru-storefront h4,
html[data-fox-theme="dark"] .dhru-storefront h5,
html[data-fox-theme="dark"] .dhru-storefront .text-dark { color: #f2f3f5 !important; }
html[data-fox-theme="dark"] .dhru-storefront .bg-white,
html[data-fox-theme="dark"] .dhru-storefront .bg-light,
html[data-fox-theme="dark"] .dhru-storefront .card,
html[data-fox-theme="dark"] .dhru-storefront .card-product .product-info,
html[data-fox-theme="dark"] .dhru-storefront .modal-content,
html[data-fox-theme="dark"] .dhru-storefront .list-group-item,
html[data-fox-theme="dark"] .dhru-storefront .table,
html[data-fox-theme="dark"] .dhru-storefront .dropdown-menu,
html[data-fox-theme="dark"] .dhru-storefront .page-link,
html[data-fox-theme="dark"] .dhru-storefront .chosen-container .chosen-drop,
html[data-fox-theme="dark"] .dhru-storefront .chosen-container-single .chosen-single {
    color: #e8eaf0 !important;
    background-color: #222832 !important;
    border-color: #3a4350 !important;
}
html[data-fox-theme="dark"] .dhru-storefront .modal-header,
html[data-fox-theme="dark"] .dhru-storefront .card-header,
html[data-fox-theme="dark"] .dhru-storefront .table thead th { color: #f3f4f5; background: #29313d; border-color: #3a4350; }
html[data-fox-theme="dark"] .dhru-storefront .table td,
html[data-fox-theme="dark"] .dhru-storefront .table th,
html[data-fox-theme="dark"] .dhru-storefront .modal-footer,
html[data-fox-theme="dark"] .dhru-storefront .border { border-color: #3a4350 !important; }
html[data-fox-theme="dark"] .dhru-storefront .table-striped tbody tr:nth-of-type(odd),
html[data-fox-theme="dark"] .dhru-storefront .table-hover tbody tr:hover { color: #fff; background: #2a313d; }
html[data-fox-theme="dark"] .dhru-storefront .form-control,
html[data-fox-theme="dark"] .dhru-storefront .custom-select,
html[data-fox-theme="dark"] .dhru-storefront .input-group-text,
html[data-fox-theme="dark"] .dhru-storefront textarea,
html[data-fox-theme="dark"] .dhru-storefront select {
    color: #f2f3f5;
    background-color: #171d25;
    border-color: #46515e;
}
html[data-fox-theme="dark"] .dhru-storefront .form-control::placeholder,
html[data-fox-theme="dark"] .dhru-storefront textarea::placeholder { color: #a4afbc; opacity: 1; }
html[data-fox-theme="dark"] .dhru-storefront .form-control:focus,
html[data-fox-theme="dark"] .dhru-storefront textarea:focus { color: #fff; background: #1c232d; border-color: #f49a38; }
html[data-fox-theme="dark"] .dhru-storefront a:not(.btn):not(.nav-link):not(.dropdown-item):not(.fox-footer-link):not(.fox-footer-social) { color: #f5b56d; }
html[data-fox-theme="dark"] .dhru-storefront .breadcrumb { color: #b6c0ca; }
html[data-fox-theme="dark"] .dhru-storefront .breadcrumb a { color: #f5b56d; }
html[data-fox-theme="dark"] .dhru-storefront .btn-light { color: #f1f2f4; background: #303844; border-color: #48525e; }
html[data-fox-theme="dark"] .dhru-storefront .btn-light:hover { background: #3b4654; }
html[data-fox-theme="dark"] .dhru-storefront .close { color: #fff; text-shadow: none; }
html[data-fox-theme="dark"] .dhru-storefront .content-title,
html[data-fox-theme="dark"] .dhru-storefront .index-content,
html[data-fox-theme="dark"] .dhru-storefront .index-content p,
html[data-fox-theme="dark"] .dhru-storefront .card-product .service-name { color: #e8eaf0; }
html[data-fox-theme="dark"] .dhru-storefront h3.h3 span::before,
html[data-fox-theme="dark"] .dhru-storefront h3.h3.box-white span::before { background: #252c36; }
html[data-fox-theme="dark"] .dhru-storefront .serchcontent { color: #e8eaf0; background: #222832; border-color: #3a4350; }
html[data-fox-theme="dark"] .dhru-storefront .serchcontent li.dropdown-item a { color: #e8eaf0 !important; border-color: #3a4350; }
html[data-fox-theme="dark"] .dhru-storefront .serchcontent li:hover { background: #323b48; }
html[data-fox-theme="dark"] .dhru-storefront input:-webkit-autofill,
html[data-fox-theme="dark"] .dhru-storefront input:-webkit-autofill:hover,
html[data-fox-theme="dark"] .dhru-storefront input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px #171d25 inset !important; -webkit-text-fill-color: #f2f3f5 !important; caret-color: #f2f3f5; }

html[data-fox-theme="dark"] .dhru-storefront .fox-register-card { color: #e8eaf0; background: #20262f; border-color: #3b4550; box-shadow: 0 26px 70px rgba(0,0,0,.32); }
html[data-fox-theme="dark"] .dhru-storefront .fox-register-form-panel { color: #e8eaf0; }
html[data-fox-theme="dark"] .dhru-storefront .fox-register-back,
html[data-fox-theme="dark"] .dhru-storefront .fox-register-heading p,
html[data-fox-theme="dark"] .dhru-storefront .fox-register-verify > p,
html[data-fox-theme="dark"] .dhru-storefront .fox-register-success p,
html[data-fox-theme="dark"] .dhru-storefront .fox-register-complete p,
html[data-fox-theme="dark"] .dhru-storefront .fox-register-signin,
html[data-fox-theme="dark"] .dhru-storefront .fox-register-field small { color: #b1bbc6; }
html[data-fox-theme="dark"] .dhru-storefront .fox-register-progress-step { color: #b5beca; }
html[data-fox-theme="dark"] .dhru-storefront .fox-register-progress-step.is-active,
html[data-fox-theme="dark"] .dhru-storefront .fox-register-field label { color: #f0f2f4; }
html[data-fox-theme="dark"] .dhru-storefront .fox-register-progress-step > span { color: #cbd2da; background: #2c3540; border-color: #596573; }
html[data-fox-theme="dark"] .dhru-storefront .fox-register-progress-step.is-active > span { color: #20160c; background: #f5a13c; border-color: #f5a13c; }
html[data-fox-theme="dark"] .dhru-storefront .fox-register-progress-line { background: #46515d; }
html[data-fox-theme="dark"] .dhru-storefront .fox-register-field input,
html[data-fox-theme="dark"] .dhru-storefront .fox-register-field select { color: #f2f3f5; background-color: #171d25; border-color: #4a5562; }
html[data-fox-theme="dark"] .dhru-storefront .fox-register-field input::placeholder { color: #a4afbc; }
html[data-fox-theme="dark"] .dhru-storefront .fox-register-country-wrap select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23d4dbe3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 15px center; }
html[data-fox-theme="dark"] .dhru-storefront .fox-register-reveal { color: #c0c8d2; }
html[data-fox-theme="dark"] .dhru-storefront .fox-register-secondary { color: #e8eaf0; background: #29313c; border-color: #56616e; }
html[data-fox-theme="dark"] .dhru-storefront .fox-register-secondary:hover { color: #ffbc75; background: #34302b; border-color: #f49a38; }
html[data-fox-theme="dark"] .dhru-storefront a.fox-register-primary { color: #201a13 !important; }
html[data-fox-theme="dark"] .dhru-storefront a.fox-register-secondary { color: #e8eaf0 !important; }
html[data-fox-theme="dark"] .dhru-storefront .fox-register-art-panel { background: linear-gradient(140deg, #20252e, #2b3037 55%, #171c24); }
html[data-fox-theme="dark"] .dhru-storefront .fox-register-art-panel::before { opacity: .18; }
html[data-fox-theme="dark"] .dhru-storefront .fox-register-feedback,
html[data-fox-theme="dark"] .dhru-storefront .fox-register-notice { color: #ffc1bd; background: #3b2528; border-color: #8b454d; }
html[data-fox-theme="dark"] .dhru-storefront .fox-register-feedback.is-success { color: #b6ebc9; background: #1d372c; border-color: #3c8060; }

@media (max-width: 420px) {
    .dhru-storefront .fox-theme-toggle { width: 39px; height: 39px; flex-basis: 39px; }
}