/* ============================================================
   PUBLIC THEME — Black / Yellow / Green / White
   Applied to every public page via body.wt-dark
   ============================================================ */
body.wt-dark {
    background:
        radial-gradient(1000px 460px at 85% -8%, rgba(234, 179, 8, .10), transparent 60%),
        radial-gradient(900px 460px at 5% -8%, rgba(34, 197, 94, .10), transparent 60%),
        #060805;
    color: #e5e7eb;
}
body.wt-dark a { text-decoration: none; }
body.wt-dark a:not(.btn):not(.dropdown-item):not(.nav-link):not(.page-link) { color: #fcd34d; }
body.wt-dark a:not(.btn):not(.dropdown-item):not(.nav-link):not(.page-link):hover { color: #fef08a; }
body.wt-dark h1, body.wt-dark h2, body.wt-dark h3, body.wt-dark h4, body.wt-dark h5, body.wt-dark .fw-bold { color: #f9fafb; }

/* navbar */
body.wt-dark .navbar { background: rgba(4, 6, 3, .9); border-bottom: 1px solid rgba(250, 204, 21, .18); }
body.wt-dark .navbar .nav-link { color: #d1d5db; }
body.wt-dark .navbar .nav-link:hover { color: #fde047; }
body.wt-dark .navbar-brand img { filter: drop-shadow(0 0 8px rgba(250, 204, 21, .5)); }
body.wt-dark .navbar .badge.bg-light { background: #facc15 !important; color: #060805 !important; font-weight: 800; }
/* "Get started" — bold yellow button */
body.wt-dark .navbar .btn-light {
    background: linear-gradient(135deg, #facc15, #a3e635);
    color: #060805 !important;
    font-weight: 800;
    border: 0;
    box-shadow: 0 4px 18px rgba(250, 204, 21, .35);
}
body.wt-dark .navbar .btn-light:hover { box-shadow: 0 6px 26px rgba(250, 204, 21, .55); transform: translateY(-1px); }

/* announcement bar */
body.wt-dark .alert-warning {
    background: linear-gradient(90deg, rgba(250, 204, 21, .16), rgba(34, 197, 94, .12));
    border: 0;
    border-bottom: 1px solid rgba(250, 204, 21, .22);
    color: #fde047;
}

/* cards & panels */
body.wt-dark .card {
    background: linear-gradient(170deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015));
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 16px;
}
body.wt-dark .card-header {
    background: transparent !important;
    border-bottom: 1px solid rgba(148, 163, 184, .12);
    color: #f9fafb !important;
}
body.wt-dark .output-card .card-header { background: rgba(250, 204, 21, .05) !important; }

/* forms */
body.wt-dark .form-control,
body.wt-dark .form-select,
body.wt-dark textarea.form-control {
    background: rgba(2, 4, 2, .5);
    border: 1px solid rgba(148, 163, 184, .2);
    color: #f3f4f6;
}
body.wt-dark .form-control:focus,
body.wt-dark .form-select:focus {
    background: rgba(2, 4, 2, .65);
    border-color: #facc15;
    box-shadow: 0 0 0 .2rem rgba(250, 204, 21, .16);
    color: #fff;
}
body.wt-dark .form-control::placeholder { color: #5b6472; }
body.wt-dark .form-label { color: #d1d5db; }
body.wt-dark .form-text { color: #8b946e; }
body.wt-dark .form-text code, body.wt-dark .form-text a { color: #fde047; }
body.wt-dark .input-group-text { background: rgba(2, 4, 2, .5); border-color: rgba(148, 163, 184, .2); color: #fde047; }

/* buttons */
body.wt-dark .btn-primary {
    background: linear-gradient(135deg, #facc15, #4ade80);
    border: 0;
    color: #060805;
    font-weight: 700;
    box-shadow: 0 6px 20px rgba(250, 204, 21, .28);
}
body.wt-dark .btn-primary:hover { box-shadow: 0 8px 28px rgba(250, 204, 21, .45); transform: translateY(-1px); color: #060805; }
body.wt-dark .btn-success { background: linear-gradient(135deg, #22c55e, #84cc16); border: 0; font-weight: 700; }
body.wt-dark .btn-outline-primary { color: #fde047; border-color: rgba(250, 204, 21, .55); }
body.wt-dark .btn-outline-primary:hover { background: rgba(250, 204, 21, .12); color: #fef08a; }
body.wt-dark .btn-outline-secondary { color: #9ca3af; border-color: rgba(148, 163, 184, .4); }
body.wt-dark .btn-outline-secondary:hover { background: rgba(148, 163, 184, .12); color: #f3f4f6; }
body.wt-dark .btn-link { color: #fcd34d; }
body.wt-dark .btn-light { color: #060805; }

/* tables */
body.wt-dark .table {
    --bs-table-bg: transparent;
    --bs-table-color: #e5e7eb;
    --bs-table-border-color: rgba(148, 163, 184, .12);
    --bs-table-striped-color: #e5e7eb;
    --bs-table-striped-bg: rgba(148, 163, 184, .04);
    --bs-table-hover-color: #fff;
    --bs-table-hover-bg: rgba(250, 204, 21, .06);
}
body.wt-dark .table thead th { color: #a3ab86; background: transparent !important; border-color: rgba(148, 163, 184, .14); }
body.wt-dark .table-light { --bs-table-bg: transparent; --bs-table-color: #a3ab86; }
body.wt-dark .table code { color: #fde047; }

/* alerts / badges */
body.wt-dark .alert-success { background: rgba(34, 197, 94, .12); border: 1px solid rgba(34, 197, 94, .35); color: #86efac; }
body.wt-dark .alert-danger { background: rgba(239, 68, 68, .12); border: 1px solid rgba(239, 68, 68, .35); color: #fca5a5; }
body.wt-dark .alert-info { background: rgba(250, 204, 21, .1); border: 1px solid rgba(250, 204, 21, .3); color: #fde047; }
body.wt-dark .alert-secondary { background: rgba(148, 163, 184, .1); border: 1px solid rgba(148, 163, 184, .25); color: #d1d5db; }
body.wt-dark .badge.bg-primary { background: #facc15 !important; color: #060805 !important; font-weight: 700; }
body.wt-dark .badge.bg-secondary { background: #262b22 !important; color: #cbd5e1; }
body.wt-dark .badge.bg-success { box-shadow: 0 0 0 3px rgba(34, 197, 94, .14); }
body.wt-dark .badge.bg-warning.text-dark { color: #422006 !important; }

/* breadcrumbs, lists, misc */
body.wt-dark .breadcrumb-item + .breadcrumb-item::before { color: #565f4a; }
body.wt-dark .list-group-item { background: transparent; border-color: rgba(148, 163, 184, .12); color: #e5e7eb; }
body.wt-dark .page-link { background: transparent; border-color: rgba(148, 163, 184, .25); color: #fcd34d; }
body.wt-dark .text-muted { color: #9aa3af !important; }
body.wt-dark .progress { background: rgba(148, 163, 184, .15); }
body.wt-dark .progress-bar { background: linear-gradient(90deg, #facc15, #4ade80); }
body.wt-dark hr { border-color: rgba(148, 163, 184, .14); }
body.wt-dark ::-webkit-scrollbar { width: 10px; height: 10px; }
body.wt-dark ::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, .25); border-radius: 6px; }
body.wt-dark ::-webkit-scrollbar-track { background: transparent; }

/* footer */
body.wt-dark .footer { background: #040603; border-top: 1px solid rgba(250, 204, 21, .14); }
body.wt-dark .footer, body.wt-dark .footer a { color: #9aa3af; }
body.wt-dark .footer a:hover { color: #fde047; }
body.wt-dark .footer .fw-bold, body.wt-dark .footer .text-uppercase { color: #f9fafb; }
body.wt-dark .footer hr { border-color: rgba(148, 163, 184, .14); }

/* result images keep white checkerboard */
body.wt-dark .result-img { background-color: #fff; }

/* inner page heroes (bg-dark sections on tool/category/pricing pages) */
body.wt-dark section.bg-dark {
    background:
        radial-gradient(700px 300px at 80% -30%, rgba(250, 204, 21, .1), transparent 60%),
        #060805 !important;
    border-bottom: 1px solid rgba(148, 163, 184, .1);
}
body.wt-dark section.bg-dark .text-info { color: #fde047 !important; }
body.wt-dark section.bg-dark .breadcrumb-item.active { color: #f9fafb; }
body.wt-dark .bg-light { background: rgba(255, 255, 255, .03) !important; color: #e5e7eb; }
body.wt-dark .text-dark { color: #f3f4f6 !important; }
body.wt-dark .tool-card { background: transparent; }
body.wt-dark .tool-icon {
    background: linear-gradient(135deg, rgba(250, 204, 21, .16), rgba(74, 222, 128, .1));
    color: #fde047;
    box-shadow: inset 0 0 0 1px rgba(250, 204, 21, .25);
}
body.wt-dark .dropdown-menu {
    background: #0d100a;
    border: 1px solid rgba(250, 204, 21, .25);
}
body.wt-dark .dropdown-item { color: #e5e7eb; }
body.wt-dark .dropdown-item:hover { background: rgba(250, 204, 21, .12); color: #fff; }
body.wt-dark .dropdown-item.active { background: #facc15; color: #060805; }

/* ============================================================
   3D HERO — yellow / green recolor
   ============================================================ */
body.wt-dark .hero3d {
    background:
        radial-gradient(1000px 500px at 50% -12%, rgba(250, 204, 21, .2), transparent 60%),
        radial-gradient(700px 400px at 10% 10%, rgba(34, 197, 94, .14), transparent 55%),
        radial-gradient(700px 400px at 90% 12%, rgba(132, 204, 22, .1), transparent 55%),
        #060805;
    border-bottom: 1px solid rgba(250, 204, 21, .16);
}
body.wt-dark .h3d-grid {
    background-image:
        linear-gradient(rgba(250, 204, 21, .13) 1px, transparent 1px),
        linear-gradient(90deg, rgba(74, 222, 128, .12) 1px, transparent 1px);
}
body.wt-dark .h3d-orb-1 { background: #eab308; opacity: .38; }
body.wt-dark .h3d-orb-2 { background: #16a34a; opacity: .4; }
body.wt-dark .h3d-badge {
    color: #fde047;
    background: rgba(250, 204, 21, .1);
    border: 1px solid rgba(250, 204, 21, .4);
}
body.wt-dark .h3d-badge i { color: #4ade80; }
body.wt-dark .h3d-title {
    color: #fff;
    text-shadow: 0 0 44px rgba(250, 204, 21, .4);
}
body.wt-dark .h3d-sub { color: #b7c0cd; }
body.wt-dark .h3d-search {
    border: 1px solid rgba(250, 204, 21, .3);
    box-shadow: 0 24px 60px rgba(2, 6, 23, .6), inset 0 1px 0 rgba(255, 255, 255, .06);
}
body.wt-dark .h3d-search .input-group-text { color: #fde047; }
body.wt-dark .h3d-perks i { color: #4ade80; }
body.wt-dark .h3d-tile {
    color: #fde047;
    border-color: rgba(250, 204, 21, .22);
    background: linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02));
}
body.wt-dark .h3d-tile:hover {
    color: #fff;
    border-color: rgba(250, 204, 21, .75);
    box-shadow: 0 25px 60px rgba(2, 6, 23, .65), 0 0 32px rgba(250, 204, 21, .35), inset 0 1px 0 rgba(255, 255, 255, .15);
}
body.wt-dark .section-title { color: #facc15; }
body.wt-dark .h3d-section h2 { color: #f9fafb; }
body.wt-dark .cat-ico { color: #4ade80; }
body.wt-dark .tilt-inner {
    border-color: rgba(148, 163, 184, .16);
    background: linear-gradient(160deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015));
}
body.wt-dark .tilt-card:hover .tilt-inner {
    border-color: rgba(250, 204, 21, .55);
    box-shadow: 0 30px 60px rgba(2, 6, 23, .6), 0 0 26px rgba(250, 204, 21, .14);
}
body.wt-dark .tilt-inner .tool-icon {
    background: linear-gradient(135deg, rgba(250, 204, 21, .18), rgba(74, 222, 128, .12));
    color: #fde047;
    box-shadow: inset 0 0 0 1px rgba(250, 204, 21, .28);
}
body.wt-dark .tilt-inner .small { color: #9aa3af; }
body.wt-dark .tilt-cta { color: #4ade80; }
body.wt-dark .h3d-btn-main {
    background: linear-gradient(135deg, #facc15, #4ade80);
    color: #060805;
    font-weight: 800;
    border: 0;
    box-shadow: 0 10px 30px rgba(250, 204, 21, .3);
}
body.wt-dark .h3d-btn-main:hover { color: #060805; box-shadow: 0 14px 40px rgba(250, 204, 21, .5); }
body.wt-dark .h3d-btn-ghost {
    color: #fde047;
    border: 1px solid rgba(250, 204, 21, .45);
    background: rgba(250, 204, 21, .05);
}
body.wt-dark .h3d-btn-ghost:hover { color: #fef08a; border-color: rgba(250, 204, 21, .8); background: rgba(250, 204, 21, .1); }
body.wt-dark .h3d-cta {
    background:
        radial-gradient(800px 300px at 50% 120%, rgba(250, 204, 21, .16), transparent 65%),
        #040603;
    border-top: 1px solid rgba(250, 204, 21, .14);
}
body.wt-dark .h3d-cta h2 { color: #f9fafb; }
body.wt-dark .h3d-cta p { color: #9aa3af; }