/**
 * Spec template — global dark mode companion to Bootstrap data-bs-theme.
 * Light mode: unchanged (no rules). Dark: html[data-bs-theme="dark"]
 */

/* ---------- Floating toggle ---------- */
.spec-theme-toggle {
    position: fixed;
    bottom: 64px;
    right: 20px;
    z-index: 10050;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: #fff;
    color: #333;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.spec-theme-toggle:hover,
.spec-theme-toggle:focus-visible {
    transform: translateY(-2px);
    outline: none;
    border-color: #4a90e2;
    color: #4a90e2;
}

.spec-theme-toggle__icon {
    font-size: 18px;
    line-height: 1;
}

@media (max-width: 767px) {
    .spec-theme-toggle {
        bottom: 72px;
    }
}

html[data-bs-theme="dark"] .spec-theme-toggle {
    background: #2a2f36;
    border-color: rgba(255, 255, 255, 0.12);
    color: #f0f2f4;
    box-shadow: 0 4px 22px rgba(0, 0, 0, 0.45);
}

html[data-bs-theme="dark"] .spec-theme-toggle:hover,
html[data-bs-theme="dark"] .spec-theme-toggle:focus-visible {
    border-color: #6ba8f0;
    color: #9dc4f5;
}

/* ---------- Base & layout ---------- */
html[data-bs-theme="dark"] {
    color-scheme: dark;
    /* Tooltips / popovers: inherited by nodes appended to body */
    --bs-tooltip-bg: #2a3038;
    --bs-tooltip-color: #f0f2f4;
    --bs-popover-bg: #2a3038;
    --bs-popover-body-color: #e8eaed;
    --bs-popover-border-color: rgba(255, 255, 255, 0.12);
    --bs-popover-header-bg: #323941;
    --bs-popover-header-color: #f0f2f4;
}

html[data-bs-theme="dark"] .tooltip {
    --bs-tooltip-bg: #2a3038;
    --bs-tooltip-color: #f0f2f4;
}

html[data-bs-theme="dark"] .tooltip .tooltip-inner {
    background-color: var(--bs-tooltip-bg) !important;
    color: var(--bs-tooltip-color) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4);
}

html[data-bs-theme="dark"] .tooltip .tooltip-inner em,
html[data-bs-theme="dark"] .tooltip .tooltip-inner u,
html[data-bs-theme="dark"] .tooltip .tooltip-inner b,
html[data-bs-theme="dark"] .tooltip .tooltip-inner strong {
    color: inherit;
}

html[data-bs-theme="dark"] body {
    background-color: #121416 !important;
    color: #c8cdd5 !important;
}

html[data-bs-theme="dark"] .layout {
    background-color: #121416;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .page-loader {
    background: #121416;
}

html[data-bs-theme="dark"] p,
html[data-bs-theme="dark"] li,
html[data-bs-theme="dark"] label {
    color: #b4bac4;
}

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

