/* ==========================================================
   OXYTIS LIGHT / DARK MODE
   ========================================================== */

html {
    color-scheme: light;
}

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

/* ==========================================================
   PAGE
   ========================================================== */

html[data-theme="dark"],
html[data-theme="dark"] body {
    background-color: #090d14;
    color: #aeb8ca;
}

/* ==========================================================
   TYPOGRAPHY
   ========================================================== */

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .h1,
html[data-theme="dark"] .h2,
html[data-theme="dark"] .h3,
html[data-theme="dark"] .h4,
html[data-theme="dark"] .h5,
html[data-theme="dark"] .h6 {
    color: #f4f7fb;
}

html[data-theme="dark"] p {
    color: #aeb8ca;
}

html[data-theme="dark"] a {
    color: #aeb8ca;
}

html[data-theme="dark"] a:hover {
    color: #1F8CEB;
}

/* ==========================================================
   NAVBAR LOGO
   ========================================================== */

.logo-dark {
    display: none;
}

html[data-theme="dark"] .logo-light {
    display: none;
}

html[data-theme="dark"] .logo-dark {
    display: inline-block;
}

/* ==========================================================
   NAVBAR
   ========================================================== */

html[data-theme="dark"] .navbar-area.navbar-area-two,
html[data-theme="dark"] .navbar-area.navbar-area-two.is-sticky {
    background-color: #0d121b !important;
}

html[data-theme="dark"] .navbar-area.is-sticky {
    background-color: #0d121b !important;
}

html[data-theme="dark"]
.navbar-area
.main-nav nav
.navbar-nav
.nav-item > a {
    color: #e9eef6;
}

html[data-theme="dark"]
.navbar-area
.main-nav nav
.navbar-nav
.nav-item > a:hover,
html[data-theme="dark"]
.navbar-area
.main-nav nav
.navbar-nav
.nav-item > a.active {
    color: #1F8CEB;
}

/* Dropdowns */

