/* Site wide dark / light theme mode. The light theme is the original stylesheet. */
html.dark-mode-site,
html.dark-mode-site body,
body.dark-mode-site {
    background: #0f172a !important;
    color: #dbe4f0 !important;
}

html.dark-mode-site body::before,
html.dark-mode-site body::after,
body.dark-mode-site::before,
body.dark-mode-site::after {
    background: #0f172a !important;
}

html.dark-mode-site a,
body.dark-mode-site a {
    color: #8ab4ff;
}

html.dark-mode-site a:hover,
body.dark-mode-site a:hover {
    color: #b6d1ff;
}

html.dark-mode-site .top-nav,
html.dark-mode-site .header,
html.dark-mode-site .navbar-main,
html.dark-mode-site .navbar,
html.dark-mode-site .footer,
html.dark-mode-site main,
html.dark-mode-site .container,
html.dark-mode-site .article-main-content,
html.dark-mode-site .article-main-content .col-inner,
html.dark-mode-site .content,
html.dark-mode-site .content-inner,
html.dark-mode-site .main-content,
html.dark-mode-site .page-content,
body.dark-mode-site .top-nav,
body.dark-mode-site .header,
body.dark-mode-site .navbar-main,
body.dark-mode-site .navbar,
body.dark-mode-site .footer,
body.dark-mode-site main,
body.dark-mode-site .container,
body.dark-mode-site .article-main-content,
body.dark-mode-site .article-main-content .col-inner,
body.dark-mode-site .content,
body.dark-mode-site .content-inner,
body.dark-mode-site .main-content,
body.dark-mode-site .page-content {
    background-color: #0f172a !important;
    color: #dbe4f0 !important;
}

html.dark-mode-site .card,
html.dark-mode-site .card-body,
html.dark-mode-site .card-header,
html.dark-mode-site .list-group-item,
html.dark-mode-site .dropdown-menu,
html.dark-mode-site .menu-search,
html.dark-mode-site .modal-content,
html.dark-mode-site .modal-header,
html.dark-mode-site .modal-body,
html.dark-mode-site .modal-footer,
html.dark-mode-site .comment,
html.dark-mode-site .comment-item,
html.dark-mode-site .sidebar,
html.dark-mode-site .sidebar .widget,
html.dark-mode-site .widget,
html.dark-mode-site .col-inner,
html.dark-mode-site .article-content,
html.dark-mode-site .article-body,
html.dark-mode-site .article-summary,
html.dark-mode-site .related-posts,
html.dark-mode-site .newsletter-box,
html.dark-mode-site .member-menu,
html.dark-mode-site .auth-content,
body.dark-mode-site .card,
body.dark-mode-site .card-body,
body.dark-mode-site .card-header,
body.dark-mode-site .list-group-item,
body.dark-mode-site .dropdown-menu,
body.dark-mode-site .menu-search,
body.dark-mode-site .modal-content,
body.dark-mode-site .modal-header,
body.dark-mode-site .modal-body,
body.dark-mode-site .modal-footer,
body.dark-mode-site .comment,
body.dark-mode-site .comment-item,
body.dark-mode-site .sidebar,
body.dark-mode-site .sidebar .widget,
body.dark-mode-site .widget,
body.dark-mode-site .col-inner,
body.dark-mode-site .article-content,
body.dark-mode-site .article-body,
body.dark-mode-site .article-summary,
body.dark-mode-site .related-posts,
body.dark-mode-site .newsletter-box,
body.dark-mode-site .member-menu,
body.dark-mode-site .auth-content {
    background-color: #111827 !important;
    color: #dbe4f0 !important;
    border-color: #253044 !important;
}