html[data-bs-theme="dark"] h1 > a,
html[data-bs-theme="dark"] h2 > a,
html[data-bs-theme="dark"] h3 > a,
html[data-bs-theme="dark"] h4 > a,
html[data-bs-theme="dark"] h5 > a,
html[data-bs-theme="dark"] h6 > a {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .text-dark {
    color: #e8eaed !important;
}

html[data-bs-theme="dark"] .text-muted,
html[data-bs-theme="dark"] .text-secondary {
    color: #9aa3af !important;
}

html[data-bs-theme="dark"] a:not(.btn):not(.nav-link):not(.page-link):not(.socialicons-footer) {
    color: #7eb8ff;
}

html[data-bs-theme="dark"] a:not(.btn):hover,
html[data-bs-theme="dark"] a:not(.btn):focus {
    color: #a8d0ff;
}

html[data-bs-theme="dark"] .text-white,
html[data-bs-theme="dark"] .spec-header.text-white,
html[data-bs-theme="dark"] .spec-header .text-white {
    color: #fff !important;
}

/* Sections & bands */
html[data-bs-theme="dark"] .spec:not(.spec-header),
html[data-bs-theme="dark"] .spec-gray,
html[data-bs-theme="dark"] section.spec:not(.spec-header) {
    background-color: #1a1d21 !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .bg-white,
html[data-bs-theme="dark"] .blog-bg-white {
    background-color: #22262c !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .bg-light {
    background-color: #252a31 !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .photography-service {
    background: #22262c !important;
    color: #c8cdd5;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

html[data-bs-theme="dark"] .photography-service p {
    color: #b4bac4 !important;
}

html[data-bs-theme="dark"] .border,
html[data-bs-theme="dark"] .border-light,
html[data-bs-theme="dark"] .border-bottom,
html[data-bs-theme="dark"] .border-top {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-bs-theme="dark"] .border-10px {
    border: 10px solid #1a1d21 !important;
}

html[data-bs-theme="dark"] .border-5px {
    border: 5px solid #1a1d21 !important;
}

/* Header & navigation */
html[data-bs-theme="dark"] .header {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

html[data-bs-theme="dark"] .header.header-small {
    background: rgba(22, 24, 27, 0.97) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-bs-theme="dark"] .header.header-small .inner-brand,
html[data-bs-theme="dark"] .header.header-small .inner-nav > ul > li > a,
html[data-bs-theme="dark"] .header.header-small .extra-nav > ul > li > a {
    color: #e8eaed !important;
}

html[data-bs-theme="dark"] .header.header-small .brand-dark {
    display: block !important;
    color: #e8eaed !important;
}

html[data-bs-theme="dark"] .header.header-small .brand-light {
    display: none !important;
}

html[data-bs-theme="dark"] .header.header-light.header-small .inner-brand,
html[data-bs-theme="dark"] .header.header-light.header-small .inner-nav > ul > li > a,
html[data-bs-theme="dark"] .header.header-light.header-small .extra-nav > ul > li > a {
    color: #e8eaed !important;
}

html[data-bs-theme="dark"] .header.header-light.header-small .brand-dark {
    display: block !important;
    color: #e8eaed !important;
}

html[data-bs-theme="dark"] .header.header-light.header-small .brand-light {
    display: none !important;
}

html[data-bs-theme="dark"] .header:not(.header-light):not(.header-small) .inner-brand,
html[data-bs-theme="dark"] .header:not(.header-light):not(.header-small) .inner-nav > ul > li > a,
html[data-bs-theme="dark"] .header:not(.header-light):not(.header-small) .extra-nav > ul > li > a {
    color: rgba(255, 255, 255, 0.92);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

html[data-bs-theme="dark"] .nav-toggle > a span {
    background: #e8eaed;
}

html[data-bs-theme="dark"] .inner-nav .sub-menu,
html[data-bs-theme="dark"] .inner-nav .mega-menu {
    background-color: #1e2329 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55) !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

html[data-bs-theme="dark"] .inner-nav .sub-menu li a,
html[data-bs-theme="dark"] .inner-nav .sub-menu li.mega-menu-col > a {
    color: #c5cad3 !important;
}

html[data-bs-theme="dark"] .inner-nav .sub-menu li a:hover,
html[data-bs-theme="dark"] .inner-nav .sub-menu li a:focus {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.05);
}

html[data-bs-theme="dark"] .inner-nav .mega-menu.industries-mega .sub-menu li a {
    color: #b8c0cc !important;
}

html[data-bs-theme="dark"] .inner-nav .mega-menu.industries-mega .industries-mega-link-muted {
    color: #8b95a5 !important;
    opacity: 1;
}

html[data-bs-theme="dark"] .inner-nav .industries-flyout-root .sub-menu.industries-flyout-menu {
    background-color: #1e2329 !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

html[data-bs-theme="dark"] .inner-navigation,
html[data-bs-theme="dark"] .inner-navigation.collapse,
html[data-bs-theme="dark"] .inner-navigation.show {
    background: #16191d;
}

html[data-bs-theme="dark"] .inner-navigation .inner-nav > ul > li > a {
    color: #e0e4ea !important;
}

/* Cards, blog, widgets */
html[data-bs-theme="dark"] .card {
    background-color: #22262c;
    border-color: rgba(255, 255, 255, 0.1);
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .blog-page .blog-post-card,
html[data-bs-theme="dark"] .blog-post-card {
    background-color: #22262c !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35) !important;
}

html[data-bs-theme="dark"] .blog-page .blog-post-card .post-title a,
html[data-bs-theme="dark"] .blog-post-card .post-title a {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .widget,
html[data-bs-theme="dark"] .widget-light {
    color: #b4bac4;
}

html[data-bs-theme="dark"] .widget .widget-title h5,
html[data-bs-theme="dark"] .widget-light .widget-title h5 {
    color: #e8eaed !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-bs-theme="dark"] .widget-light ul li,
html[data-bs-theme="dark"] .widget ul li {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-bs-theme="dark"] .widget-light a,
html[data-bs-theme="dark"] .widget a {
    color: #9dc4f5 !important;
}

html[data-bs-theme="dark"] .blog-sidebar-widget {
    background: #22262c !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-bs-theme="dark"] .footer-light {
    background: linear-gradient(180deg, #1a1d21 0%, #16191d 42%) !important;
    border-top-color: rgba(255, 255, 255, 0.08) !important;
    color: #aeb6c2 !important;
}

html[data-bs-theme="dark"] .footer-light__brand-title,
html[data-bs-theme="dark"] .footer-light .widget-title h5 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .footer-light .footer-light__bottom {
    background: #12161c !important;
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-bs-theme="dark"] .footer-light .copyright,
html[data-bs-theme="dark"] .footer-light .copyright a,
html[data-bs-theme="dark"] .footer-light__legal a {
    color: #9aa3af !important;
}

html[data-bs-theme="dark"] .footer-light-social__link {
    background: #2a3038 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #e0e4ea !important;
}

html[data-bs-theme="dark"] .footer {
    background: #121416 !important;
    color: #aeb6c2 !important;
}

html[data-bs-theme="dark"] .footer h1,
html[data-bs-theme="dark"] .footer h2,
html[data-bs-theme="dark"] .footer h3,
html[data-bs-theme="dark"] .footer h4,
html[data-bs-theme="dark"] .footer h5,
html[data-bs-theme="dark"] .footer h6 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .footer a {
    color: #9dc4f5 !important;
}

html[data-bs-theme="dark"] .footer-copyright {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

/* Forms & tables */
html[data-bs-theme="dark"] .form-control,
html[data-bs-theme="dark"] .form-select {
    background-color: #1e2329;
    border-color: rgba(255, 255, 255, 0.15);
    color: #e8eaed;
}

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

html[data-bs-theme="dark"] .input-group-text {
    background: #252b33;
    border-color: rgba(255, 255, 255, 0.15);
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .table {
    --bs-table-bg: #1e2329;
    --bs-table-color: #c8cdd5;
    --bs-table-border-color: rgba(255, 255, 255, 0.1);
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: rgba(255, 255, 255, 0.04);
}

/* Auth pages */
html[data-bs-theme="dark"] body.auth-page {
    background: linear-gradient(160deg, #12161c 0%, #1a1f27 45%, #151a22 100%) !important;
}

html[data-bs-theme="dark"] .auth-card {
    background: #1e2329 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.5) !important;
}

html[data-bs-theme="dark"] .auth-card .text-muted,
html[data-bs-theme="dark"] .auth-card p {
    color: #9aa3af !important;
}

/* Shop & portfolio helpers */
html[data-bs-theme="dark"] .spec-shop-item-caption,
html[data-bs-theme="dark"] .shop-masonry-wrapper {
    color: inherit;
}

html[data-bs-theme="dark"] .row-shop-masonry .shop-masonry-wrapper {
    background-color: #1e2329;
}

html[data-bs-theme="dark"] blockquote,
html[data-bs-theme="dark"] .blockquote {
    border-color: rgba(255, 255, 255, 0.15);
    color: #b4bac4;
}

html[data-bs-theme="dark"] pre,
html[data-bs-theme="dark"] code {
    background: #252b33 !important;
    color: #e8eaed !important;
    border-color: rgba(255, 255, 255, 0.1);
}

html[data-bs-theme="dark"] .modal-content {
    background: #1e2329;
    border-color: rgba(255, 255, 255, 0.12);
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .list-group-item {
    background: #1e2329;
    border-color: rgba(255, 255, 255, 0.1);
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .breadcrumb-item a,
html[data-bs-theme="dark"] .breadcrumb-item.active {
    color: #9aa3af;
}

html[data-bs-theme="dark"] .accordion-item {
    background: #1e2329;
    border-color: rgba(255, 255, 255, 0.1);
}

html[data-bs-theme="dark"] .accordion-button {
    background: #22262c;
    color: #f0f2f4;
}

html[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
    background: #2a3038;
    color: #fff;
}

html[data-bs-theme="dark"] .dropdown-menu {
    background: #1e2329;
    border-color: rgba(255, 255, 255, 0.12);
}

html[data-bs-theme="dark"] .dropdown-item {
    color: #e0e4ea;
}

html[data-bs-theme="dark"] .dropdown-item:hover,
html[data-bs-theme="dark"] .dropdown-item:focus {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

html[data-bs-theme="dark"] .btn-outline-dark {
    color: #e8eaed;
    border-color: rgba(255, 255, 255, 0.35);
}

html[data-bs-theme="dark"] .btn-outline-dark:hover {
    background: #e8eaed;
    color: #121416;
}

/* Pricing / counters / team — common light boxes */
html[data-bs-theme="dark"] .counter,
html[data-bs-theme="dark"] .pricing-table,
html[data-bs-theme="dark"] .pricing-item {
    color: inherit;
}

html[data-bs-theme="dark"] .bg-default-light {
    background: #2a3038 !important;
    color: #e8eaed !important;
}

/* Preserve intentional dark hero overlays */
html[data-bs-theme="dark"] .spec-header.bg-dark,
html[data-bs-theme="dark"] .spec-header[class*="bg-dark"] {
    /* keep photographic + overlay readability */
    color: #fff;
}

/* =================================================================
   Shortcodes & legacy components (plan: dark mode parity)
   ================================================================= */

/* —— Buttons: template .btn-dark.btn-outline (not only BS .btn-outline-dark) —— */
html[data-bs-theme="dark"] .btn.btn-dark.btn-outline,
html[data-bs-theme="dark"] .btn-dark.btn-outline {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
    color: #e8eaed !important;
}

html[data-bs-theme="dark"] .btn.btn-dark.btn-outline:hover,
html[data-bs-theme="dark"] .btn.btn-dark.btn-outline:focus,
html[data-bs-theme="dark"] .btn-dark.btn-outline:hover,
html[data-bs-theme="dark"] .btn-dark.btn-outline:focus {
    background: #e8eaed !important;
    border-color: #e8eaed !important;
    color: #121416 !important;
}

/* —— Social brand buttons (shortcodes-social-buttons.html) —— */
html[data-bs-theme="dark"] .spec-social-buttons-demo button.btn:not(:hover):not(:focus):not(:active) {
    background-color: #2a3038 !important;
}

html[data-bs-theme="dark"] .spec-social-buttons-demo button.btn:not(:hover):not(:focus):not(:active) i {
    opacity: 0.95;
}

/* Default state: very dark brand text on dark panel — lift contrast */
html[data-bs-theme="dark"] .spec-social-buttons-demo button.btn.btn-github:not(:hover):not(:focus):not(:active),
html[data-bs-theme="dark"] .spec-social-buttons-demo button.btn.btn-instapaper:not(:hover):not(:focus):not(:active),
html[data-bs-theme="dark"] .spec-social-buttons-demo button.btn.btn-logmein:not(:hover):not(:focus):not(:active),
html[data-bs-theme="dark"] .spec-social-buttons-demo button.btn.btn-mysapce:not(:hover):not(:focus):not(:active),
html[data-bs-theme="dark"] .spec-social-buttons-demo button.btn.btn-scribd:not(:hover):not(:focus):not(:active),
html[data-bs-theme="dark"] .spec-social-buttons-demo button.btn.btn-wikipedia:not(:hover):not(:focus):not(:active),
html[data-bs-theme="dark"] .spec-social-buttons-demo button.btn.btn-appstore:not(:hover):not(:focus):not(:active),
html[data-bs-theme="dark"] .spec-social-buttons-demo button.btn.btn-steam:not(:hover):not(:focus):not(:active),
html[data-bs-theme="dark"] .spec-social-buttons-demo button.btn.btn-creativecommons:not(:hover):not(:focus):not(:active),
html[data-bs-theme="dark"] .spec-social-buttons-demo button.btn.btn-ninetyninedesigns:not(:hover):not(:focus):not(:active),
html[data-bs-theme="dark"] .spec-social-buttons-demo button.btn.btn-cloudapp:not(:hover):not(:focus):not(:active) {
    color: #e8eaed !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

html[data-bs-theme="dark"] .spec-social-buttons-demo .headline .heading-sm {
    color: #f0f2f4 !important;
}

/* —— Bootstrap cards & tabs —— */
html[data-bs-theme="dark"] .card-header {
    background-color: #252b33 !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .tab-content {
    background-color: #1e2329 !important;
    border: 5px solid #1a1d21 !important;
    border-top: none !important;
    color: #c8cdd5 !important;
}

html[data-bs-theme="dark"] .tab-pane {
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .nav-tabs {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

/* Inactive tabs: override template #f7f7f7 chip background (shortcodes-tabs & elsewhere) */
html[data-bs-theme="dark"] .nav-tabs .nav-link {
    background-color: #2a3038 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #b4bac4 !important;
}

html[data-bs-theme="dark"] .nav-tabs .nav-item:last-child .nav-link {
    border-right-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-bs-theme="dark"] .nav-tabs .nav-link > i,
html[data-bs-theme="dark"] .nav-tabs .nav-link > span {
    color: inherit;
}

html[data-bs-theme="dark"] .nav-tabs .nav-link:hover,
html[data-bs-theme="dark"] .nav-tabs .nav-link:focus {
    background-color: #323941 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .nav-tabs .nav-link.active,
html[data-bs-theme="dark"] .nav-tabs .nav-item.show .nav-link {
    background-color: #1e2329 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    border-bottom-color: transparent !important;
    color: #f0f2f4 !important;
}

/* Vertical tab strip: join to content on inner edge, not bottom */
html[data-bs-theme="dark"] .nav-tabs.flex-column {
    border-bottom: none;
}

html[data-bs-theme="dark"] .nav-tabs.flex-column .nav-link.active,
html[data-bs-theme="dark"] .nav-tabs.flex-column .nav-item.show .nav-link {
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
    border-right-color: transparent !important;
}

html[data-bs-theme="dark"] .nav-tabs.flex-column .nav-item:last-child .nav-link {
    border-right-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-bs-theme="dark"] .nav-tabs .nav-link.disabled,
html[data-bs-theme="dark"] .nav-tabs .nav-link:disabled {
    background-color: #252a31 !important;
    color: #6b7280 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    opacity: 0.85;
}

/* —— Section dividers & page title band —— */
html[data-bs-theme="dark"] .spec.spec-divider-bottom,
html[data-bs-theme="dark"] .spec-sm.spec-divider-bottom,
html[data-bs-theme="dark"] .spec-header.spec-divider-bottom {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-bs-theme="dark"] .spec.spec-divider-top,
html[data-bs-theme="dark"] .spec-sm.spec-divider-top,
html[data-bs-theme="dark"] .spec-header.spec-divider-top {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-bs-theme="dark"] .spec-page-title {
    background-color: #1a1d21 !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
    color: #e8eaed;
}

html[data-bs-theme="dark"] .spec-page-title .h5 {
    color: #c8cdd5 !important;
}

html[data-bs-theme="dark"] .title-margin-light-small {
    background: #22262c !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .services-content-vimeo-small-right {
    background: #22262c !important;
    border: 5px solid #1a1d21 !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .services-content-vimeo-small-right p {
    color: #b4bac4 !important;
}

/* —— #about —— */
html[data-bs-theme="dark"] #about {
    background: #1a1d21 !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] #about .about-heading h2 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] #about .about-heading p {
    color: #9aa3af !important;
}

html[data-bs-theme="dark"] #about .about-right:before {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-bs-theme="dark"] #about .about-right-heading h1 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] #about .about-right-wrapper a {
    color: #e8eaed !important;
}

html[data-bs-theme="dark"] #about .about-right-wrapper a:hover {
    color: #9dc4f5 !important;
}

html[data-bs-theme="dark"] #about .about-right-wrapper a > h3 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] #about .about-right-wrapper p {
    color: #b4bac4 !important;
}

/* —— Services style one (split columns) —— */
html[data-bs-theme="dark"] .services-style-one .outer-box {
    background: #252b33 !important;
}

html[data-bs-theme="dark"] .services-style-one .services-column {
    background: #22262c !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-bs-theme="dark"] .services-style-one .services-column h4 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .services-style-one .services-column .text {
    color: #b4bac4 !important;
}

html[data-bs-theme="dark"] .services-style-one .services-column .icon-box {
    color: #7eb8ff !important;
}

html[data-bs-theme="dark"] .services-style-one .content-column {
    background: #1e2329 !important;
}

html[data-bs-theme="dark"] .services-style-one .content-column .sec-title h2 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .services-style-one .content-column .sec-title h2 > span {
    border-bottom-color: #7eb8ff !important;
}

html[data-bs-theme="dark"] .services-style-one .content-column .text {
    color: #9aa3af !important;
}

/* Plain .content-column (e.g. index-30 ripples services rows) — .services-style-one .content-column stays more specific above */
html[data-bs-theme="dark"] .content-column {
    background-color: #22262c !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .content-column .text {
    color: #b4bac4 !important;
}

html[data-bs-theme="dark"] .content-column .spec-title h2,
html[data-bs-theme="dark"] .content-column .spec-title h2 a {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .content-column .spec-title h2 a:hover {
    color: #9dc4f5 !important;
}

html[data-bs-theme="dark"] .call-to-action {
    background-color: #22262c !important;
    color: #c8cdd5;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

html[data-bs-theme="dark"] .call-to-action h5,
html[data-bs-theme="dark"] .call-to-action .h5 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .call-to-action p {
    color: #b4bac4 !important;
}

html[data-bs-theme="dark"] .services-body-area {
    background-color: #22262c !important;
    color: #c8cdd5;
    border: 5px solid #1a1d21 !important;
}

html[data-bs-theme="dark"] .services-body-area .spec-title h2 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .services-body-area .spec-title p,
html[data-bs-theme="dark"] .services-body-area .font-serif {
    color: #9aa3af !important;
}

html[data-bs-theme="dark"] .services-body-area p {
    color: #b4bac4 !important;
}

html[data-bs-theme="dark"] .services-body-area blockquote {
    color: #b4bac4 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-bs-theme="dark"] .services-body-area strong a {
    color: #9dc4f5 !important;
}

html[data-bs-theme="dark"] .services-body-area strong a:hover {
    color: #c5dfff !important;
}

html[data-bs-theme="dark"] .events-box-spec {
    background-color: #22262c !important;
    color: #c8cdd5;
    border: 5px solid #1a1d21 !important;
}

html[data-bs-theme="dark"] .events-box-spec p,
html[data-bs-theme="dark"] .events-box-spec p a {
    color: #9aa3af !important;
}

html[data-bs-theme="dark"] .events-box-spec p a:hover {
    color: #9dc4f5 !important;
}

html[data-bs-theme="dark"] .events-box-spec h6,
html[data-bs-theme="dark"] .events-box-spec h6 a {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .events-box-spec h6 a:hover {
    color: #9dc4f5 !important;
}

html[data-bs-theme="dark"] .events-box-spec .col-md-12 > a {
    color: #b4bac4 !important;
}

html[data-bs-theme="dark"] .events-box-spec .col-md-12 > a:hover {
    color: #9dc4f5 !important;
}

html[data-bs-theme="dark"] .services-style-one .inner-box button:hover {
    background-color: #2a3038 !important;
    color: #9dc4f5 !important;
    border: 1px solid rgba(74, 144, 226, 0.5);
}

/* —— #service CTA footer band —— */
html[data-bs-theme="dark"] #service .service-footer {
    background: #252b33 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

html[data-bs-theme="dark"] #service .service-footer-left h3 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] #service .service-footer-left h3 > span {
    color: #9dc4f5 !important;
}

html[data-bs-theme="dark"] #service .service-footer-left p {
    color: #9aa3af !important;
}

html[data-bs-theme="dark"] #service .service-footer-right button:hover {
    background-color: #2a3038 !important;
    color: #9dc4f5 !important;
    border: 1px solid rgba(74, 144, 226, 0.45);
}

/* —— Team-style testimonials strip —— */
html[data-bs-theme="dark"] .testimonials-desc {
    background: #22262c !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .testimonials-desc:hover {
    border-bottom-color: #4a90e2 !important;
}

html[data-bs-theme="dark"] .testimonial-name {
    background: #2a3038 !important;
    color: #e8eaed !important;
}

html[data-bs-theme="dark"] .rounded-img {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html[data-bs-theme="dark"] .fontsizeteam {
    background: #2a3038 !important;
    color: #e0e4ea !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
}

html[data-bs-theme="dark"] a:hover .fontsizeteam,
html[data-bs-theme="dark"] a:focus .fontsizeteam {
    background: #3a4250 !important;
    color: #fff !important;
    border-color: rgba(74, 144, 226, 0.45);
}

/* —— App page header —— */
html[data-bs-theme="dark"] .app-page-header {
    background: #1a1d21 !important;
}

html[data-bs-theme="dark"] .header-each {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* —— Pricing tables —— */
html[data-bs-theme="dark"] .pricing-wrapper {
    background: #22262c !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .pricing-header,
html[data-bs-theme="dark"] .pricing-price,
html[data-bs-theme="dark"] .pricing-body {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-bs-theme="dark"] .pricing-wrapper .pricing-header h4,
html[data-bs-theme="dark"] .pricing-wrapper .pricing-price h5 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .pricing-features li {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    color: #b4bac4 !important;
}

html[data-bs-theme="dark"] .pricing-footer {
    border-top: 0;
}

/* —— Services (mirror pricing) —— */
html[data-bs-theme="dark"] .services-wrapper {
    background: #22262c !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .services-header,
html[data-bs-theme="dark"] .services-price,
html[data-bs-theme="dark"] .services-body {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-bs-theme="dark"] .services-wrapper .services-header h4,
html[data-bs-theme="dark"] .services-wrapper .services-price h5 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .services-features li {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    color: #b4bac4 !important;
}

html[data-bs-theme="dark"] .service-area-spec {
    background: #22262c !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .border-service-area {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html[data-bs-theme="dark"] .pricing-table-service {
    background: #22262c !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .img-border {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

/* —— Courses / testimonials carousel —— */
html[data-bs-theme="dark"] .course-details {
    background: #22262c !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .portfolio-courses {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-bs-theme="dark"] .shadow-effect {
    background: #22262c !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] #customers-testimonials .shadow-effect p {
    color: #e0e4ea !important;
}

html[data-bs-theme="dark"] .rounded-img-course {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html[data-bs-theme="dark"] .testimonial-name-2 {
    color: #9aa3af !important;
}

/* —— Architecture —— */
html[data-bs-theme="dark"] .arch-process {
    background: #252b33 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .arch-service-in h3 {
    color: #9aa3af !important;
}

html[data-bs-theme="dark"] .arch-service-spec {
    background: #22262c !important;
    border-right-color: rgba(255, 255, 255, 0.1) !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .arch-service-spec:hover {
    background: #2a3038 !important;
    border-right-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-bs-theme="dark"] .arch-slider-icon {
    color: #b4bac4 !important;
    background: #2a3038 !important;
}

/* —— Manual counter box —— */
html[data-bs-theme="dark"] .manual-counter {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: #22262c !important;
    color: #c8cdd5;
}

/* —— Resume: work timeline panel —— */
html[data-bs-theme="dark"] .work-content {
    background: #22262c !important;
    color: #c8cdd5;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

html[data-bs-theme="dark"] .work-content p,
html[data-bs-theme="dark"] .work-content li {
    color: #b4bac4;
}

html[data-bs-theme="dark"] .work-content h1,
html[data-bs-theme="dark"] .work-content h2,
html[data-bs-theme="dark"] .work-content h3,
html[data-bs-theme="dark"] .work-content h4,
html[data-bs-theme="dark"] .work-content h5,
html[data-bs-theme="dark"] .work-content h6 {
    color: #f0f2f4 !important;
}

/* —— Resume: education / skills panels (#education, .education-content) —— */
html[data-bs-theme="dark"] .education-content {
    background: #22262c !important;
    color: #c8cdd5;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

html[data-bs-theme="dark"] .education-content p,
html[data-bs-theme="dark"] .education-content li {
    color: #b4bac4;
}

html[data-bs-theme="dark"] .education-content h1,
html[data-bs-theme="dark"] .education-content h2,
html[data-bs-theme="dark"] .education-content h3,
html[data-bs-theme="dark"] .education-content h4,
html[data-bs-theme="dark"] .education-content h5,
html[data-bs-theme="dark"] .education-content h6 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .education-content .smaller {
    color: #9aa3af !important;
}

/* —— Job board: category list columns —— */
html[data-bs-theme="dark"] .job-board-list-pad {
    background: #22262c !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
}

html[data-bs-theme="dark"] .job-board-list-pad .heading-job-list,
html[data-bs-theme="dark"] .job-board-list-pad .heading-job-list strong {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .job-board-list-pad .job-list-spec a {
    color: #b4bac4 !important;
}

html[data-bs-theme="dark"] .job-board-list-pad .job-list-spec a:hover {
    color: #9dc4f5 !important;
}

html[data-bs-theme="dark"] .job-board-list-pad .hex {
    color: #7d8694 !important;
}

/* —— Open hours box —— */
html[data-bs-theme="dark"] .hours-box {
    background: #22262c !important;
    color: #e8eaed;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

html[data-bs-theme="dark"] .hours-box .title {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .hours-box .info {
    color: #c8cdd5 !important;
}

html[data-bs-theme="dark"] .hours-box .title .open {
    color: #9dc4f5 !important;
}

html[data-bs-theme="dark"] .hours-box .day,
html[data-bs-theme="dark"] .hours-box .hours {
    color: #9aa3af !important;
}

/* —— #team section —— */
html[data-bs-theme="dark"] #team {
    background: #1a1d21 !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] #team .member h4 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] #team .member span {
    color: #9aa3af !important;
}

html[data-bs-theme="dark"] #team .member .social a {
    color: #8a939e !important;
}

html[data-bs-theme="dark"] #team .member .social a:hover {
    color: #9dc4f5 !important;
}

/* —— #testimonials (GYM-style section) —— */
html[data-bs-theme="dark"] #testimonials {
    background: #1a1d21 !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] #testimonials .profile span {
    color: #c8cdd5 !important;
}

html[data-bs-theme="dark"] #testimonials .profile .pic {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html[data-bs-theme="dark"] #testimonials .quote {
    background: #22262c !important;
    color: #e0e4ea !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

html[data-bs-theme="dark"] #testimonials .quote b,
html[data-bs-theme="dark"] #testimonials .quote small {
    color: #9aa3af !important;
}

/* —— Timeline —— */
html[data-bs-theme="dark"] .timeline > ul > li .timeline-box {
    background: #22262c !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-bs-theme="dark"] .timeline > ul > li .timeline-box .timeline-content {
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .timeline > ul > li .timeline-box .timeline-content h6 {
    color: #f0f2f4 !important;
}

/* —— Charts / pie / legend —— */
html[data-bs-theme="dark"] .legend {
    background: #22262c !important;
    color: #c8cdd5 !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 2px 2px 0 rgba(0, 0, 0, 0.2) !important;
}

html[data-bs-theme="dark"] .legend li {
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .charts-border-around {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: #1a1d21;
}

html[data-bs-theme="dark"] .pie-chart .chart-title h5 {
    color: #e8eaed !important;
}

html[data-bs-theme="dark"] .pie-chart .chart-text h5 {
    color: #f0f2f4 !important;
}

/* —— TMS slides & Owl carousel dots —— */
html[data-bs-theme="dark"] .tms-slides blockquote {
    color: #e8eaed !important;
}

html[data-bs-theme="dark"] .tms-slides .tms-author {
    color: #9aa3af !important;
    opacity: 1;
}

html[data-bs-theme="dark"] .tms-content-2 {
    background: #22262c !important;
    color: #c8cdd5;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

html[data-bs-theme="dark"] .tms-content-2.text-black,
html[data-bs-theme="dark"] .tms-content-2 .text-black {
    color: #e8eaed !important;
}

html[data-bs-theme="dark"] .tms-content-2 p,
html[data-bs-theme="dark"] .tms-content-2 .lead {
    color: #b4bac4;
}

html[data-bs-theme="dark"] .tms-content-2 h1,
html[data-bs-theme="dark"] .tms-content-2 h2,
html[data-bs-theme="dark"] .tms-content-2 h3,
html[data-bs-theme="dark"] .tms-content-2 h4,
html[data-bs-theme="dark"] .tms-content-2 h5,
html[data-bs-theme="dark"] .tms-content-2 h6 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .rounded-img-2,
html[data-bs-theme="dark"] .rounded-img-3 {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html[data-bs-theme="dark"] .owl-carousel .owl-pagination .owl-page {
    background: rgba(255, 255, 255, 0.28) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35) !important;
}

html[data-bs-theme="dark"] .owl-carousel .owl-pagination .owl-page.active {
    background: rgba(255, 255, 255, 0.75) !important;
}

html[data-bs-theme="dark"] #customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot span {
    background: rgba(255, 255, 255, 0.25) !important;
}

html[data-bs-theme="dark"] #customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot.active span,
html[data-bs-theme="dark"] #customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: #4a90e2 !important;
}

/* —— Testimonials card (shortcodes) —— */
html[data-bs-theme="dark"] .testimonials-card {
    background: #22262c !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #b4bac4 !important;
    box-shadow: none;
}

html[data-bs-theme="dark"] .testimonials-card:hover {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
}

/* —— Spec pricing cards (shortcodes-pricing.html) —— */
html[data-bs-theme="dark"] .spec-pricing-card {
    background: #22262c !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45) !important;
}

html[data-bs-theme="dark"] .spec-pricing-card:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55) !important;
}

html[data-bs-theme="dark"] .spec-pricing-card--featured {
    border-color: rgba(74, 144, 226, 0.45) !important;
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.5) !important;
}

html[data-bs-theme="dark"] .spec-pricing-card--featured:hover {
    box-shadow: 0 24px 60px rgba(74, 144, 226, 0.22) !important;
}

html[data-bs-theme="dark"] .spec-pricing-card__head {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-bs-theme="dark"] .spec-pricing-card__eyebrow {
    color: #9aa3af !important;
}

html[data-bs-theme="dark"] .spec-pricing-card__title {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .spec-pricing-card__price {
    background: linear-gradient(180deg, #2a3038 0%, #22262c 100%) !important;
}

html[data-bs-theme="dark"] .spec-pricing-card__amount {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .spec-pricing-card__amount small {
    color: #9aa3af !important;
}

html[data-bs-theme="dark"] .spec-pricing-card__period {
    color: #7d8694 !important;
}

html[data-bs-theme="dark"] .spec-pricing-card__features li,
html[data-bs-theme="dark"] #pricing-table .spec-pricing-card__features li {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
    color: #c8cdd5 !important;
}

html[data-bs-theme="dark"] #pricing-table .spec-pricing-card__features li:first-child {
    border-top: none !important;
}

html[data-bs-theme="dark"] .spec-pricing-card__features .fa {
    color: #7eb8ff !important;
}

html[data-bs-theme="dark"] .spec-pricing-card__features strong {
    color: #f0f2f4;
}

html[data-bs-theme="dark"] .spec-pricing-card--soft {
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

html[data-bs-theme="dark"] .spec-pricing-card--inverse {
    background: rgba(22, 24, 28, 0.82) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;
}

html[data-bs-theme="dark"] .spec-pricing-card--inverse:hover {
    border-color: rgba(255, 255, 255, 0.28) !important;
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.6) !important;
}

html[data-bs-theme="dark"] .spec-pricing-card--inverse .spec-pricing-card__price {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%) !important;
}

html[data-bs-theme="dark"] .spec-pricing-card--inverse.spec-pricing-card--featured {
    border-color: rgba(126, 184, 255, 0.5) !important;
    box-shadow: 0 22px 58px rgba(0, 0, 0, 0.55) !important;
}

html[data-bs-theme="dark"] .spec-pricing-block .h4 {
    color: #f0f2f4 !important;
}

/* —— Box shadow shortcode utilities —— */
html[data-bs-theme="dark"] .shadow-effect-1 {
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.55) !important;
}

html[data-bs-theme="dark"] .shadow-effect-2:after,
html[data-bs-theme="dark"] .shadow-effect-2:before,
html[data-bs-theme="dark"] .shadow-effect-3:before,
html[data-bs-theme="dark"] .shadow-effect-4:after {
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.45) !important;
}

html[data-bs-theme="dark"] .shadow-effect-5 {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.6) !important;
}

/* —— Box shadow demo panels (shortcodes-boxshadows.html) —— */
html[data-bs-theme="dark"] .spec-box-3 {
    background: #22262c !important;
    color: #c8cdd5;
}

html[data-bs-theme="dark"] .spec-box-3 .spec-title h2 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .spec-box-3 p {
    color: #b4bac4 !important;
}

html[data-bs-theme="dark"] .spec-box-2 {
    background: #1e2329 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    border-left-color: #4a90e2 !important;
}

html[data-bs-theme="dark"] .spec-box-1 {
    border-color: rgba(255, 255, 255, 0.1) !important;
    border-top-color: #4a90e2 !important;
}

html[data-bs-theme="dark"] blockquote.hero {
    background: #22262c !important;
    border-left-color: #4a90e2 !important;
    color: #c8cdd5 !important;
}

html[data-bs-theme="dark"] blockquote.hero p,
html[data-bs-theme="dark"] blockquote.hero em {
    color: #b4bac4 !important;
}

html[data-bs-theme="dark"] blockquote.hero small,
html[data-bs-theme="dark"] blockquote.hero small em {
    color: #9aa3af !important;
}

html[data-bs-theme="dark"] blockquote.text-right,
html[data-bs-theme="dark"] blockquote.hero.text-right {
    border-right-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-bs-theme="dark"] blockquote.hero.text-end {
    border-left: none !important;
    border-right: 2px solid #4a90e2 !important;
}

/* —— Pagination (Spec .page-link overrides) —— */
html[data-bs-theme="dark"] .page-link {
    color: #e0e4ea !important;
    background-color: #22262c !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html[data-bs-theme="dark"] .page-link:hover {
    color: #fff !important;
    background-color: #2a3038 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

html[data-bs-theme="dark"] .page-link:focus {
    background-color: #2a3038 !important;
    color: #9dc4f5 !important;
}

html[data-bs-theme="dark"] .page-item.disabled .page-link {
    color: #6c757d !important;
    background-color: #1a1d21 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-bs-theme="dark"] .page-item.active .page-link {
    color: #fff !important;
}

/* —— Flexslider (base theme + Spec hero typography) —— */
html[data-bs-theme="dark"] .flexslider {
    background: #1e2329 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.45) !important;
}

html[data-bs-theme="dark"] .flexslider h1,
html[data-bs-theme="dark"] .flexslider h2,
html[data-bs-theme="dark"] .flexslider h3,
html[data-bs-theme="dark"] .flexslider h4,
html[data-bs-theme="dark"] .flexslider h5,
html[data-bs-theme="dark"] .flexslider h6 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .flexslider p {
    color: #b4bac4 !important;
}

html[data-bs-theme="dark"] .dark-nav .flex-direction-nav a:before {
    color: #e8eaed !important;
}

html[data-bs-theme="dark"] .flexslider .flex-control-paging li a {
    background: rgba(255, 255, 255, 0.28) !important;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.35) !important;
}

html[data-bs-theme="dark"] .flexslider .flex-control-paging li a:hover {
    background: rgba(255, 255, 255, 0.45) !important;
}

html[data-bs-theme="dark"] .flexslider .flex-control-paging li a.flex-active {
    background: #4a90e2 !important;
}

html[data-bs-theme="dark"] .flexslider .flex-pauseplay a {
    color: #e8eaed !important;
}

/* —— Industry demo homepages (industry-demos.css) —— */
html[data-bs-theme="dark"] .industry-demo .industry-stat-card {
    background: rgba(22, 24, 28, 0.85) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45) !important;
}

html[data-bs-theme="dark"] .industry-demo .industry-stat-card .industry-stat-num {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .industry-demo .industry-stat-card .industry-stat-label {
    color: #b4bac4 !important;
}

html[data-bs-theme="dark"] .industry-demo .industry-cta-band {
    background: linear-gradient(135deg, rgba(22, 24, 28, 0.95) 0%, rgba(18, 20, 24, 0.98) 100%) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
}

html[data-bs-theme="dark"] .industry-demo .industry-cta-band h2,
html[data-bs-theme="dark"] .industry-demo .industry-cta-band h3,
html[data-bs-theme="dark"] .industry-demo .industry-cta-band h4 {
    color: #f0f2f4 !important;
}

html[data-bs-theme="dark"] .industry-demo .industry-cta-band p {
    color: #b4bac4 !important;
}

html[data-bs-theme="dark"] .industry-demo .industry-hero-badge {
    background: rgba(22, 24, 28, 0.75) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #e8eaed !important;
}