/* CyberTools Liquid Glass — site-wide final override */
:root {
    --ct-primary: #6546e8;
    --ct-primary-hover: #5030cf;
    --ct-primary-soft: rgba(101, 70, 232, .10);
    --ct-accent: #12aeca;
    --ct-accent-soft: rgba(18, 174, 202, .11);
    --ct-page: #f2f4ff;
    --ct-surface: rgba(255, 255, 255, .68);
    --ct-surface-soft: rgba(255, 255, 255, .48);
    --ct-surface-hover: rgba(255, 255, 255, .84);
    --ct-heading: #17213a;
    --ct-text: #3e4962;
    --ct-muted: #6c768d;
    --ct-placeholder: #929aae;
    --ct-border: rgba(255, 255, 255, .76);
    --ct-border-strong: rgba(111, 92, 180, .18);
    --ct-radius-md: 14px;
    --ct-radius-lg: 20px;
    --ct-radius-xl: 28px;
    --ct-glass-blur: blur(22px) saturate(145%);
    --ct-shadow-sm: 0 8px 24px rgba(55, 43, 112, .07), inset 0 1px 0 rgba(255, 255, 255, .88);
    --ct-shadow-md: 0 18px 48px rgba(55, 43, 112, .10), inset 0 1px 0 rgba(255, 255, 255, .92);
    --ct-shadow-lg: 0 30px 80px rgba(55, 43, 112, .14), inset 0 1px 0 rgba(255, 255, 255, .94);
}

body.dark {
    --ct-page: #0c1022;
    --ct-surface: rgba(20, 25, 50, .72);
    --ct-surface-soft: rgba(28, 33, 63, .60);
    --ct-surface-hover: rgba(38, 43, 76, .78);
    --ct-heading: #f4f5ff;
    --ct-text: #c8cee0;
    --ct-muted: #9ca5bd;
    --ct-placeholder: #757f98;
    --ct-border: rgba(255, 255, 255, .10);
    --ct-border-strong: rgba(168, 151, 255, .22);
    --ct-primary-soft: rgba(128, 96, 255, .16);
    --ct-accent-soft: rgba(33, 199, 225, .13);
    --ct-shadow-sm: 0 10px 26px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .07);
    --ct-shadow-md: 0 20px 54px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
    --ct-shadow-lg: 0 34px 90px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .09);
}