html.dark-mode-site .article-title,
html.dark-mode-site h1,
html.dark-mode-site h2,
html.dark-mode-site h3,
html.dark-mode-site h4,
html.dark-mode-site h5,
html.dark-mode-site h6,
html.dark-mode-site p,
html.dark-mode-site li,
html.dark-mode-site span,
html.dark-mode-site label,
html.dark-mode-site .text-muted,
html.dark-mode-site .meta,
html.dark-mode-site .article-meta,
html.dark-mode-site .post-meta,
body.dark-mode-site .article-title,
body.dark-mode-site h1,
body.dark-mode-site h2,
body.dark-mode-site h3,
body.dark-mode-site h4,
body.dark-mode-site h5,
body.dark-mode-site h6,
body.dark-mode-site p,
body.dark-mode-site li,
body.dark-mode-site span,
body.dark-mode-site label,
body.dark-mode-site .text-muted,
body.dark-mode-site .meta,
body.dark-mode-site .article-meta,
body.dark-mode-site .post-meta {
    color: #dbe4f0 !important;
}

html.dark-mode-site .text-muted,
body.dark-mode-site .text-muted {
    color: #9ca3af !important;
}

html.dark-mode-site .navbar-light .navbar-nav .nav-link,
html.dark-mode-site .navbar-light .navbar-brand,
html.dark-mode-site .top-nav a,
html.dark-mode-site .footer a,
body.dark-mode-site .navbar-light .navbar-nav .nav-link,
body.dark-mode-site .navbar-light .navbar-brand,
body.dark-mode-site .top-nav a,
body.dark-mode-site .footer a {
    color: #e5edf7 !important;
}

html.dark-mode-site .navbar-toggler,
body.dark-mode-site .navbar-toggler {
    border-color: #3b475c !important;
}

html.dark-mode-site .form-control,
html.dark-mode-site .custom-select,
html.dark-mode-site select,
html.dark-mode-site textarea,
html.dark-mode-site input,
html.dark-mode-site .select2-container--default .select2-selection--single,
html.dark-mode-site .select2-container--default .select2-selection--multiple,
body.dark-mode-site .form-control,
body.dark-mode-site .custom-select,
body.dark-mode-site select,
body.dark-mode-site textarea,
body.dark-mode-site input,
body.dark-mode-site .select2-container--default .select2-selection--single,
body.dark-mode-site .select2-container--default .select2-selection--multiple {
    background-color: #0b1220 !important;
    color: #e5edf7 !important;
    border-color: #334155 !important;
}

html.dark-mode-site .form-control::placeholder,
body.dark-mode-site .form-control::placeholder {
    color: #94a3b8 !important;
}

html.dark-mode-site .select2-dropdown,
html.dark-mode-site .select2-results__option,
body.dark-mode-site .select2-dropdown,
body.dark-mode-site .select2-results__option {
    background-color: #111827 !important;
    color: #e5edf7 !important;
    border-color: #334155 !important;
}

html.dark-mode-site .select2-results__option--highlighted,
body.dark-mode-site .select2-results__option--highlighted {
    background-color: #2563eb !important;
    color: #ffffff !important;
}

html.dark-mode-site .table,
html.dark-mode-site .table th,
html.dark-mode-site .table td,
body.dark-mode-site .table,
body.dark-mode-site .table th,
body.dark-mode-site .table td {
    color: #dbe4f0 !important;
    border-color: #253044 !important;
}

html.dark-mode-site .table-striped tbody tr:nth-of-type(odd),
body.dark-mode-site .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.035) !important;
}

html.dark-mode-site .table-hover tbody tr:hover,
body.dark-mode-site .table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark-mode-site .thead-light th,
body.dark-mode-site .thead-light th {
    background-color: #1f2937 !important;
    color: #e5edf7 !important;
    border-color: #334155 !important;
}

html.dark-mode-site .btn-light,
body.dark-mode-site .btn-light {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
    color: #e5edf7 !important;
}

html.dark-mode-site .btn-light:hover,
html.dark-mode-site .btn-light.active,
body.dark-mode-site .btn-light:hover,
body.dark-mode-site .btn-light.active {
    background-color: #374151 !important;
    border-color: #4b5563 !important;
    color: #ffffff !important;
}

html.dark-mode-site .theme-mode-toggle,
body.dark-mode-site .theme-mode-toggle {
    background: transparent !important;
    border: 0 !important;
    cursor: pointer;
}

