/* ProgFX theme tokens. Light uses the original values in core/main.css. */
html[data-theme="dark"] {
  color-scheme: dark;
  --pfx-bg: #0b101b;
  --pfx-surface: #141c2b;
  --pfx-surface-alt: #192336;
  --pfx-border: #2c3a51;
  --pfx-text: #e5ebf5;
  --pfx-muted: #acb9ce;
  --pfx-link: #82b6ff;
  --pfx-accent: #327ce5;
}

/* Existing switch dimensions are preserved in Light. */
#theme-toggle {
  width:66px;height:32px;border:1px solid #33496f;border-radius:999px;
  background:#0e1930;color:#dbe7ff;display:inline-flex;align-items:center;
  justify-content:space-between;padding:3px;cursor:pointer;vertical-align:middle;
  margin:0 8px;position:relative;box-sizing:border-box;z-index:20;
}
#theme-toggle .theme-icon {width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;line-height:1;z-index:2}
#theme-toggle .theme-knob {position:absolute;top:3px;right:3px;width:24px;height:24px;border-radius:50%;background:#2879ff;box-shadow:0 3px 10px rgba(40,121,255,.38);transition:right .2s ease}
html[data-theme="light"] #theme-toggle .theme-knob {right:35px;background:#f3f6fb;box-shadow:0 2px 7px rgba(0,0,0,.12)}
#theme-toggle .sun {color:#ffd15a}
.theme-icon.moon {color:#b8c8ff}
#theme-toggle .theme-label {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#theme-toggle:focus-visible {outline:2px solid #82b6ff;outline-offset:3px}
@media(max-width:991px) {
  #theme-toggle {width:62px;height:30px;margin:0 5px}
  #theme-toggle .theme-icon,#theme-toggle .theme-knob {width:22px;height:22px}
  html[data-theme="light"] #theme-toggle .theme-knob {right:35px}
}
@media(max-width:575px) {
  #theme-toggle {position:absolute;left:46px;top:10px;margin:0;width:44px}
  #theme-toggle .theme-icon,#theme-toggle .theme-knob {width:18px;height:18px;font-size:12px}
  #theme-toggle .theme-knob {top:5px}
  html[data-theme="light"] #theme-toggle .theme-knob {right:23px}
  header #top_menu.user_login {position:absolute;left:12px;right:auto;top:8px;float:none;margin:0!important}
  header #top_menu.user_login li a {padding:0;min-width:0;width:30px;height:32px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}
  header #top_menu.user_login li a span {display:none}
  header #top_menu.user_login li i {margin-left:0}
  header #top_menu:not(.user_login) {position:absolute;left:12px;right:auto;top:8px;float:none;margin:0!important}
  header #top_menu:not(.user_login) li:not(.LoginLi) {display:none}
  header #top_menu .LoginLi {margin:0}
  header #top_menu .LoginLi a {width:30px;height:32px;align-items:center;justify-content:center}
  header #top_menu .LoginLi i {margin-left:0}
}
@media(prefers-reduced-motion:reduce) {#theme-toggle .theme-knob {transition:none}}

/* Canvas and fixed header, including the sticky variant. */
html[data-theme="dark"] body,
html[data-theme="dark"] #page,
html[data-theme="dark"] main {background-color:var(--pfx-bg);color:var(--pfx-text)}
html[data-theme="dark"] header.header,
html[data-theme="dark"] header.header.sticky,
html[data-theme="dark"] header.header_in {background:#0e1624;border-bottom-color:var(--pfx-border)}
html[data-theme="dark"] header.header.sticky .logo_normal {display:inline-block}
html[data-theme="dark"] header.header.sticky .logo_sticky {display:none}
html[data-theme="dark"] header.header_in .logo_normal {display:inline-block}
html[data-theme="dark"] header.header_in .logo_sticky {display:none}
html[data-theme="dark"] header .main-menu > ul > li span,
html[data-theme="dark"] header .main-menu > ul > li span > a,
html[data-theme="dark"] header ul#top_menu li a {color:var(--pfx-text)}
html[data-theme="dark"] .main-menu ul ul {background:var(--pfx-surface);border-color:var(--pfx-border)}
html[data-theme="dark"] .main-menu ul ul:before {border-bottom-color:var(--pfx-surface)}
html[data-theme="dark"] header.sticky .hamburger-inner,
html[data-theme="dark"] header.sticky .hamburger-inner:before,
html[data-theme="dark"] header.sticky .hamburger-inner:after {background:var(--pfx-text)}

/* Keep the original hero texture and geometry with a quieter navy palette. */
html[data-theme="dark"] .hero_single.version_4 {background-color:#15243d}
html[data-theme="dark"] .hero_single.version_4 .wrapper {background:linear-gradient(180deg,rgba(7,13,24,.65),rgba(15,27,47,.25))}
html[data-theme="dark"] .top_search_box,
html[data-theme="dark"] .sub_header_in {background:#172741;color:var(--pfx-text)}
html[data-theme="dark"] .breadcrumb_box,
html[data-theme="dark"] .breadcrumb {background:var(--pfx-surface-alt);color:var(--pfx-muted)}
html[data-theme="dark"] .breadcrumb-item.active,
html[data-theme="dark"] .breadcrumb-item + .breadcrumb-item:before {color:var(--pfx-muted)}
html[data-theme="dark"] .top_search_box .btn-secondary,
html[data-theme="dark"] #filters_col .btn-secondary {background:var(--pfx-surface-alt);color:var(--pfx-text);border-color:var(--pfx-border)}
html[data-theme="dark"] #filters_col .btn-secondary.active {background:#2466c4;color:#fff}
html[data-theme="dark"] .custom-search-input-2,
html[data-theme="dark"] .custom-search-input-2 i {background-color:var(--pfx-surface);color:var(--pfx-muted)}
html[data-theme="dark"] .custom-search-input-2 .nice-select .current {color:var(--pfx-text)}
html[data-theme="dark"] .hero_single.version_4 .wrapper input[type="submit"],
html[data-theme="dark"] .custom-search-input-2 input[type="submit"],
html[data-theme="dark"] .btn_1,
html[data-theme="dark"] .btn_add,
html[data-theme="dark"] .btn-primary {background-color:#2466c4;color:#fff}
html[data-theme="dark"] .hero_single.version_4 .wrapper input[type="submit"]:hover,
html[data-theme="dark"] .custom-search-input-2 input[type="submit"]:hover,
html[data-theme="dark"] .btn_1:hover,
html[data-theme="dark"] .btn_add:hover {background-color:#327ce5;color:#fff}
html[data-theme="dark"] .btn_add.btn-vip {background-color:#af2946}

/* Bootstrap inputs and utilities also appear inside dynamically opened forms. */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .nice-select,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {background-color:#101827;color:var(--pfx-text);border-color:var(--pfx-border)}
html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] textarea::placeholder {color:var(--pfx-muted);opacity:1}
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .nice-select:focus {border-color:#82b6ff;box-shadow:0 0 0 .2rem rgba(50,124,229,.22)}
html[data-theme="dark"] .form-control:disabled,
html[data-theme="dark"] .form-control[readonly] {background-color:var(--pfx-surface-alt);color:var(--pfx-muted)}
html[data-theme="dark"] .nice-select .list {background:var(--pfx-surface);border-color:var(--pfx-border)}
html[data-theme="dark"] .nice-select .option:hover,
html[data-theme="dark"] .nice-select .option.focus,
html[data-theme="dark"] .nice-select .option.selected.focus {background:var(--pfx-surface-alt);color:var(--pfx-text)}
html[data-theme="dark"] input {accent-color:var(--pfx-accent)}
html[data-theme="dark"] .form-floating > label {color:var(--pfx-muted)}
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light {background-color:var(--pfx-surface)!important}
html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-body {color:var(--pfx-text)!important}
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .text-secondary {color:var(--pfx-muted)!important}
html[data-theme="dark"] .text-primary {color:var(--pfx-link)!important}
html[data-theme="dark"] .border {border-color:var(--pfx-border)!important}

/* Content surfaces: category/result cards, articles, product details. */
html[data-theme="dark"] .bg_color_1 {background:var(--pfx-surface)}
html[data-theme="dark"] .all_cat_item {background:var(--pfx-surface)}
html[data-theme="dark"] .other-items a {background:var(--pfx-surface-alt);color:var(--pfx-text)}
html[data-theme="dark"] .all_cat_item .main_title_3 a {color:var(--pfx-link)}
html[data-theme="dark"] .BlogPost {background:var(--pfx-surface)}
html[data-theme="dark"] .rating {background:var(--pfx-surface);color:var(--pfx-text)}
html[data-theme="dark"] .PostMeta a {color:var(--pfx-link)}
html[data-theme="dark"] .strip .acrion-file .icon_download {color:#ff7c92}
html[data-theme="dark"] .strip .wrapper a h3 {color:var(--pfx-text)}
html[data-theme="dark"] .card,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .accordion-button,
html[data-theme="dark"] .accordion-item {background:var(--pfx-surface);color:var(--pfx-text);border-color:var(--pfx-border)}
html[data-theme="dark"] .box_grid h3 a,
html[data-theme="dark"] .strip .wrapper h3 a,
html[data-theme="dark"] .BlogPost-title h2 a {color:var(--pfx-text)}
html[data-theme="dark"] .box_grid h3 a:hover,
html[data-theme="dark"] .BlogPost-title h2 a:hover {color:var(--pfx-link)}
html[data-theme="dark"] .NewCheckSelect li label {background:var(--pfx-surface-alt);border-color:var(--pfx-border);color:var(--pfx-text)}
html[data-theme="dark"] .NewCheckSelect li label.checked {background:#2466c4;color:#fff!important}
html[data-theme="dark"] .all_cat_item .nav-link {color:var(--pfx-muted)}
html[data-theme="dark"] .all_cat_item .nav-link.active,
html[data-theme="dark"] .all_cat_item .nav-link:hover {color:var(--pfx-link)}
html[data-theme="dark"] .all_cat_item .nav-link span {background:var(--pfx-surface-alt);color:var(--pfx-text);border-color:var(--pfx-border)}
html[data-theme="dark"] .all_cat_item .nav-link.active span {background:#2466c4;color:#fff}
html[data-theme="dark"] .box-fa blockquote,
html[data-theme="dark"] .blog-content blockquote {background:var(--pfx-surface-alt);color:var(--pfx-text)}
html[data-theme="dark"] .box_detail.music_include {background-color:#234561;color:#fff}
html[data-theme="dark"] .download_demo,
html[data-theme="dark"] .download_demo_border {background-color:#0b101b;border-color:var(--pfx-border)}

/* Pricing and the guest sign-in panel selected from a plan. */
html[data-theme="dark"] .box_price {background:var(--pfx-surface);color:var(--pfx-text)}
html[data-theme="dark"] .popular .box_price {background:#1a2435;border-color:#dca06d;box-shadow:0 0 10px 4px rgba(220,160,109,.14)}
html[data-theme="dark"] .box_price p:nth-of-type(2n + 1) {background:var(--pfx-surface-alt)}
html[data-theme="dark"] .popular .box_price h2,
html[data-theme="dark"] .plan_price {color:var(--pfx-text)}
html[data-theme="dark"] .per_month_price,
html[data-theme="dark"] .old_price {color:var(--pfx-muted)}
html[data-theme="dark"] .box_account .form_container,
html[data-theme="dark"] .select_price,
html[data-theme="dark"] #sign-in-dialog,
html[data-theme="dark"] .custom-popup {background:var(--pfx-surface);color:var(--pfx-text)}
html[data-theme="dark"] .small-dialog-header,
html[data-theme="dark"] .divider span {background:var(--pfx-surface);color:var(--pfx-text)}
html[data-theme="dark"] .social_bt.google {background-color:var(--pfx-surface-alt);color:var(--pfx-text);border-color:var(--pfx-border)}
html[data-theme="dark"] #sign-in-dialog .mfp-close,
html[data-theme="dark"] .custom-popup .mfp-close {background:var(--pfx-surface-alt);color:var(--pfx-text)}
html[data-theme="dark"] .jconfirm .jconfirm-box {background:var(--pfx-surface);color:var(--pfx-text)}
html[data-theme="dark"] .jconfirm .jconfirm-box div.jconfirm-content,
html[data-theme="dark"] .jconfirm .jconfirm-box div.jconfirm-title-c,
html[data-theme="dark"] .jconfirm .jconfirm-box div.jconfirm-closeIcon {color:var(--pfx-text)}
html[data-theme="dark"] .jconfirm .jconfirm-box .jconfirm-buttons {border-color:var(--pfx-border)}

/* Semantic notices retain distinct success/warning/error colors. */
html[data-theme="dark"] .alert-info {background:#122e46;color:#c2e4ff;border-color:#315373}
html[data-theme="dark"] .alert-success {background:#12392f;color:#bcebdc;border-color:#326b59}
html[data-theme="dark"] .alert-warning {background:#3b301b;color:#ffe5a3;border-color:#79643b}
html[data-theme="dark"] .alert-danger {background:#3c202a;color:#ffc6d0;border-color:#764451}
html[data-theme="dark"] .alert-secondary {background:var(--pfx-surface-alt);color:var(--pfx-text);border-color:var(--pfx-border)}
html[data-theme="dark"] .alert a {color:inherit;text-decoration:underline}
html[data-theme="dark"] .pagination .page-link {background:var(--pfx-surface);border-color:var(--pfx-border);color:var(--pfx-link)}
html[data-theme="dark"] .pagination .active .page-link {background:#2466c4;color:#fff}
html[data-theme="dark"] .table {color:var(--pfx-text);--bs-table-bg:var(--pfx-surface);--bs-table-color:var(--pfx-text);--bs-table-striped-bg:var(--pfx-surface-alt);--bs-table-striped-color:var(--pfx-text);--bs-table-hover-bg:#22314a;--bs-table-hover-color:var(--pfx-text);--bs-table-border-color:var(--pfx-border)}
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th {border-color:var(--pfx-border)}

/* Footer and mobile navigation share the same surface palette. */
html[data-theme="dark"] footer {background:#101826;color:var(--pfx-text)}
html[data-theme="dark"] .footer-access {background:#141f31}
html[data-theme="dark"] .mm-menu,
html[data-theme="dark"] .mm-navbars-bottom {background:var(--pfx-surface);color:var(--pfx-text);border-color:var(--pfx-border)}
html[data-theme="dark"] .mm-listview ul li.submenu,
html[data-theme="dark"] .mm-listview ul li a {color:var(--pfx-text)}
html[data-theme="dark"] .mm-listview ul li.active a,
html[data-theme="dark"] .mm-listview ul li.active span {color:var(--pfx-link)}
html[data-theme="dark"] ::selection {background:#327ce5;color:#fff}

/* Clear interactive fields and deeper project surfaces. */
html[data-theme="dark"] .custom-search-input-2 {background:#24344d;box-shadow:0 0 0 1px #526b8f,0 8px 22px rgba(0,0,0,.18)}
html[data-theme="dark"] .custom-search-input-2 .form-control,
html[data-theme="dark"] .custom-search-input-2 .nice-select,
html[data-theme="dark"] .custom-search-input-2 i {background-color:#24344d;color:#e5ebf5}
html[data-theme="dark"] .custom-search-input-2 .nice-select {border-color:#526b8f}
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] textarea {background-color:#223149;border-color:#526b8f}
html[data-theme="dark"] .form-control::placeholder {color:#c0cee2}
/* Cards inherit the original shared surface token on all pages. */
html[data-theme="dark"] .strip.grid {box-shadow:0 0 0 1px #263348,0 4px 12px rgba(0,0,0,.14)}
html[data-theme="dark"] .strip.grid ul {border-top-color:#263348}
html[data-theme="dark"] .all_cat_item .nav-pills a {background:#202e45;border-color:#32445f}
html[data-theme="dark"] .all_cat_item .nav-pills a img {filter:grayscale(1) brightness(1.9) contrast(.85)}
html[data-theme="dark"] .all_cat_item .nav-pills a.active img {filter:brightness(1.3)}
html[data-theme="dark"] .all_cat_item .nav-pills a:hover img {filter:brightness(1.4)}
html[data-theme="dark"] .all_cat_item .nav-pills a:focus-visible {outline:2px solid #82b6ff;outline-offset:3px}
html[data-theme="dark"] .main-menu ul ul {background:#1c2a40;box-shadow:0 0 0 1px #415979,0 12px 28px rgba(0,0,0,.4)}
html[data-theme="dark"] .main-menu ul ul li a {color:#e5ebf5;border-bottom-color:#354966}
html[data-theme="dark"] .main-menu ul ul li:hover > a,
html[data-theme="dark"] .main-menu ul ul li span a:hover {background:#2d4464;color:#fff}
html[data-theme="dark"] .main-menu ul ul:before {border-bottom-color:#1c2a40}
html[data-theme="dark"] .user-popup-access a {background:#23324a;color:#e5ebf5;border-color:#415979}
html[data-theme="dark"] .user-popup-access a:hover {background:#2466c4;color:#fff}
html[data-theme="dark"] .main_title_3 a {color:#82b6ff!important}
html[data-theme="dark"] .other-items a:before {color:#82b6ff}

/* Rating controls: readable labels, visible focus, and comfortable targets. */
html[data-theme="dark"] .rating {border-color:#7286a3;max-width:100%}
html[data-theme="dark"] .rating .btn {min-height:44px;min-width:80px;color:#fff}
html[data-theme="dark"] .rating .btn-success {background:#176c46;border-color:#64bc92}
html[data-theme="dark"] .rating .btn-danger {background:#9f3045;border-color:#ed91a2}
html[data-theme="dark"] .rating .btn-success:hover {background:#1b7650}
html[data-theme="dark"] .rating .btn-danger:hover {background:#ab354c}
html[data-theme="dark"] .rating .btn:focus-visible {outline:2px solid #b9d5ff;outline-offset:3px;box-shadow:none}
html[data-theme="dark"] .rating .btn:disabled {opacity:1;background:#28364b;color:#c0cee2;border-color:#7286a3;cursor:default}
html[data-theme="dark"] .form-control,html[data-theme="dark"] .form-select,html[data-theme="dark"] textarea,html[data-theme="dark"] .custom-search-input-2 .nice-select {border-color:#7894bb}
html[data-theme="dark"] .custom-search-input-2 {box-shadow:0 0 0 1px #7894bb,0 8px 22px rgba(0,0,0,.18)}

/* Card metadata and actions remain legible without heavy surface outlines. */
html[data-theme="dark"] .strip .loc_open,
html[data-theme="dark"] .strip .loc_closed {color:#bdc9dc;font-size:14px;font-weight:400;line-height:1.5}
html[data-theme="dark"] .strip .acrion-file .icon_heart,
html[data-theme="dark"] .strip .acrion-file .icon_heart_1,
html[data-theme="dark"] .strip .acrion-file .icon_download {color:#ff8fa3}
html[data-theme="dark"] .strip .acrion-file span:hover {color:#ffc0cc}
html[data-theme="dark"] .strip .acrion-file .icon_check_mark {color:#7bd7a7}
html[data-theme="dark"] .strip .acrion-file .icon_exam {color:var(--pfx-link)}
html[data-theme="dark"] .strip .acrion-file a:focus-visible,
html[data-theme="dark"] .other-items a:focus-visible,
html[data-theme="dark"] .main-menu a:focus-visible {outline:2px solid #b9d5ff;outline-offset:3px;border-radius:4px}
html[data-theme="dark"] .strip .acrion-file a {display:inline-flex;min-width:28px;min-height:28px;align-items:center;justify-content:center}
html[data-theme="dark"] .strip .acrion-file a span {margin-left:0}

/* Shared footer icon geometry, labels supplied by the markup. */
footer .social-media a {display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;vertical-align:middle}
footer .social-media svg {width:25px;height:25px;flex:none}
footer .social-media a:focus-visible {outline:2px solid currentColor;outline-offset:2px;border-radius:6px}
html[data-theme="dark"] footer .social-media a {color:#bdc9dc}
html[data-theme="dark"] footer .social-media a:hover {color:#fff}

/* Keep focused controls and anchored content below the fixed mobile header. */
html {scroll-padding-top:110px}
@media(max-width:767px) {
  html {scroll-padding-top:76px}
  html[data-theme="dark"] header.header {min-height:52px;background:#0e1624;border-bottom:1px solid #263348}
  html[data-theme="dark"] .BlogPost {padding:20px 16px}
  html[data-theme="dark"] .BlogPost p {line-height:1.95}
  html[data-theme="dark"] .strip .wrapper {padding:14px 12px}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto!important}
  header.header,.strip,.social-media a {transition:none!important}
}
/* Clear interaction states and raised project cards (October 2026). */
.strip.grid {transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;position:relative}
html[data-theme="dark"] .strip.grid {background:#1b273a;border-color:#35465f;box-shadow:0 0 0 1px #35465f,0 8px 24px rgba(0,0,0,.22)}
html[data-theme="dark"] .strip.grid .wrapper {background:transparent}
html[data-theme="dark"] .strip.grid > ul {background:#172235;border-top-color:#35465f}
.strip.grid:focus-within {box-shadow:0 0 0 2px #5295ef,0 12px 28px rgba(0,0,0,.2)}
.strip.grid:active {transform:translateY(-1px)}
html[data-theme="dark"] .strip.grid:focus-within {background:#22334c;box-shadow:0 0 0 2px #82b6ff,0 12px 28px rgba(0,0,0,.3)}
html[data-theme="dark"] .btn_1,
html[data-theme="dark"] .btn-primary {transition:background-color .18s ease,box-shadow .18s ease;color:#fff}
html[data-theme="dark"] .btn_1:not(.wishlist):not(.disabled):hover,
html[data-theme="dark"] .btn-primary:not(:disabled):hover {background:#327ce5;color:#fff;box-shadow:0 4px 14px rgba(50,124,229,.28)}
html[data-theme="dark"] .btn_1:active,
html[data-theme="dark"] .btn-primary:active {background:#174f9b;color:#fff}
html[data-theme="dark"] .btn_1.wishlist {border:0!important;background:#263951;color:#dceaff;box-shadow:none}
html[data-theme="dark"] .btn_1.wishlist:hover {background:#354e70;color:#fff;border:0!important}
html[data-theme="dark"] .btn_1.wishlist.active {background:#513044;color:#ffd2de;border:0!important}
html[data-theme="dark"] .btn_1.wishlist.active:hover {background:#673c53}
html[data-theme="dark"] .music_include a.btn.bg-white {background:#e5efff!important;color:#16375e!important;border:0;min-height:36px;padding:8px 16px;font-weight:500}
html[data-theme="dark"] .music_include a.btn.bg-white:hover {background:#fff!important;color:#0b2850!important;box-shadow:0 4px 14px rgba(0,0,0,.25)}
html[data-theme="dark"] .music_include a.btn.bg-white:active {background:#b9d5ff!important}
.top_search_box .btn-secondary,.other-items a,.all_cat_item .nav-pills a {transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .top_search_box .btn-secondary:hover,
html[data-theme="dark"] .other-items a:hover,
html[data-theme="dark"] .all_cat_item .nav-pills a:hover {background:#304c72;color:#fff;border-color:#789bc8;box-shadow:0 3px 10px rgba(0,0,0,.2)}
html[data-theme="dark"] .btn-secondary.active,
html[data-theme="dark"] .btn-secondary[aria-pressed="true"],
html[data-theme="dark"] .all_cat_item .nav-pills a.active {background:#2466c4;color:#fff;border-color:#8ab9fa;box-shadow:inset 0 -3px 0 #a4cbff}
html[data-theme="dark"] .btn-secondary.active:hover,
html[data-theme="dark"] .all_cat_item .nav-pills a.active:hover {background:#327ce5}
html[data-theme="light"] .top_search_box .btn-secondary:hover,
html[data-theme="light"] .other-items a:hover {background:#dceaff;color:#123b76;border-color:#6394d6}
html[data-theme="light"] .top_search_box .btn-secondary.active,
html[data-theme="light"] .all_cat_item .nav-pills a.active {box-shadow:inset 0 -3px 0 #82b6ff}
html[data-theme="dark"] .NewCheckSelect li label:hover {background:#304c72;border-color:#789bc8}
html[data-theme="dark"] .NewCheckSelect li label.checked {box-shadow:inset 0 -3px 0 #a4cbff}
html[data-theme="dark"] .btn:focus-visible,
html[data-theme="dark"] .btn_1:focus-visible {outline:2px solid #b9d5ff;outline-offset:3px}
@media(hover:hover) and (pointer:fine) {
  .strip.grid:hover {transform:translateY(-4px);box-shadow:0 0 0 1px #6496d4,0 14px 30px rgba(14,35,67,.18)}
  html[data-theme="dark"] .strip.grid:hover {background:#22334c;box-shadow:0 0 0 1px #719bce,0 14px 30px rgba(0,0,0,.32)}
  html[data-theme="dark"] .strip.grid:hover > ul {background:#1d2c43}
  html[data-theme="dark"] .strip.grid:hover h3 {color:#b9d5ff}
}
@media(prefers-reduced-motion:reduce) {
  .strip.grid,.top_search_box .btn-secondary,.other-items a,.all_cat_item .nav-pills a,html[data-theme="dark"] .btn_1,html[data-theme="dark"] .btn-primary {transition:none!important}
  .strip.grid:hover,.strip.grid:active {transform:none!important}
}
/* Preserve the meaning of success/error actions on hover. */
html[data-theme="dark"] .btn_1.btn-success {background:#176c46;color:#fff}
html[data-theme="dark"] .btn_1.btn-success:hover {background:#1b7650;color:#fff}
html[data-theme="dark"] .btn_1.btn-danger {background:#9f3045;color:#fff}
html[data-theme="dark"] .btn_1.btn-danger:hover {background:#ab354c;color:#fff}.strip.grid {border-radius:14px;overflow:hidden}
html[data-theme="light"] .OrderByBtn.active {background:#1d5fb9;color:#fff;border-color:#1d5fb9;box-shadow:inset 0 -3px 0 #9ac5ff}
html[data-theme="light"] .OrderByBtn.active:hover {background:#174b93}
/* Restore card rhythm: no collapsed row gap or trailing footer margin. */
.strip.grid {margin-bottom:24px}
.strip.grid > ul {margin-bottom:0}
html[data-theme="dark"] .customSearch .btn.btn-secondary:hover {background:#304c72!important;color:#fff!important;border-color:#789bc8!important}
html[data-theme="light"] .customSearch .btn.btn-secondary:hover {background:#dceaff!important;color:#123b76!important;border-color:#6394d6!important}
html[data-theme="dark"] .customSearch .btn.btn-secondary.active {background:#2466c4!important;color:#fff!important}
html[data-theme="dark"] .btn_1.full-width.download {background:#2466c4;border-color:transparent;color:#fff!important}
html[data-theme="dark"] .btn_1.full-width.download:hover {background:#327ce5;border-color:transparent;color:#fff!important}
html[data-theme="dark"] .btn_1.full-width.download:active {background:#174f9b;border-color:transparent}
html[data-theme="dark"] .all_cat_item .nav-pills a img {filter:grayscale(1) brightness(1.4) contrast(.85)}
html[data-theme="dark"] .all_cat_item .nav-pills a:hover img {filter:grayscale(1) brightness(1.55) contrast(.85)}
html[data-theme="dark"] .all_cat_item .nav-pills a.active img {filter:grayscale(1) brightness(1.7) contrast(.85)}
html[data-theme="dark"] .all_cat_item .nav-pills a.active {background:#27425f;border-color:#7198be;box-shadow:inset 0 -3px 0 #86acd3}
html[data-theme="dark"] .all_cat_item .nav-link.active span {background:#284867}
.mobile-menu-logo-dark {display:none}
html[data-theme="dark"] .mm-menu .mobile-menu-logo-light {display:none}
html[data-theme="dark"] .mm-menu .mobile-menu-logo-dark {display:block}
.home-category-label {display:none}
@media(max-width:991px) {
  .HomeSearchForm .Homecategory {padding:8px 12px 12px}
  .home-category-label {display:block;text-align:right;font-size:13px;font-weight:500;margin:0 0 6px;color:#43556b}
  .HomeSearchForm .Homecategory .nice-select {width:100%;border:1px solid #8094ac;border-radius:8px;background:#f3f7fc;height:48px;line-height:44px}
  html[data-theme="dark"] .home-category-label {color:#bdc9dc}
  html[data-theme="dark"] .HomeSearchForm .Homecategory .nice-select {border-color:#7894bb;background:#1b2d47}
  html[data-theme="dark"] .HomeSearchForm .Homecategory .nice-select:after {border-color:#bdc9dc}
}
/* Editorial tables: scoped to product descriptions and blog articles. */
.box-fa,.blog-content {--pfx-table-bg:#fff;--pfx-table-alt:#f4f7fb;--pfx-table-head:#eaf1fa;--pfx-table-border:#d7e1ee;--pfx-table-text:#25364d;--pfx-table-hover:#e8f1ff}
html[data-theme="dark"] .box-fa,html[data-theme="dark"] .blog-content {--pfx-table-bg:#19263a;--pfx-table-alt:#1e2d43;--pfx-table-head:#283f5e;--pfx-table-border:#3a506c;--pfx-table-text:#e5ebf5;--pfx-table-hover:#293e59}
.pfx-content-table {max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--pfx-table-border);border-radius:12px;background:var(--pfx-table-bg);scrollbar-width:thin;scrollbar-color:#7894bb transparent}
.pfx-content-table:focus-visible {outline:2px solid #5295ef;outline-offset:3px}
:is(.box-fa,.blog-content) table {width:100%!important;height:auto!important;margin:0!important;border-collapse:separate!important;border-spacing:0;border:0!important;background:var(--pfx-table-bg)!important;color:var(--pfx-table-text)!important;font-size:15px;line-height:1.8;table-layout:auto}
:is(.box-fa,.blog-content) :is(th,td) {padding:14px 18px!important;min-width:120px;height:auto!important;text-align:start;vertical-align:top;border:0!important;border-bottom:1px solid var(--pfx-table-border)!important;background:transparent!important;color:var(--pfx-table-text)!important;overflow-wrap:anywhere}
:is(.box-fa,.blog-content) th {font-weight:600;background:var(--pfx-table-head)!important}
:is(.box-fa,.blog-content) tbody tr:nth-child(even) td {background:var(--pfx-table-alt)!important}
:is(.box-fa,.blog-content) table tr:last-child :is(td,th) {border-bottom:0!important}
:is(.box-fa,.blog-content) table thead tr:last-child th {border-bottom:1px solid var(--pfx-table-border)!important}
:is(.box-fa,.blog-content) table :is(p,span,strong,em) {color:inherit!important}
:is(.box-fa,.blog-content) table p {margin:0 0 8px;font-size:inherit;line-height:inherit}
:is(.box-fa,.blog-content) table p:last-child {margin-bottom:0}
:is(.box-fa,.blog-content) table caption {caption-side:top;text-align:start;padding:12px 18px;color:var(--pfx-table-text);font-weight:500;background:var(--pfx-table-alt)}
@media(hover:hover) { :is(.box-fa,.blog-content) table tbody tr:hover td {background:var(--pfx-table-hover)!important} }
@media(max-width:767px) { :is(.box-fa,.blog-content) :is(th,td) {padding:11px 14px!important} .pfx-content-table {margin:18px 0} }
/* Subscription plans: clear surfaces, aligned actions and readable warm accents. */
html[data-theme="dark"] .pricing-page > .bg_color_1 {background:#0b101b}
html[data-theme="dark"] .pricing-page > .bg_color_1 > .container {padding-top:46px}
html[data-theme="dark"] .pricing-page .main_title_2 p {color:#bdc9dc;line-height:1.8}
html[data-theme="dark"] .pricing-page .vip_pan {display:flex;margin-bottom:28px}
html[data-theme="dark"] .pricing-page .box_price {width:100%;display:flex;flex-direction:column;align-items:center;background:#1b273a;border:1px solid #3a506c;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.2);transform:none;transition:box-shadow .18s ease,border-color .18s ease}
html[data-theme="dark"] .pricing-page .popular .box_price {background:#203047;border:1px solid #dca06d;box-shadow:0 8px 24px rgba(0,0,0,.2)}
html[data-theme="dark"] .pricing-page .popular .box_price::after {background:#ffad68;color:#382311;font-weight:600;line-height:30px}
html[data-theme="dark"] .pricing-page .box_price h2 {color:#e5ebf5}
html[data-theme="dark"] .pricing-page .box_price > p {width:100%;border-radius:6px;color:#dce5f3}
html[data-theme="dark"] .pricing-page .box_price > p:nth-of-type(odd) {background:#24344b}
html[data-theme="dark"] .pricing-page .per_month_price {min-height:26px;color:#bdc9dc;font-size:13px}
html[data-theme="dark"] .pricing-page .box_price button.order {margin-top:auto;margin-bottom:24px;min-height:46px;font-weight:600!important}
html[data-theme="dark"] .pricing-page .box_price > p:last-of-type {margin-bottom:22px}
html[data-theme="dark"] .pricing-page .popular .box_price button.btn-warning {background:#ffad68!important;border-color:#ffad68;color:#382311!important}
html[data-theme="dark"] .pricing-page .popular .box_price button.btn-warning:hover {background:#ffc18e!important;border-color:#ffc18e}
html[data-theme="dark"] .pricing-page .box_price:focus-within {outline:2px solid #b9d5ff;outline-offset:4px}
@media(hover:hover) {html[data-theme="dark"] .pricing-page .vip_pan:not(.action_noselect) .box_price:hover {border-color:#82b6ff;box-shadow:0 12px 30px rgba(0,0,0,.3)} }
@media(max-width:767px) {html[data-theme="dark"] .pricing-page > .bg_color_1 > .container {padding-top:24px}html[data-theme="dark"] .pricing-page .vip_pan {margin-bottom:36px} }
@media(prefers-reduced-motion:reduce) {html[data-theme="dark"] .pricing-page .box_price {transition:none} }/* FAQ colors also override styles embedded in article content. */
html .post-faq{border-top-color:var(--pfx-border,#e3e8f0)}
html .post-faq-list{border-color:var(--pfx-border,#e3e8f0);background:var(--pfx-surface,#fff)}
html .post-faq-item{border-color:var(--pfx-border,#e3e8f0)}
html .post-faq h2{color:var(--pfx-text,#263248)}
html .post-faq-kicker{color:var(--pfx-muted,#526075)}
html .post-faq-item summary{color:#385b85;background:var(--pfx-surface,#fff)}
html .post-faq-item summary:hover,html .post-faq-item[open] summary,html .post-faq-answer{background:var(--pfx-surface-alt,#f3f6fa)}
html .post-faq-item summary:hover,html .post-faq-item[open] summary{color:#294b75}
html .post-faq-answer{color:var(--pfx-muted,#526075)}
html .post-faq-item summary i{background:var(--pfx-surface-alt,#e8eef7)}
html .post-faq-item summary i:before,html .post-faq-item summary i:after{background:#6384aa}
html .post-faq-item summary:focus-visible{outline:2px solid #6384aa;outline-offset:-3px}
html[data-theme="dark"] .post-faq-item summary,html[data-theme="dark"] .post-faq-item[open] summary,html[data-theme="dark"] .post-faq-item summary:hover{color:#a6bad4}
html[data-theme="dark"] #accordionFAQ .btn-link{color:#a6bad4;text-align:right!important;text-decoration:none}
html[data-theme="dark"] #accordionFAQ .btn-link:hover,html[data-theme="dark"] #accordionFAQ .btn-link[aria-expanded="true"]{color:#c3d2e6}
html[data-theme="dark"] #accordionFAQ .card-header{background:#192336}
html[data-theme="dark"] #accordionFAQ .btn-link:focus-visible{outline:2px solid #6384aa;outline-offset:2px}
/* Center the mobile controls on the same header axis. */
@media(max-width:575px){
 header.header #theme-toggle{top:50%;transform:translateY(-50%)}
 header.header #top_menu{top:50%;transform:translateY(-50%)}
 header.header .btn_mobile{position:absolute;right:20px;top:50%;transform:translateY(-50%);height:32px;display:flex;align-items:center}
 header.header .btn_mobile #hamburger{margin:0;display:flex;align-items:center}
}
html[data-theme="dark"] .pricing-page .per_month_price{display:block;width:100%}

/* Optical alignment compensates for the icon font's high glyph baseline. */
@media(max-width:575px){header.header #top_menu li i{position:relative;top:2px}}
/* FAQ questions remain visibly interactive without a saturated blue. */
html[data-theme="dark"] .post-faq-item summary,
html[data-theme="dark"] #accordionFAQ .btn-link{color:#b5ccef}
html[data-theme="dark"] .post-faq-item summary:hover,
html[data-theme="dark"] .post-faq-item[open] summary{color:#d4e4ff;background:#24344d}
html[data-theme="dark"] #accordionFAQ .btn-link:hover,
html[data-theme="dark"] #accordionFAQ .btn-link[aria-expanded="true"]{color:#d4e4ff;background:#24344d}
html[data-theme="dark"] .post-faq-item summary i{background:#304967}
html[data-theme="dark"] .post-faq-item summary i:before,
html[data-theme="dark"] .post-faq-item summary i:after{background:#c2d9ff}
#accordionFAQ .btn-link{cursor:pointer;border-radius:6px;transition:background-color .15s ease,color .15s ease}
@media(prefers-reduced-motion:reduce){#accordionFAQ .btn-link{transition:none}}/* Category FAQ uses floated headings; let the entire question row be clickable. */
#accordionFAQ .card-header{padding:0}
#accordionFAQ .card-header h2{float:none!important;width:100%;margin:0}
#accordionFAQ .card-header .btn-link{display:block;width:100%;padding:15px 18px;text-align:right!important;white-space:normal;line-height:1.8;border:0;border-radius:0;background:transparent}
html[data-theme="dark"] #accordionFAQ .card-header .btn-link:hover,
html[data-theme="dark"] #accordionFAQ .card-header .btn-link[aria-expanded="true"]{background:#24344d;color:#d4e4ff}
html[data-theme="light"] #accordionFAQ .card-header .btn-link:hover,
html[data-theme="light"] #accordionFAQ .card-header .btn-link[aria-expanded="true"]{background:#edf3fb;color:#294b75}
#accordionFAQ .card{overflow:hidden;border-radius:10px;margin-bottom:8px}
@media(max-width:767px){#accordionFAQ .card-header .btn-link{padding:13px 14px}}
#accordionFAQ .card-header .btn-link{font-family:inherit;font-size:15px;font-weight:600}#accordionFAQ .card-body{padding:16px 18px;line-height:2}