/* zubershaik.com: light / dark theme switch (button sits beside "Book a call"; on mobile beside the menu button) */
.theme-btn{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;padding:0;margin-left:auto;margin-right:-6px;transition:background .15s}
.theme-btn:hover{background:var(--soft)}
.theme-btn svg{width:19px;height:19px}
.theme-btn .i-sun{display:none}
html[data-theme=dark] .theme-btn .i-sun{display:block}
html[data-theme=dark] .theme-btn .i-moon{display:none}
@media (max-width:900px){.theme-btn{width:44px;height:44px;border-radius:10px;margin-right:0}.nav{gap:10px}}

/* ---------- dark theme ---------- */
html[data-theme=dark]{color-scheme:dark;--ink:#ecedf1;--muted:#a7abb8;--line:#2a2e38;--paper:#0f1115;--card:#171a21;--soft:#1f232c;--indigo:#9a9df5}
html[data-theme=dark] header.site{background:rgba(15,17,21,.9)}
html[data-theme=dark] .nav.pill{background:rgba(23,26,33,.88);border-color:var(--line)}
html[data-theme=dark] .nav-links a,html[data-theme=dark] .more-btn,html[data-theme=dark] .head-social a{color:#c9ccd4}
html[data-theme=dark] .nav-links a:hover,html[data-theme=dark] .nav-links a[aria-current=page]{color:#fff;background:var(--soft)}
html[data-theme=dark] .nav-links .sub::before,html[data-theme=dark] .more-menu{background:#171a21;border-color:var(--line)}
@media (max-width:900px){html[data-theme=dark] .nav-panel{background:#12141a}}
/* buttons and chips that used the dark ink as a background: invert them */
html[data-theme=dark] .btn-primary,html[data-theme=dark] .tab[aria-selected=true],html[data-theme=dark] .chip-btn[aria-pressed=true],
html[data-theme=dark] .chat-in button,html[data-theme=dark] .dot-btn[aria-current=true]{background:#ecedf1;color:#14161c;border-color:#ecedf1}
html[data-theme=dark] .btn-primary:hover{background:#fff}
html[data-theme=dark] .skip,html[data-theme=dark] .ph-badge,html[data-theme=dark] .price-box,html[data-theme=dark] .chat-head,html[data-theme=dark] .chat-ico{background:#08090c;color:#fff}
html[data-theme=dark] footer.site{background:#08090c;border-top:1px solid var(--line)}
html[data-theme=dark] .eyebrow{background:#23264a;color:#c9cbff}
html[data-theme=dark] .icon,html[data-theme=dark] .answer{background:#2a2410}
html[data-theme=dark] .chips.tech li{background:#2a2410;border-color:#4a3d10;color:#f3dd8a}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .search input{background:#12141a;border-color:#2f3440;color:var(--ink)}
html[data-theme=dark] .chip-btn,html[data-theme=dark] .car-ctrl>button,html[data-theme=dark] .quick button{background:#171a21;color:var(--ink)}
html[data-theme=dark] .consent-bar,html[data-theme=dark] .chat,html[data-theme=dark] .m.bot,html[data-theme=dark] .vd-card{background:#171a21;color:var(--ink)}
html[data-theme=dark] .msgs{background:#12141a}
html[data-theme=dark] .dot-btn{background:#3a3e4a}
html[data-theme=dark] .form-status.ok,html[data-theme=dark] .save-chip,html[data-theme=dark] .launch-note .save,html[data-theme=dark] .badge-live{background:#10291b;color:#7ee2a8}
html[data-theme=dark] .form-status.err,html[data-theme=dark] .ck-err{background:#3a1414;color:#ffb4b4}
html[data-theme=dark] .badge-soon{background:#2a2410;color:#f3dd8a}
html[data-theme=dark] .cb-form .consent{background:#1f232c}
html[data-theme=dark] .ck-row.today{background:#2a2410}
html[data-theme=dark] .buy-box,html[data-theme=dark] .card{box-shadow:none}
html[data-theme=dark] a{color:inherit}
html[data-theme=dark] .btn-accent{color:#3a2b00}