html.dark-mode-site img,
body.dark-mode-site img {
    border-color: #253044 !important;
}

html.dark-mode-site hr,
html.dark-mode-site .separator,
body.dark-mode-site hr,
body.dark-mode-site .separator {
    border-color: #253044 !important;
    background-color: #253044 !important;
}

html.dark-mode-site blockquote,
body.dark-mode-site blockquote {
    background-color: #111827 !important;
    border-left-color: #334155 !important;
    color: #dbe4f0 !important;
}

html.dark-mode-site .article-main-image-bg,
body.dark-mode-site .article-main-image-bg {
    background-color: #0b1220 !important;
}

html.dark-mode-site [style*="background:#fff"],
html.dark-mode-site [style*="background: #fff"],
html.dark-mode-site [style*="background-color:#fff"],
html.dark-mode-site [style*="background-color: #fff"],
html.dark-mode-site [style*="background:white"],
html.dark-mode-site [style*="background: white"],
html.dark-mode-site [style*="background-color:white"],
html.dark-mode-site [style*="background-color: white"],
body.dark-mode-site [style*="background:#fff"],
body.dark-mode-site [style*="background: #fff"],
body.dark-mode-site [style*="background-color:#fff"],
body.dark-mode-site [style*="background-color: #fff"],
body.dark-mode-site [style*="background:white"],
body.dark-mode-site [style*="background: white"],
body.dark-mode-site [style*="background-color:white"],
body.dark-mode-site [style*="background-color: white"] {
    background: #111827 !important;
    background-color: #111827 !important;
    color: #dbe4f0 !important;
}

