/* DEVZIKKY PAY shared theme switcher. Dark remains the default. */
.theme-toggle {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  flex: 0 0 auto; min-height: 40px; padding: 0 12px;
  border: 1px solid var(--line); border-radius: 12px;
  background: rgba(255,255,255,.045); color: var(--text);
  font: 650 .72rem Inter,system-ui,sans-serif; cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.theme-toggle:hover { transform: translateY(-1px); border-color: var(--line2); }
.theme-toggle:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.theme-toggle-icon { display: inline-grid; place-items: center; width: 20px; height: 20px; font-size: 1rem; }
.theme-toggle-label { white-space: nowrap; }

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f7fc; --bg2: #edf1f8; --panel: rgba(255,255,255,.88); --panel2: #fff;
  --line: rgba(36,54,83,.14); --line2: rgba(0,139,145,.34);
  --text: #182236; --muted: #5c6980; --cyan: #087e83; --violet: #7447b8;
  --pink: #be3f79; --green: #167b5c; --gold: #946400;
  --shadow: 0 22px 65px rgba(31,48,78,.12);
}
html[data-theme="light"] body {
  color: var(--text);
  background: radial-gradient(ellipse at 7% 2%,rgba(143,49,197,.11),transparent 30rem),
    radial-gradient(ellipse at 96% 9%,rgba(0,170,166,.10),transparent 28rem),
    linear-gradient(180deg,#fbfcff 0%,#f3f6fb 65%,#edf2f8 100%);
}
html[data-theme="light"] body:before { opacity: .11; background-image: linear-gradient(rgba(28,47,78,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(28,47,78,.12) 1px,transparent 1px); }
html[data-theme="light"] body:after { background: rgba(0,170,166,.08); }
html[data-theme="light"] .site-header { background: rgba(250,252,255,.88); border-bottom-color: rgba(36,54,83,.13); box-shadow: 0 8px 26px rgba(31,48,78,.045); }
html[data-theme="light"] .nav-links { background: rgba(250,252,255,.98); }
html[data-theme="light"] .nav-links a { color: #45536b; }
html[data-theme="light"] .nav-links a:hover, html[data-theme="light"] .nav-links a[aria-current=page] { color: #152238; background: rgba(8,126,131,.09); }
html[data-theme="light"] .menu-toggle, html[data-theme="light"] .theme-toggle { color: #1d2b41; background: rgba(255,255,255,.82); border-color: rgba(36,54,83,.18); }
html[data-theme="light"] .brand-copy small { color: #69768b; }
html[data-theme="light"] .hero-lead, html[data-theme="light"] .hero-footnote, html[data-theme="light"] .hero-meta,
html[data-theme="light"] .console-main p, html[data-theme="light"] .console-label,
html[data-theme="light"] .section-head p, html[data-theme="light"] .page-hero p,
html[data-theme="light"] .card p, html[data-theme="light"] .project-card p,
html[data-theme="light"] .timeline-copy p, html[data-theme="light"] .faq-list details p,
html[data-theme="light"] .quote-panel p, html[data-theme="light"] .info-item p { color: var(--muted); }
html[data-theme="light"] .hero-stage { background: radial-gradient(ellipse at center,rgba(126,91,190,.10),transparent 68%); }
html[data-theme="light"] .hero-console, html[data-theme="light"] .console-main,
html[data-theme="light"] .card, html[data-theme="light"] .quote-panel,
html[data-theme="light"] .info-item, html[data-theme="light"] .timeline-copy,
html[data-theme="light"] .faq-list details, html[data-theme="light"] .form-panel,
html[data-theme="light"] .table-wrap {
  color: var(--text); border-color: var(--line);
  background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,249,253,.94));
  box-shadow: 0 14px 42px rgba(31,48,78,.07);
}
html[data-theme="light"] .console-top { border-bottom-color: var(--line); }
html[data-theme="light"] .console-line { border-color: var(--line); background: rgba(8,126,131,.035); }
html[data-theme="light"] .console-line span { color: #58667d; }
html[data-theme="light"] .console-line strong, html[data-theme="light"] .stat-card strong { color: #17243a; }
html[data-theme="light"] .trust-rail { background: rgba(255,255,255,.62); border-block-color: var(--line); }
html[data-theme="light"] .trust-inner span { color: #5c6980; }
html[data-theme="light"] .section.alt { background: rgba(228,235,246,.52); border-block-color: rgba(36,54,83,.09); }
html[data-theme="light"] .card-icon, html[data-theme="light"] .info-item .num { color: #6742a7; background: rgba(116,71,184,.10); }
html[data-theme="light"] .project-status { color: #58677d; background: rgba(255,255,255,.75); }
html[data-theme="light"] .timeline-dot { color: #087e83; background: #fff; border-color: rgba(8,126,131,.25); }
html[data-theme="light"] .crumb { color: #78869b; }
html[data-theme="light"] .form-panel label { color: #344259; }
html[data-theme="light"] .form-panel input, html[data-theme="light"] .form-panel select,
html[data-theme="light"] .form-panel textarea, html[data-theme="light"] .checkout-form input,
html[data-theme="light"] .checkout-form select, html[data-theme="light"] .checkout-form textarea {
  color: #1b2940; background: #fff; border-color: rgba(36,54,83,.2);
}
html[data-theme="light"] .form-panel input::placeholder, html[data-theme="light"] .form-panel textarea::placeholder,
html[data-theme="light"] .checkout-form input::placeholder, html[data-theme="light"] .checkout-form textarea::placeholder { color: #8793a6; }
html[data-theme="light"] .checkout-form select option { color: #1b2940; background: #fff; }
html[data-theme="light"] .estimate { color: #3b6570; background: rgba(8,126,131,.055); border-color: rgba(8,126,131,.2); }
html[data-theme="light"] .notice { color: #75571e; background: rgba(255,216,140,.18); border-color: rgba(148,100,0,.22); }
html[data-theme="light"] .notice b { color: #68460a; }
html[data-theme="light"] .notice.info { color: #28656a; background: rgba(8,126,131,.07); border-color: rgba(8,126,131,.2); }
html[data-theme="light"] th, html[data-theme="light"] td { border-bottom-color: rgba(36,54,83,.1); }
html[data-theme="light"] th { color: #087e83; background: rgba(8,126,131,.055); }
html[data-theme="light"] td { color: #344259; }
html[data-theme="light"] .code-panel { color: #27364c; background: #eef3f9; border-color: rgba(36,54,83,.15); }
html[data-theme="light"] .endpoint-list { color: #526078; }
html[data-theme="light"] .endpoint-list code, html[data-theme="light"] pre code { color: #087e83; }
html[data-theme="light"] .disabled-payment { background: linear-gradient(120deg,rgba(255,216,140,.15),rgba(116,71,184,.07)); border-color: rgba(148,100,0,.24); }
html[data-theme="light"] .disabled-payment p { color: #5c6980; }
html[data-theme="light"] .cta-band { background: radial-gradient(ellipse at 0 0,rgba(8,126,131,.08),transparent 50%),linear-gradient(120deg,rgba(255,255,255,.96),rgba(244,239,251,.94)); border-color: rgba(8,126,131,.2); box-shadow: var(--shadow); }
html[data-theme="light"] .cta-band p { color: var(--muted); }
html[data-theme="light"] .back-top { color: #087e83; background: rgba(255,255,255,.92); border-color: rgba(8,126,131,.28); box-shadow: 0 8px 25px rgba(31,48,78,.12); }
html[data-theme="light"] .message, html[data-theme="light"] .form-note { color: #a13b60; }
html[data-theme="light"] .site-footer { background: radial-gradient(ellipse at 0 0,rgba(8,126,131,.08),transparent 35%),radial-gradient(ellipse at 100% 70%,rgba(190,64,156,.07),transparent 40%),linear-gradient(135deg,#f1f5fb,#eaf0f7 55%,#f6f8fc); border-top-color: rgba(8,126,131,.2); }
html[data-theme="light"] .footer-intro { border-bottom-color: rgba(36,54,83,.12); }
html[data-theme="light"] .footer-intro h2, html[data-theme="light"] .footer-project-head h3, html[data-theme="light"] .footer-links-head h3 { color: #1b2940; }
html[data-theme="light"] .footer-intro h2 span { color: #087e83; }
html[data-theme="light"] .footer-intro p, html[data-theme="light"] .footer-project-head p,
html[data-theme="light"] .footer-portfolio small, html[data-theme="light"] .footer-project small,
html[data-theme="light"] .footer-link small, html[data-theme="light"] .footer-bottom>div:first-child p,
html[data-theme="light"] .footer-bottom-nav a, html[data-theme="light"] .footer-copy { color: #627087; }
html[data-theme="light"] .footer-kicker, html[data-theme="light"] .footer-small-link,
html[data-theme="light"] .footer-bottom-nav a:hover, html[data-theme="light"] .footer-copy a { color: #087e83; }
html[data-theme="light"] .footer-portfolio { color: #1b2940; background: rgba(8,126,131,.06); border-color: rgba(8,126,131,.22); }
html[data-theme="light"] .footer-project, html[data-theme="light"] .footer-link { background: rgba(255,255,255,.68); border-color: rgba(36,54,83,.13); }
html[data-theme="light"] .footer-project strong, html[data-theme="light"] .footer-link strong,
html[data-theme="light"] .footer-bottom>div:first-child strong { color: #1b2940; }
html[data-theme="light"] .footer-bottom, html[data-theme="light"] .footer-copy { border-color: rgba(36,54,83,.12); }
html[data-theme="light"] .footer-bottom>div:first-child strong span { color: #087e83; }
html[data-theme="light"] .dz-loader { background: radial-gradient(ellipse at 50% 42%,rgba(127,81,190,.13),transparent 38%),radial-gradient(ellipse at 20% 90%,rgba(0,160,155,.08),transparent 35%),#f5f7fc; color: #182236; }
html[data-theme="light"] .loader-subtitle { color: #5c6980; }
html[data-theme="light"] .loader-message { color: #344259; }
html[data-theme="light"] .loader-progress { background: #dce4ef; }
html[data-theme="light"] .loader-meta { color: #69768b; }
html[data-theme="light"] .loader-skip { color: #344259; border-color: rgba(36,54,83,.2); background: rgba(255,255,255,.6); }

@media (max-width: 760px) {
  .theme-toggle { width: 42px; min-width: 42px; height: 42px; padding: 0; border-radius: 12px; }
  .theme-toggle-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
}
@media (max-width: 400px) { .header-inner { gap: 9px; } .brand-copy small { display: none; } .theme-toggle { width: 39px; min-width: 39px; height: 39px; } .menu-toggle { min-width: 42px; } }
@media (prefers-reduced-motion: reduce) { .theme-toggle { transition: none; } }