html[data-theme="dark"]
.navbar-area
.main-nav nav
.navbar-nav
.nav-item
.dropdown-menu {
    background-color: #121924;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"]
.navbar-area
.main-nav nav
.navbar-nav
.nav-item
.dropdown-menu li a {
    color: #dce4ef;
    border-bottom-color: #263142;
}

html[data-theme="dark"]
.navbar-area
.main-nav nav
.navbar-nav
.nav-item
.dropdown-menu li a:hover {
    color: #1F8CEB;
}

/* ==========================================================
   FEATURE CARDS
   ========================================================== */

html[data-theme="dark"] .single-feature {
    background-color: #111821;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .single-feature h3 {
    color: #f4f7fb;
}

html[data-theme="dark"] .single-feature p {
    color: #aeb8ca;
}

html[data-theme="dark"] .single-feature:hover {
    background-color: #1F8CEB;
}

html[data-theme="dark"] .single-feature:hover h3,
html[data-theme="dark"] .single-feature:hover p,
html[data-theme="dark"] .single-feature:hover i {
    color: #ffffff;
}

/* ==========================================================
   OTHER CARDS / CONTENT BLOCKS
   ========================================================== */

html[data-theme="dark"] .single-solution,
html[data-theme="dark"] .single-challenges {
    background-color: #111821;
    color: #aeb8ca;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .single-solution h3,
html[data-theme="dark"] .single-solution h3 a,
html[data-theme="dark"] .single-challenges h3 {
    color: #f4f7fb;
}

html[data-theme="dark"] .single-solution p,
html[data-theme="dark"] .single-challenges p {
    color: #aeb8ca;
}

html[data-theme="dark"] .solution-img::before {
    background-color: #111821;
}

/* ==========================================================
   FORMS
   ========================================================== */

html[data-theme="dark"] .form-control {
    background-color: #111821;
    color: #f4f7fb;
    border-color: #293445;
}

html[data-theme="dark"] .form-control:focus {
    background-color: #111821;
    color: #ffffff;
    border-color: #1F8CEB;
}

html[data-theme="dark"] .form-control::placeholder {
    color: #7f8ca0;
}

html[data-theme="dark"] select.form-control {
    background-color: #111821;
    color: #f4f7fb;
}

/* ==========================================================
   COMMON WHITE SECTIONS
   ========================================================== */

html[data-theme="dark"] .solution-area,
html[data-theme="dark"] .protect-area {
    background-color: #090d14;
}

/* ==========================================================
   CONTACT PAGE
   ========================================================== */

html[data-theme="dark"] .ox-contact-page {
    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(31, 140, 235, .08),
            transparent 32%
        ),
        #090d14;
}

html[data-theme="dark"] .ox-contact-card {
    background: #111821;
    border-color: #263142;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] .ox-contact-heading h2 {
    color: #f4f7fb;
}

html[data-theme="dark"] .ox-contact-heading p {
    color: #aeb8ca;
}

html[data-theme="dark"] .ox-contact-form-group label {
    color: #dce4ef;
}

html[data-theme="dark"] .ox-contact-form-group .form-control {
    background: #0d121b;
    border-color: #293445;
    color: #f4f7fb;
}

html[data-theme="dark"] .ox-contact-form-group .form-control:focus {
    background: #0d121b;
    border-color: #1F8CEB;
}

html[data-theme="dark"] .ox-contact-form-group .form-control::placeholder {
    color: #7f8ca0;
}

html[data-theme="dark"] .ox-contact-trust-row {
    background: #263142;
    border-color: #263142;
}

html[data-theme="dark"] .ox-contact-trust-item {
    background: #111821;
}

html[data-theme="dark"] .ox-contact-trust-item strong {
    color: #f4f7fb;
}

html[data-theme="dark"] .ox-contact-trust-item span {
    color: #aeb8ca;
}

/* ==========================================================
   OXIDIZE PRODUCT PAGE
   ========================================================== */

html[data-theme="dark"] .oxidize-product-area {
    background: #090d14;
}

html[data-theme="dark"] .oxidize-intro h2 {
    color: #f4f7fb;
}

html[data-theme="dark"] .oxidize-intro p {
    color: #aeb8ca;
}

html[data-theme="dark"] .oxidize-tier-card {
    background: #111821;
    border-color: #263142;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .3);
}

html[data-theme="dark"] .oxidize-tier-header h3 {
    color: #f4f7fb;
}

html[data-theme="dark"] .oxidize-tier-header p {
    color: #aeb8ca;
}

html[data-theme="dark"] .oxidize-feature-list li {
    color: #dce4ef;
    border-bottom-color: #263142;
}

html[data-theme="dark"] .oxidize-info-panel {
    background: #111821;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .3);
}

html[data-theme="dark"] .oxidize-info-panel h3 {
    color: #f4f7fb;
}

html[data-theme="dark"] .oxidize-info-panel p {
    color: #aeb8ca;
}

/* ==========================================================
   POWERTRAIN PAGE
   ========================================================== */

html[data-theme="dark"] .powertrain-modern {
    background: #090d14;
}

html[data-theme="dark"] .pt-main-card {
    background: #111821;
    border-color: #263142;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .3);
}

html[data-theme="dark"] .pt-card-heading h3 {
    color: #f4f7fb;
}

html[data-theme="dark"] .pt-card-heading p {
    color: #aeb8ca;
}

html[data-theme="dark"] .pt-form-group label {
    color: #dce4ef;
}

html[data-theme="dark"] .pt-file-upload {
    background: #0d121b;
    border-color: #293445;
}

html[data-theme="dark"] .pt-checkbox {
    color: #aeb8ca;
}

html[data-theme="dark"] .pt-product-copy p {
    color: #aeb8ca;
}

html[data-theme="dark"] .pt-product-copy .pt-patent {
    color: #7f8ca0;
}

html[data-theme="dark"] .pt-support-row strong {
    color: #dce4ef;
}

html[data-theme="dark"] .pt-burp-section {
    background: linear-gradient(135deg, #111821 0%, #0d121b 100%);
    border-color: #263142;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .3);
}

html[data-theme="dark"] .pt-burp-copy h2 {
    color: #f4f7fb;
}

html[data-theme="dark"] .pt-burp-lead {
    color: #aeb8ca;
}

html[data-theme="dark"] .pt-burp-feature strong {
    color: #dce4ef;
}

html[data-theme="dark"] .pt-burp-feature span {
    color: #7f8ca0;
}

html[data-theme="dark"] .pt-tally-line {
    color: #aeb8ca;
}

html[data-theme="dark"] .pt-screen-label {
    color: #7f8ca0;
}

html[data-theme="dark"] .pt-burp-value-row {
    border-top-color: #263142;
}

html[data-theme="dark"] .pt-value-item strong {
    color: #dce4ef;
}

html[data-theme="dark"] .pt-value-item span {
    color: #7f8ca0;
}

html[data-theme="dark"] .pt-report-tabs {
    background: #111821;
    border-color: #263142;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .3);
}

/* ==========================================================
   RANSOMWARE RESPONSE PAGE
   ========================================================== */

html[data-theme="dark"] .ox-ransomware-page {
    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(31, 140, 235, .08),
            transparent 30%
        ),
        #090d14;
}

html[data-theme="dark"] .ox-ransom-card,
html[data-theme="dark"] .ox-ransom-details {
    background: #111821;
    border-color: #263142;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] .ox-ransom-heading h2,
html[data-theme="dark"] .ox-ransom-response h2,
html[data-theme="dark"] .ox-ransom-details h3 {
    color: #f4f7fb;
}

html[data-theme="dark"] .ox-ransom-heading p,
html[data-theme="dark"] .ox-ransom-lead,
html[data-theme="dark"] .ox-ransom-details p {
    color: #aeb8ca;
}

html[data-theme="dark"] .ox-ransom-form-group label {
    color: #dce4ef;
}

html[data-theme="dark"] .ox-ransom-file {
    background: #0d121b;
    border-color: #293445;
}

html[data-theme="dark"] .ox-ransom-form-group small {
    color: #7f8ca0;
}

html[data-theme="dark"] .ox-ransom-chat-note {
    background: #0d121b;
    border-color: #263142;
}

html[data-theme="dark"] .ox-ransom-chat-note strong {
    color: #dce4ef;
}

html[data-theme="dark"] .ox-ransom-chat-note span {
    color: #7f8ca0;
}

html[data-theme="dark"] .ox-ransom-image {
    background: #0d121b;
}

html[data-theme="dark"] .ox-ransom-capabilities > div {
    background: #0d121b;
    border-color: #263142;
}

html[data-theme="dark"] .ox-ransom-capabilities strong {
    color: #dce4ef;
}

html[data-theme="dark"] .ox-ransom-capabilities span {
    color: #7f8ca0;
}

html[data-theme="dark"] .ox-ransom-expectations {
    background: #0d121b;
}

html[data-theme="dark"] .ox-ransom-expectations h4 {
    color: #f4f7fb;
}

html[data-theme="dark"] .ox-ransom-expectations li {
    color: #aeb8ca;
}

/* ==========================================================
   PRODUCT DETAILS (applications / pci / oxidation / powertrain-pro)
   ========================================================== */

html[data-theme="dark"] .product-details-area {
    background: #090d14;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .3);
}

html[data-theme="dark"] .product-details-desc,
html[data-theme="dark"] .products-details-tab {
    background: #111821;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .3);
}

html[data-theme="dark"] .product-details-desc h3 {
    color: #f4f7fb;
}

html[data-theme="dark"] .product-details-desc p {
    color: #aeb8ca;
}

html[data-theme="dark"] .product-details-area .products-details-tab .tabs {
    border-bottom-color: #263142;
}

html[data-theme="dark"] .product-details-area .products-details-tab .tabs li a {
    color: #dce4ef;
}

html[data-theme="dark"] .hint {
    color: #aeb8ca;
}

html[data-theme="dark"] .oxidize-click-area:hover,
html[data-theme="dark"] .oxidation-click-area:hover {
    background-color: #111821;
}

/* ==========================================================
   LEGACY CONTACT INFO CARD (content / success pages)
   ========================================================== */

html[data-theme="dark"] .main-contact-area .contact-info {
    background-color: #111821;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .3);
}

html[data-theme="dark"] .main-contact-area .contact-info .address li a {
    color: #dce4ef;
}

/* ==========================================================
   OXYTIS ETHOS CARD
   ========================================================== */

html[data-theme="dark"] .oxytis-ethos-area {
    background: #090d14;
}

html[data-theme="dark"] .oxytis-ethos-bg {
    background: linear-gradient(135deg, #111821 0%, #0d121b 100%) !important;
    border-color: rgba(31, 140, 235, 0.15);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .oxytis-ethos-content h2 {
    color: #f4f7fb !important;
}

html[data-theme="dark"] .oxytis-ethos-copy {
    color: #aeb8ca !important;
}

html[data-theme="dark"] .oxytis-ethos-origin {
    color: #7f8ca0 !important;
}

html[data-theme="dark"] .oxytis-ethos-origin em {
    color: #aeb8ca;
}

/* ==========================================================
   MOBILE NAV
   ========================================================== */

@media only screen and (max-width: 991px) {

    html[data-theme="dark"]
    .navbar-area
    .mean-container
    .mean-bar {
        background-color: #0d121b;
    }

    html[data-theme="dark"]
    .navbar-area
    .mean-container
    a.meanmenu-reveal {
        color: #ffffff;
    }

    html[data-theme="dark"]
    .navbar-area
    .mean-container
    a.meanmenu-reveal span {
        background-color: #ffffff;
    }

    html[data-theme="dark"] .mean-container .mean-nav {
        background-color: #111821;
    }

    html[data-theme="dark"] .mean-container .mean-nav ul li a {
        color: #e9eef6;
        border-color: #263142;
    }

    html[data-theme="dark"] .others-option-for-responsive .option-inner {
        background-color: #111821;
    }
}

/* ==========================================================
   THEME TOGGLE
   ========================================================== */

.theme-toggle {
    width: 38px;
    height: 38px;
    margin-right: 14px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: transparent;
    border: 0;
    border-radius: 50%;

    color: #000219;
    font-size: 22px;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.theme-toggle:hover {
    background-color: rgba(31, 140, 235, 0.10);
    color: #1F8CEB;
}

.theme-toggle:active {
    transform: scale(0.92);
}

html[data-theme="dark"] .theme-toggle {
    color: #f4f7fb;
}

html[data-theme="dark"] .theme-toggle:hover {
    color: #1F8CEB;
    background-color: rgba(255, 255, 255, 0.08);
}

/* ==========================================================
   IMAGES WITH A BAKED-IN WHITE BACKGROUND
   (diagrams/photos that aren't transparent PNGs get a white
   mat so they read as framed rather than a stray white box)
   ========================================================== */

html[data-theme="dark"] .about-img img,
html[data-theme="dark"] .powertrain-support-graphic img,
html[data-theme="dark"] .solution-details-area .solution-details-one img,
html[data-theme="dark"] .product-details-desc img {
    background: #ffffff;
    border-radius: 10px;
    padding: 14px;
}

html[data-theme="dark"] .pt-engine-icon img,
html[data-theme="dark"] .pt-flow-arrow img {
    background: #ffffff;
    border-radius: 8px;
    padding: 6px;
}

/* ==========================================================
   TRANSITIONS
   ========================================================== */

body,
.navbar-area,
.single-feature,
.single-solution,
.single-challenges,
.form-control,
.dropdown-menu {
    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}