/* Dark mode — purpose-built midnight glass */
body.dark .main-section > header.mainPadding {
    background: linear-gradient(135deg, rgba(24, 28, 58, .82), rgba(14, 19, 42, .74)) !important;
    border-color: rgba(181, 165, 255, .14) !important;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255,255,255,.09) !important;
}
body.dark .header-navbar ul li a { color: #cbd1e5 !important; }
body.dark .header-navbar ul li a:hover {
    color: #f5f2ff !important;
    background: linear-gradient(135deg, rgba(127, 91, 245, .18), rgba(35, 187, 214, .10)) !important;
}
body.dark .ct26-hero {
    background: linear-gradient(145deg, rgba(25, 28, 61, .78), rgba(16, 22, 48, .62)) !important;
    border-color: rgba(182, 164, 255, .14) !important;
}
body.dark .ct26-hero::before {
    opacity: .48;
    background-image:
        linear-gradient(rgba(178, 163, 255, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(178, 163, 255, .055) 1px, transparent 1px),
        radial-gradient(circle at 22% 12%, rgba(22, 197, 226, .16), transparent 30%),
        radial-gradient(circle at 82% 8%, rgba(132, 91, 246, .24), transparent 34%);
}
body.dark .ct26-hero h1 > span {
    background: linear-gradient(100deg, #a88cff 8%, #8268f4 50%, #50d4e9) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}
body.dark .ct26-hero-eyebrow,
body.dark .ct26-category-page-label,
body.dark .ct26-trust-pill,
body.dark .ct26-category-page-pills > * {
    color: #d8d0ff !important;
    background: rgba(38, 40, 78, .66) !important;
    border-color: rgba(179, 160, 255, .18) !important;
}
body.dark .ct26-category-card,
body.dark .ct26-tool-card,
body.dark .content-cats-inner,
body.dark .single-page-inner,
body.dark .single-page-inner.ct26-tool-workspace,
body.dark .blog-sec-col,
body.dark .ct26-category-seo,
body.dark .ct26-related-slider-shell {
    background: linear-gradient(145deg, rgba(25, 29, 60, .76), rgba(17, 23, 48, .66)) !important;
    border-color: rgba(179, 163, 255, .11) !important;
}
body.dark .ct26-category-card:hover,
body.dark .ct26-tool-card:hover,
body.dark .content-cats-inner:hover {
    border-color: rgba(148, 119, 255, .35) !important;
    box-shadow: 0 26px 64px rgba(0,0,0,.38), 0 0 0 1px rgba(124,91,235,.08), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.dark .ct26-category-icon,
body.dark .ct26-category-page-icon,
body.dark .ct26-tool-brand-icon,
body.dark .content-title-icon {
    filter: saturate(.92) brightness(.92);
    box-shadow: 0 13px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
body.dark .ct26-search {
    background: rgba(19, 23, 49, .84) !important;
    border-color: rgba(178, 161, 255, .15) !important;
    box-shadow: 0 24px 64px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
body.dark .ct26-category-search {
    background: rgba(19, 23, 49, .88) !important;
    border: 1px solid rgba(178, 161, 255, .17) !important;
    box-shadow: 0 20px 52px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
body.dark .ct26-category-search::before,
body.dark .ct26-category-search::after {
    background: rgba(19, 23, 49, .88) !important;
    border-color: rgba(178, 161, 255, .17) !important;
}
body.dark .ct26-category-search input,
body.dark #ct26-category-search-input {
    background: transparent !important;
    color: #eef0fb !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
body.dark .ct26-search input,
body.dark .ct26-tool-workspace input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body.dark .ct26-tool-workspace select,
body.dark .ct26-tool-workspace textarea,
body.dark .form-control {
    color: #eef0fb !important;
    background: rgba(10, 15, 34, .58) !important;
    border-color: rgba(170, 154, 239, .18) !important;
}
body.dark .ct26-tool-workspace input:focus,
body.dark .ct26-tool-workspace select:focus,
body.dark .ct26-tool-workspace textarea:focus,
body.dark .form-control:focus {
    border-color: rgba(150, 119, 255, .72) !important;
    box-shadow: 0 0 0 4px rgba(126, 91, 244, .16), inset 0 1px 2px rgba(0,0,0,.18) !important;
}
body.dark input::placeholder,
body.dark textarea::placeholder { color: #77829e !important; opacity: 1; }
body.dark pre,
body.dark code,
body.dark .ace_editor,
body.dark .CodeMirror {
    border-color: rgba(174, 157, 245, .15) !important;
    background-color: #0a0f21 !important;
    color: #dce2f5 !important;
}
body.dark table { color: var(--ct-text) !important; }
body.dark .table > :not(caption) > * > * {
    color: inherit !important;
    background: rgba(16, 21, 44, .48) !important;
    border-color: rgba(255,255,255,.08) !important;
}
body.dark .dropdown-menu,
body.dark .modal-content {
    background: rgba(18, 23, 48, .96) !important;
    border-color: rgba(174, 156, 245, .17) !important;
}
body.dark .dropdown-item { color: #cbd2e7 !important; }
body.dark .dropdown-item:hover,
body.dark .dropdown-item:focus { color: #fff !important; background: rgba(126,91,244,.16) !important; }
body.dark .alert-info { color: #bcecf4 !important; background: rgba(25, 151, 177, .13) !important; }
body.dark .alert-success { color: #bdebd5 !important; background: rgba(31, 157, 99, .13) !important; }
body.dark .alert-danger { color: #ffc6cf !important; background: rgba(205, 61, 86, .13) !important; }
body.dark ::selection { color: #fff; background: rgba(113, 78, 229, .78); }

/* Coverage for legacy/shared templates used outside ct26 pages */
body.dark .single-page-sec,
body.dark .blog-title-sec,
body.dark .content-sec,
body.dark .tool-description-section,
body.dark .ct26-category-tools-section { color: var(--ct-text) !important; }
body.dark .single-page-main-desc,
body.dark .main-subtitle,
body.dark .blog-sec-col p,
body.dark .tool-description-content p { color: var(--ct-muted) !important; }
body.dark .bg-white,
body.dark .dark\:bg-dark {
    background: linear-gradient(145deg, rgba(25,29,60,.76), rgba(17,23,48,.66)) !important;
    color: var(--ct-text) !important;
    border-color: rgba(179,163,255,.12) !important;
}

html { scroll-behavior: smooth; }
body {
    background-color: var(--ct-page) !important;
    background-image:
        radial-gradient(circle at 8% 6%, rgba(30, 196, 226, .13), transparent 28rem),
        radial-gradient(circle at 92% 7%, rgba(120, 82, 244, .16), transparent 31rem),
        linear-gradient(145deg, rgba(255,255,255,.55), transparent 48%) !important;
    background-attachment: fixed !important;
    color: var(--ct-text);
}
body.dark {
    background-image:
        radial-gradient(circle at 8% 5%, rgba(23, 178, 204, .10), transparent 30rem),
        radial-gradient(circle at 92% 6%, rgba(116, 74, 232, .18), transparent 34rem),
        linear-gradient(145deg, rgba(22,26,53,.82), rgba(8,12,27,.95)) !important;
}

/* Shared glass recipe */
.main-section > header,
.ct26-hero,
.ct26-category-card,
.ct26-tool-card,
.ct26-category-page-hero,
.ct26-category-search,
.ct26-category-seo,
.single-page-inner,
.single-page-inner.ct26-tool-workspace,
.content-cats-inner,
.blog-sec-col,
.blog-single-image,
.ct26-benefit,
.ct26-related-slider-shell,
.alert,
.card,
.modal-content,
.dropdown-menu {
    background: var(--ct-surface) !important;
    border: 1px solid var(--ct-border) !important;
    box-shadow: var(--ct-shadow-md) !important;
    -webkit-backdrop-filter: var(--ct-glass-blur);
    backdrop-filter: var(--ct-glass-blur);
}

/* Header */
.main-section > header.mainPadding {
    position: sticky !important;
    top: 14px !important;
    z-index: 1000 !important;
    width: calc(100% - 28px) !important;
    max-width: 1320px !important;
    min-height: 72px !important;
    margin: 14px auto 0 !important;
    padding: 9px 14px 9px 20px !important;
    border-radius: 22px !important;
}
.main-section > header .navbar { min-height: 52px; }
.navbar-brand img { max-height: 40px !important; width: auto !important; }
.header-navbar ul { gap: 4px !important; }
.header-navbar ul li a {
    padding: 10px 14px !important;
    border-radius: 12px !important;
    color: var(--ct-text) !important;
    font-weight: 600 !important;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}
.header-navbar ul li a:hover {
    color: var(--ct-primary) !important;
    background: var(--ct-primary-soft) !important;
    transform: translateY(-1px);
}
.header-language-btn,
.navbar-toggler {
    border: 1px solid var(--ct-border-strong) !important;
    border-radius: 13px !important;
    background: var(--ct-surface-soft) !important;
    color: var(--ct-heading) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5) !important;
}

/* Homepage and category discovery */
.ct26-page { position: relative; }
.ct26-hero {
    position: relative;
    overflow: hidden;
    border-radius: 36px !important;
    box-shadow: var(--ct-shadow-lg) !important;
}
.ct26-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .38;
    background-image:
        linear-gradient(rgba(105, 82, 190, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(105, 82, 190, .08) 1px, transparent 1px),
        radial-gradient(circle at 25% 15%, rgba(35, 196, 221, .18), transparent 28%),
        radial-gradient(circle at 80% 10%, rgba(122, 82, 241, .20), transparent 32%);
    background-size: 42px 42px, 42px 42px, auto, auto;
    -webkit-mask-image: linear-gradient(#000, transparent 96%);
    mask-image: linear-gradient(#000, transparent 96%);
}
.ct26-hero > * { position: relative; z-index: 1; }
.ct26-hero-eyebrow,
.ct26-category-page-label,
.ct26-trust-pill,
.ct26-category-page-pills > * {
    background: var(--ct-surface-soft) !important;
    border: 1px solid var(--ct-border-strong) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.58);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}
.ct26-hero h1,
.ct26-category-page-hero h1,
.ct26-tool-hero h1 {
    letter-spacing: -.045em !important;
    color: var(--ct-heading) !important;
}
.ct26-hero h1 > span {
    color: transparent !important;
    background: linear-gradient(100deg, #5833dc 10%, #8765f5 60%, #18acc9) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}
.ct26-search {
    background: rgba(255,255,255,.75) !important;
    border: 1px solid var(--ct-border) !important;
    border-radius: 20px !important;
    box-shadow: var(--ct-shadow-lg) !important;
    -webkit-backdrop-filter: var(--ct-glass-blur);
    backdrop-filter: var(--ct-glass-blur);
}
body.dark .ct26-search { background: rgba(17,22,45,.78) !important; }
.ct26-search-button,
.custom--btn,
.btn-primary {
    border-color: transparent !important;
    background: linear-gradient(135deg, #7855f3, #5230d2) !important;
    box-shadow: 0 11px 25px rgba(83, 48, 209, .26), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
.ct26-category-grid,
.ct26-category-tools-grid { gap: 18px !important; }
.ct26-category-card,
.ct26-tool-card,
.content-cats-inner {
    border-radius: 23px !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.ct26-category-card:hover,
.ct26-tool-card:hover,
.content-cats-inner:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(116, 82, 225, .28) !important;
    box-shadow: var(--ct-shadow-lg) !important;
}
.ct26-category-icon,
.ct26-category-page-icon,
.ct26-tool-brand-icon,
.ct26-content-title-icon,
.content-title-icon {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 10px 26px rgba(73,51,156,.12) !important;
}

/* Tool pages and working surfaces */
.ct26-tool-hero-content { border-radius: 30px !important; }
.single-page-inner.ct26-tool-workspace,
.single-page-inner {
    border-radius: 26px !important;
    padding: clamp(20px, 3vw, 38px) !important;
}
.ct26-tool-workspace input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
.ct26-tool-workspace select,
.ct26-tool-workspace textarea,
.form-control {
    min-height: 48px;
    border: 1px solid var(--ct-border-strong) !important;
    border-radius: 14px !important;
    background: var(--ct-surface-soft) !important;
    color: var(--ct-heading) !important;
    box-shadow: inset 0 1px 2px rgba(39,31,86,.04) !important;
}
.ct26-tool-workspace input:focus,
.ct26-tool-workspace select:focus,
.ct26-tool-workspace textarea:focus,
.form-control:focus {
    border-color: rgba(101,70,232,.55) !important;
    box-shadow: 0 0 0 4px rgba(101,70,232,.10), inset 0 1px 2px rgba(39,31,86,.03) !important;
}
.ct26-workspace-heading,
.content-title-sec,
.ct26-category-tools-header { border-color: var(--ct-border-strong) !important; }
.tool-description-content,
.ct26-category-seo-content { color: var(--ct-text) !important; }

/* Blog, contact, static and auth pages */
.blog-title-sec,
.single-page-sec:not(.ct26-tool-page) {
    position: relative;
}
.blog-sec-col,
.blog-single-image,
.single-page-sec .single-page-inner {
    border-radius: 24px !important;
    overflow: hidden;
}
.blog-sec-image img,
.blog-single-image img { transition: transform .35s ease; }
.blog-sec-col:hover .blog-sec-image img { transform: scale(1.025); }
.single-page-main-title,
.blog-title-sec h1,
.blog-sec-col h2,
.blog-sec-col h3 { color: var(--ct-heading) !important; letter-spacing: -.025em; }
.pagination .page-link {
    border-color: var(--ct-border) !important;
    background: var(--ct-surface) !important;
    color: var(--ct-text) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

/* Footer */
.ct26-footer-v2 {
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(255,255,255,.11) !important;
    background:
        radial-gradient(circle at 12% 0, rgba(29,185,211,.12), transparent 25rem),
        radial-gradient(circle at 88% 0, rgba(119,79,234,.22), transparent 28rem),
        linear-gradient(145deg, #15112d, #20214a 60%, #13294a) !important;
}
.ct26-footer-v2-pref,
.ct26-footer-v2-language,
.ct26-footer-v2-mobile-nav details {
    border-color: rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.06) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

/* Directional and responsive refinements */
[dir="rtl"] .ct26-tool-card:hover,
[dir="rtl"] .content-cats-inner:hover { transform: translateY(-5px) !important; }
@media (max-width: 991px) {
    .main-section > header.mainPadding { top: 8px !important; margin-top: 8px !important; width: calc(100% - 16px) !important; border-radius: 18px !important; }
    .header-navbar {
        top: calc(100% + 10px) !important;
        border: 1px solid var(--ct-border) !important;
        border-radius: 20px !important;
        background: rgba(255,255,255,.92) !important;
        box-shadow: var(--ct-shadow-lg) !important;
        -webkit-backdrop-filter: blur(24px) saturate(150%);
        backdrop-filter: blur(24px) saturate(150%);
    }
    body.dark .header-navbar { background: rgba(15,20,42,.96) !important; border-color: rgba(173,157,245,.15) !important; }
    .ct26-hero { border-radius: 28px !important; }
}
@media (max-width: 575px) {
    .ct26-hero,
    .ct26-category-page-hero,
    .ct26-tool-hero-content,
    .single-page-inner.ct26-tool-workspace { border-radius: 22px !important; }
    .ct26-category-grid,
    .ct26-category-tools-grid { gap: 12px !important; }
    .ct26-category-card,
    .ct26-tool-card,
    .content-cats-inner { border-radius: 18px !important; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    :root { --ct-surface: rgba(255,255,255,.96); --ct-surface-soft: rgba(248,249,255,.96); }
    body.dark { --ct-surface: rgba(20,25,50,.97); --ct-surface-soft: rgba(28,33,63,.97); }
}

/* v1.3 — true-black dark theme and transparent desktop header */
body.dark {
    --ct-page:#050609;--ct-surface:rgba(12,14,18,.88);--ct-surface-soft:rgba(18,20,25,.80);--ct-surface-hover:rgba(25,27,34,.94);
    --ct-heading:#fff;--ct-text:#e2e5eb;--ct-muted:#b4bac5;--ct-placeholder:#858c99;
    background-color:#050609 !important;
    background-image:radial-gradient(circle at 8% 5%,rgba(20,159,181,.06),transparent 30rem),radial-gradient(circle at 92% 6%,rgba(104,70,218,.10),transparent 34rem),linear-gradient(145deg,#08090d,#030406 72%) !important;
}
body.dark .main-section>header.mainPadding{background:transparent !important;border-color:transparent !important;box-shadow:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
body.dark .main-section>header .navbar,body.dark .main-section>header nav,body.dark .main-section>header .navbar-brand,body.dark .main-section>header .navbar-brand.dark,body.dark .main-section>header .navbar-brand img,body.dark .main-section>header .header-navbar{background-color:transparent !important;background-image:none !important;box-shadow:none !important}
body.dark .main-section>header .navbar::before,body.dark .main-section>header .navbar::after,body.dark .main-section>header .navbar-brand::before,body.dark .main-section>header .navbar-brand::after{content:none !important;display:none !important}
body.dark .ct26-hero,body.dark .ct26-category-page-hero,body.dark .ct26-tool-hero-content{background:linear-gradient(145deg,rgba(13,15,20,.94),rgba(7,9,13,.92)) !important}
body.dark .ct26-category-card,body.dark .ct26-tool-card,body.dark .content-cats-inner,body.dark .single-page-inner,body.dark .single-page-inner.ct26-tool-workspace,body.dark .blog-sec-col,body.dark .blog-single-image,body.dark .ct26-category-seo,body.dark .ct26-related-slider-shell,body.dark .ct26-benefit,body.dark .card,body.dark .modal-content,body.dark .dropdown-menu,body.dark .alert,body.dark .bg-white,body.dark .dark\:bg-dark{background-color:rgba(11,13,17,.93) !important;background-image:none !important;color:var(--ct-text) !important}
body.dark .ct26-search,body.dark .ct26-category-search,body.dark .ct26-category-search::before,body.dark .ct26-category-search::after{background:rgba(8,10,13,.97) !important}
body.dark .ct26-category-search input,body.dark #ct26-category-search-input{background:transparent !important;color:#f4f5f8 !important;border-color:transparent !important;box-shadow:none !important}
body.dark .ct26-tool-workspace input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.dark .ct26-tool-workspace select,body.dark .ct26-tool-workspace textarea,body.dark .form-control{background:#080a0d !important;color:#f2f3f6 !important}
body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6,body.dark strong,body.dark label,body.dark .content-title-sec,body.dark .single-page-main-title{color:#fff !important}
body.dark p,body.dark li,body.dark .single-page-main-desc,body.dark .main-subtitle{color:#c9ced8}
body.dark a:not(.custom--btn):not(.btn):not(.ct26-search-button){color:#eceef3}
body.dark .ct26-category-count,body.dark .ct26-tool-category-label{color:#16181d !important}
@media(max-width:991px){body.dark .main-section>header .header-navbar{background:rgba(7,9,12,.97) !important;border-color:rgba(255,255,255,.10) !important;box-shadow:0 22px 55px rgba(0,0,0,.48) !important;-webkit-backdrop-filter:blur(22px) saturate(120%) !important;backdrop-filter:blur(22px) saturate(120%) !important}}

/* v1.3.1 — softly blurred dark header */
body.dark .main-section > header.mainPadding {
    background: rgba(8, 10, 14, 0.64) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow:
        0 16px 45px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
    -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
    backdrop-filter: blur(18px) saturate(130%) !important;
}

body.dark .main-section > header .navbar,
body.dark .main-section > header nav,
body.dark .main-section > header .navbar-brand,
body.dark .main-section > header .header-navbar {
    background: transparent !important;
}

/* v1.3.2 — dark-friendly homepage icons and tool counts */
body.dark .ct26-category-icon,
body.dark .ct26-benefit-icon,
body.dark .ct26-tool-brand-icon,
body.dark .ct26-category-page-icon,
body.dark .content-title-icon {
    color: #f2f4f8 !important;
    background: rgba(255, 255, 255, 0.055) !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 10px 25px rgba(0, 0, 0, 0.24) !important;
    filter: none !important;
}

body.dark .ct26-category-icon i,
body.dark .ct26-benefit-icon i,
body.dark .ct26-tool-brand-icon i,
body.dark .ct26-category-page-icon i,
body.dark .content-title-icon i {
    color: #f2f4f8 !important;
}

body.dark .ct26-category-count,
body.dark .ct26-category-total,
body.dark .ct26-tool-category-label {
    color: #e9edf4 !important;
    background: rgba(255, 255, 255, 0.065) !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

body.dark .ct26-category-arrow,
body.dark .ct26-tool-card-arrow,
body.dark .ct26-category-footer i {
    color: #f0f2f7 !important;
    background: rgba(255, 255, 255, 0.045) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

body.dark .ct26-category-card::before,
body.dark .ct26-category-card::after {
    background: rgba(255, 255, 255, 0.025) !important;
    opacity: 1 !important;
}

/* v1.3.3 — transparent blurred contact banner */
body.dark .home-helping-sec {
    position: relative !important;
    overflow: hidden !important;
    color: #ffffff !important;
    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(110, 76, 230, 0.15),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.018)
        ) !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    box-shadow:
        0 28px 70px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    -webkit-backdrop-filter: blur(22px) saturate(125%) !important;
    backdrop-filter: blur(22px) saturate(125%) !important;
}

body.dark .home-helping-sec::before,
body.dark .home-helping-sec::after {
    background: transparent !important;
    opacity: 0 !important;
}

body.dark .home-helping-sec h2,
body.dark .home-helping-sec h3 {
    color: #ffffff !important;
}

body.dark .home-helping-sec p {
    color: #c9ced8 !important;
}

body.dark .home-helping-sec .custom--btn,
body.dark .home-helping-sec .btn__light {
    color: #ffffff !important;
    background: rgba(111, 76, 235, 0.72) !important;
    border: 1px solid rgba(176, 156, 255, 0.30) !important;
    box-shadow:
        0 12px 28px rgba(49, 28, 137, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
}

body.dark .home-helping-sec .custom--btn:hover {
    color: #ffffff !important;
    background: rgba(126, 91, 244, 0.88) !important;
    transform: translateY(-2px);
}