/* Final clean theme button and dark-mode polish. */
.theme-mode-toggle:not(.pf-top-action-mode),
.theme-mode-toggle.nav-link,
.navbar .theme-mode-toggle,
.navbar .theme-mode-toggle.nav-link,
html.dark-mode-site .theme-mode-toggle:not(.pf-top-action-mode),
html.dark-mode-site .theme-mode-toggle.nav-link,
body.dark-mode-site .theme-mode-toggle:not(.pf-top-action-mode),
body.dark-mode-site .theme-mode-toggle.nav-link {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: .5rem .55rem !important;
    margin: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 1 !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.theme-mode-toggle:not(.pf-top-action-mode)::before,
.theme-mode-toggle:not(.pf-top-action-mode)::after,
.theme-mode-toggle.nav-link::before,
.theme-mode-toggle.nav-link::after {
    display: none !important;
    content: none !important;
}

.theme-mode-toggle:not(.pf-top-action-mode) i,
.theme-mode-toggle.nav-link i {
    pointer-events: none !important;
    font-size: 1rem !important;
    line-height: 1 !important;
}

.theme-mode-toggle:hover,
.theme-mode-toggle:focus,
.theme-mode-toggle:active,
.theme-mode-toggle.nav-link:hover,
.theme-mode-toggle.nav-link:focus,
.theme-mode-toggle.nav-link:active,
html.dark-mode-site .theme-mode-toggle:hover,
html.dark-mode-site .theme-mode-toggle:focus,
html.dark-mode-site .theme-mode-toggle:active,
body.dark-mode-site .theme-mode-toggle:hover,
body.dark-mode-site .theme-mode-toggle:focus,
body.dark-mode-site .theme-mode-toggle:active {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
}

html.dark-mode-site .theme-mode-toggle,
body.dark-mode-site .theme-mode-toggle {
    color: #facc15 !important;
}

html:not(.dark-mode-site) .theme-mode-toggle,
body:not(.dark-mode-site) .theme-mode-toggle {
    color: inherit !important;
}

html.dark-mode-site .article-show,
html.dark-mode-site body.article-show,
html.dark-mode-site body.article-show main,
html.dark-mode-site body.article-show .article-main-content,
html.dark-mode-site body.article-show .article-main-content > .row,
html.dark-mode-site body.article-show .article-main-content [class*="col-"] {
    background-color: #0f172a !important;
}

html.dark-mode-site body.article-show .article-main-content .col-inner,
html.dark-mode-site body.article-show .article-content,
html.dark-mode-site body.article-show .article-newsletter,
html.dark-mode-site body.article-show .article-comments,
html.dark-mode-site body.article-show .article-related,
html.dark-mode-site body.article-show .sticky-element .col-inner {
    background-color: #111827 !important;
    border-color: #253044 !important;
    color: #dbe4f0 !important;
}

html.dark-mode-site body.article-show .article-content *,
html.dark-mode-site body.article-show .article-comments *,
html.dark-mode-site body.article-show .article-newsletter * {
    color: inherit;
}

html.dark-mode-site body.article-show .article-content [style*="background"],
html.dark-mode-site body.article-show .article-content [style*="background-color"],
html.dark-mode-site body.article-show .article-comments [style*="background"],
html.dark-mode-site body.article-show .article-newsletter [style*="background"] {
    background-color: transparent !important;
}

/* 2026 clean dark mode pass: mobile nav, listings, article, author and category pages */
html.dark-mode-site,
body.dark-mode-site {
    --pf-dark-bg: #0b1120;
    --pf-dark-surface: #111827;
    --pf-dark-surface-2: #151f32;
    --pf-dark-border: #263449;
    --pf-dark-text: #e5edf7;
    --pf-dark-muted: #9fb0c7;
    --pf-dark-link: #93c5fd;
    --pf-dark-accent: #60a5fa;
}

html.dark-mode-site .navbar-main,
body.dark-mode-site .navbar-main,
html.dark-mode-site .navbar-main .container,
body.dark-mode-site .navbar-main .container {
    background: #111827 !important;
    border-color: var(--pf-dark-border) !important;
}

html.dark-mode-site .navbar-light .navbar-toggler,
body.dark-mode-site .navbar-light .navbar-toggler {
    background: #1f2937 !important;
    border: 1px solid #334155 !important;
    color: #f8fafc !important;
    box-shadow: none !important;
}

html.dark-mode-site .navbar-light .navbar-toggler-icon,
body.dark-mode-site .navbar-light .navbar-toggler-icon {
    background-image: none !important;
    position: relative;
    width: 1.35rem;
    height: 1.35rem;
}

html.dark-mode-site .navbar-light .navbar-toggler-icon::before,
body.dark-mode-site .navbar-light .navbar-toggler-icon::before {
    content: "\f0c9";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #f8fafc;
    font-size: 1.15rem;
    line-height: 1.35rem;
    display: block;
    text-align: center;
}

html.dark-mode-site .navbar-collapse,
body.dark-mode-site .navbar-collapse {
    background: #111827 !important;
    border-color: var(--pf-dark-border) !important;
}

html.dark-mode-site .navbar-main .dropdown-menu,
body.dark-mode-site .navbar-main .dropdown-menu,
html.dark-mode-site .pf-account-dropdown,
body.dark-mode-site .pf-account-dropdown {
    background: #111827 !important;
    border: 1px solid var(--pf-dark-border) !important;
    box-shadow: 0 20px 45px rgba(0,0,0,.35) !important;
}

html.dark-mode-site .dropdown-item,
body.dark-mode-site .dropdown-item,
html.dark-mode-site .dropdown-menu a,
body.dark-mode-site .dropdown-menu a {
    color: var(--pf-dark-text) !important;
}

html.dark-mode-site .dropdown-item:hover,
html.dark-mode-site .dropdown-item:focus,
body.dark-mode-site .dropdown-item:hover,
body.dark-mode-site .dropdown-item:focus,
html.dark-mode-site .dropdown-menu a:hover,
body.dark-mode-site .dropdown-menu a:hover {
    background: #1f2937 !important;
    color: #ffffff !important;
}

html.dark-mode-site .block-header,
body.dark-mode-site .block-header,
html.dark-mode-site .block-title,
body.dark-mode-site .block-title {
    border-color: var(--pf-dark-border) !important;
    color: var(--pf-dark-text) !important;
}

html.dark-mode-site .block-item,
body.dark-mode-site .block-item,
html.dark-mode-site .pf-flat-card,
body.dark-mode-site .pf-flat-card {
    background: var(--pf-dark-surface) !important;
    border-color: var(--pf-dark-border) !important;
    color: var(--pf-dark-text) !important;
}

html.dark-mode-site .block-item-title a,
body.dark-mode-site .block-item-title a,
html.dark-mode-site .pf-flat-list-title a,
body.dark-mode-site .pf-flat-list-title a {
    color: var(--pf-dark-text) !important;
}

html.dark-mode-site .block-item-content,
html.dark-mode-site .block-item-meta,
body.dark-mode-site .block-item-content,
body.dark-mode-site .block-item-meta,
html.dark-mode-site .pf-muted,
body.dark-mode-site .pf-muted {
    color: var(--pf-dark-muted) !important;
}

html.dark-mode-site .article-main-image-bg,
body.dark-mode-site .article-main-image-bg {
    background: linear-gradient(135deg, #111827, #0b1120) !important;
}

html.dark-mode-site .article-title,
body.dark-mode-site .article-title,
html.dark-mode-site .pf-page-hero-title,
body.dark-mode-site .pf-page-hero-title,
html.dark-mode-site .pf-author-name,
body.dark-mode-site .pf-author-name {
    color: #f8fafc !important;
}

html.dark-mode-site .article-content,
body.dark-mode-site .article-content,
html.dark-mode-site .article-content p,
body.dark-mode-site .article-content p {
    color: #dbeafe !important;
}

html.dark-mode-site .article-tags a,
body.dark-mode-site .article-tags a,
html.dark-mode-site .badge-secondary,
body.dark-mode-site .badge-secondary {
    background: #1f2937 !important;
    color: #dbeafe !important;
    border-color: var(--pf-dark-border) !important;
}

html.dark-mode-site .pf-page-hero,
body.dark-mode-site .pf-page-hero,
html.dark-mode-site .pf-author-hero,
body.dark-mode-site .pf-author-hero,
html.dark-mode-site .pf-category-hero,
body.dark-mode-site .pf-category-hero {
    background: linear-gradient(135deg, #111827 0%, #172033 100%) !important;
    border-color: var(--pf-dark-border) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.28) !important;
}

html.dark-mode-site .pf-author-social a,
body.dark-mode-site .pf-author-social a,
html.dark-mode-site .pf-stat-card,
body.dark-mode-site .pf-stat-card {
    background: #0f172a !important;
    border-color: var(--pf-dark-border) !important;
    color: var(--pf-dark-text) !important;
}

html.dark-mode-site .pf-author-social a:hover,
body.dark-mode-site .pf-author-social a:hover {
    color: #ffffff !important;
    border-color: var(--pf-dark-accent) !important;
}

html.dark-mode-site .pagination .page-link,
body.dark-mode-site .pagination .page-link {
    background: #111827 !important;
    color: var(--pf-dark-text) !important;
    border-color: var(--pf-dark-border) !important;
}

html.dark-mode-site .pagination .page-item.active .page-link,
body.dark-mode-site .pagination .page-item.active .page-link,
html.dark-mode-site .pagination .page-link:hover,
body.dark-mode-site .pagination .page-link:hover {
    background: #2563eb !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}

@media (max-width: 991.98px) {
    html.dark-mode-site .navbar-main .navbar-collapse,
    body.dark-mode-site .navbar-main .navbar-collapse {
        margin-top: .65rem;
        padding: .75rem;
        border: 1px solid var(--pf-dark-border) !important;
        border-radius: 18px;
    }
    html.dark-mode-site .navbar-main .nav-link,
    body.dark-mode-site .navbar-main .nav-link {
        border-radius: 12px;
        padding: .7rem .85rem !important;
    }
    html.dark-mode-site .navbar-main .nav-link:hover,
    body.dark-mode-site .navbar-main .nav-link:hover {
        background: #1f2937 !important;
    }
}