/* =========================================================
   industries-dark.css
   Dark-mode fixes for industries.php ONLY.
   Every selector starts with .industries-page (on <main>)
   or header.industries-header, so no other page is affected.
   Dark mode is triggered by [data-bs-theme="dark"] (set by the
   .dark-light-mode toggle).
========================================================= */


/* ---------- 1. HEADER: black background ---------- */
[data-bs-theme="dark"] header.industries-header,
[data-bs-theme="dark"] header.industries-header .at-header-area {
    background-color: #000;
}


/* ---------- 2. PAGE BACKGROUND ---------- */
[data-bs-theme="dark"] .industries-page {
    background-color: #000;
}


/* ---------- 3. FEATURE SECTIONS (3 card sections) ---------- */
[data-bs-theme="dark"] .industries-page .sharktech-feature-label {
    color: #8ec5ff;
}

[data-bs-theme="dark"] .industries-page .sharktech-feature-title {
    color: #fff;
}

/* card body (expanded state) */
[data-bs-theme="dark"] .industries-page .sharktech-feature-card {
    background: #161616;
}

[data-bs-theme="dark"] .industries-page .sharktech-feature-card-details h3 {
    color: #fff;
}

[data-bs-theme="dark"] .industries-page .sharktech-feature-card-details p {
    color: rgba(255, 255, 255, .78);
}

[data-bs-theme="dark"] .industries-page .sharktech-feature-read-more {
    color: #8ec5ff;
}

/* front overlay text is already #fff, nothing to change */


/* ---------- 4. COMPARISON SECTION ---------- */
[data-bs-theme="dark"] .industries-page .st-comparison-section {
    background: #0b0b0b;
}

[data-bs-theme="dark"] .industries-page .st-section-label {
    color: #8ec5ff;
}

[data-bs-theme="dark"] .industries-page .st-comparison-heading h2 {
    color: #fff;
}

[data-bs-theme="dark"] .industries-page .st-comparison-heading p {
    color: rgba(255, 255, 255, .7);
}

[data-bs-theme="dark"] .industries-page .st-comparison-wrapper {
    background: #141414;
    border-color: #2a2a2a;
    box-shadow: none;
}

[data-bs-theme="dark"] .industries-page .st-comparison-table th,
[data-bs-theme="dark"] .industries-page .st-comparison-table td {
    border-bottom-color: #2a2a2a;
}

[data-bs-theme="dark"] .industries-page .st-comparison-table th {
    background: #1c1c1c;
    color: #b8c2d0;
}

[data-bs-theme="dark"] .industries-page .st-comparison-table td {
    color: rgba(255, 255, 255, .85);
}

[data-bs-theme="dark"] .industries-page .st-comparison-table .st-need-column {
    color: #fff;
}

[data-bs-theme="dark"] .industries-page .st-comparison-table .st-sharktech-heading {
    background: #12263f;
    color: #8ec5ff;
}

[data-bs-theme="dark"] .industries-page .st-partner-tag {
    background: #1d3a63;
    color: #bcdcff;
}

[data-bs-theme="dark"] .industries-page .st-comparison-table .st-sharktech-cell {
    background: #0f1b2d;
    color: #cfe5ff;
}

[data-bs-theme="dark"] .industries-page .st-answer i {
    color: #5fa8ff;
}

[data-bs-theme="dark"] .industries-page .st-comparison-table tbody tr:hover td {
    background-color: #1a1a1a;
}

[data-bs-theme="dark"] .industries-page .st-comparison-table tbody tr:hover .st-sharktech-cell {
    background-color: #16273f;
}