/* VLIKE Digital Market V8 — accessible cyber night mode. */

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) {
  --vdm-bg: #070b14;
  --vdm-surface: #0f172a;
  --vdm-surface-2: #16213a;
  --vdm-surface-3: #1c2945;
  --vdm-heading: #f8fafc;
  --vdm-text: #e8eef9;
  --vdm-muted: #aab6cc;
  --vdm-line: rgba(157, 180, 220, .18);
  --vdm-brand: #8b7cff;
  --vdm-brand-2: #22d3ee;
  --vdm-success: #4ade80;
  --vdm-danger: #fb7185;
  --vdm-warning: #fbbf24;
  --vdm-shadow: 0 24px 64px rgba(0, 0, 0, .48);
  color-scheme: dark;
  color: var(--vdm-text);
  background:
    radial-gradient(circle at 8% 3%, rgba(124, 92, 255, .11), transparent 31%),
    radial-gradient(circle at 92% 14%, rgba(34, 211, 238, .075), transparent 28%),
    linear-gradient(180deg, #080d18, var(--vdm-bg) 42%);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(h1, h2, h3, h4, h5, h6, strong, dt) {
  color: var(--vdm-heading);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(.vdm-section-heading p, .vdm-page-heading p, .vdm-lead, .vdm-product-mini-copy p, .vdm-library-copy p, .vdm-seller-card p, .vdm-seller-card small, .vdm-form-grid small, .vdm-form-footer, .vdm-meta-list dt, .vdm-timeline time, .vdm-question-list time) {
  color: var(--vdm-muted) !important;
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(
  .vdm-category-grid > a,
  .vdm-product-card,
  .vdm-catalog-toolbar,
  .vdm-filter-panel,
  .vdm-detail-section,
  .vdm-buy-card,
  .vdm-seller-card,
  .vdm-panel,
  .vdm-library-item,
  .vdm-step,
  .vdm-modal-panel,
  .vdm-delivery-options > label,
  .vdm-seller-products > article,
  .vdm-smart-field,
  .vdm-form-shell
) {
  border-color: var(--vdm-line);
  background-color: var(--vdm-surface);
  color: var(--vdm-text);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(.vdm-dashboard, .vdm-library, .vdm-sell-page) {
  border-color: rgba(139, 124, 255, .18);
  background:
    radial-gradient(circle at 96% -8%, rgba(34, 211, 238, .07), transparent 30%),
    linear-gradient(160deg, rgba(15, 23, 42, .98), rgba(7, 11, 20, .98));
  box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(.vdm-state, .vdm-empty, .vdm-info-block, .vdm-about, .vdm-feature-grid li, .vdm-review, .vdm-questions, .vdm-question-manage, .vdm-question-list > article, .vdm-version-list > article, .vdm-ticket-thread, .vdm-checkout-summary, .vdm-license-value, .vdm-library-icon, .vdm-product-mini-cover) {
  border-color: var(--vdm-line);
  background: var(--vdm-surface-2);
  color: var(--vdm-text);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(.vdm-detail-tabs, .vdm-compact-header) {
  border-color: rgba(139, 124, 255, .2);
  background: rgba(10, 17, 32, .9);
  box-shadow: 0 14px 38px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .035);
  backdrop-filter: blur(18px) saturate(125%);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) .vdm-gallery-stage {
  border-color: rgba(139, 124, 255, .24);
  background:
    linear-gradient(45deg, rgba(255, 255, 255, .018) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .018) 75%),
    linear-gradient(45deg, rgba(255, 255, 255, .018) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .018) 75%),
    radial-gradient(circle at 50% 38%, #1b2843, #0b1220 70%);
  background-position: 0 0, 12px 12px, 0 0;
  background-size: 24px 24px, 24px 24px, auto;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .04);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border-color: rgba(170, 182, 204, .23) !important;
  background: #111c31 !important;
  color: #f8fafc !important;
  caret-color: #67e8f9;
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(input, textarea)::placeholder {
  color: #8795af !important;
  opacity: 1;
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
  border-color: #67e8f9 !important;
  background: #0c1628 !important;
  box-shadow: 0 0 0 4px rgba(34, 211, 238, .13) !important;
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(input, select, textarea):disabled {
  color: #7f8ca3 !important;
  background: #0b1322 !important;
  opacity: .78;
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) .vdm-btn-secondary {
  color: #edf3ff !important;
  border-color: rgba(170, 182, 204, .22);
  background: #16213a;
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) .vdm-btn-secondary:hover {
  color: #fff !important;
  border-color: rgba(103, 232, 249, .42);
  background: #1c2b49;
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) .vdm-sale-badge {
  color: #fff !important;
  background: #be123c !important;
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) .vdm-card-preview {
  color: #ecfeff;
  border: 1px solid rgba(103, 232, 249, .24);
  background: rgba(7, 15, 29, .9);
  box-shadow: 0 9px 24px rgba(0, 0, 0, .3);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) .vdm-alert {
  color: #d1fae5;
  border-color: rgba(74, 222, 128, .36);
  background: rgba(6, 78, 59, .68);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) .vdm-alert.is-error {
  color: #ffe4e6;
  border-color: rgba(251, 113, 133, .38);
  background: rgba(127, 29, 29, .7);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) .vdm-admin-banner {
  color: #dbeafe;
  border-color: rgba(96, 165, 250, .34);
  background: rgba(30, 64, 175, .26);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) .vdm-admin-banner-warning {
  color: #fef3c7;
  border-color: rgba(251, 191, 36, .36);
  background: rgba(120, 53, 15, .34);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(.vdm-upload-progress, .vdm-review-checklist > div) {
  color: #d1fae5;
  border: 1px solid rgba(74, 222, 128, .3);
  background: rgba(6, 95, 70, .28);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) .vdm-private-badge {
  color: #bbf7d0;
  border-color: rgba(74, 222, 128, .3);
  background: rgba(22, 101, 52, .34);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) .vdm-status {
  color: #bfdbfe;
  border: 1px solid rgba(96, 165, 250, .25);
  background: rgba(30, 64, 175, .34);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(.vdm-status-published, .vdm-status-active, .vdm-status-seller_replied) {
  color: #bbf7d0;
  border-color: rgba(74, 222, 128, .26);
  background: rgba(22, 101, 52, .38);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(.vdm-status-pending_review, .vdm-status-open, .vdm-status-buyer_replied) {
  color: #fde68a;
  border-color: rgba(251, 191, 36, .27);
  background: rgba(120, 53, 15, .42);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(.vdm-status-rejected, .vdm-status-suspended, .vdm-status-revoked, .vdm-status-failed) {
  color: #fecdd3;
  border-color: rgba(251, 113, 133, .28);
  background: rgba(127, 29, 29, .43);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(.vdm-status-closed, .vdm-status-expired, .vdm-status-refunded) {
  color: #cbd5e1;
  border-color: rgba(148, 163, 184, .25);
  background: rgba(51, 65, 85, .58);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(.vdm-smart-field, .vdm-code-window, .vdm-view-mode-bar) {
  border-color: rgba(139, 124, 255, .22) !important;
  background: #0b1323 !important;
  color: var(--vdm-text) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .34);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(.vdm-code-header, .vdm-editor-toolbar) {
  border-color: rgba(170, 182, 204, .14) !important;
  background: #101b30 !important;
  color: var(--vdm-muted) !important;
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(.vdm-markdown p, .vdm-markdown li, .vdm-rich-copy, .vdm-ticket-message p, .vdm-question-list p, .vdm-review p) {
  color: var(--vdm-text);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) .vdm-markdown :is(th, td) {
  color: var(--vdm-text);
  border-color: var(--vdm-line);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) .vdm-markdown th {
  background: var(--vdm-surface-3);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(.vdm-preview-rich code, .vdm-content-quality strong, .vdm-smart-field-foot small b) {
  color: #c4b5fd;
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) .vdm-preview-rich code {
  background: rgba(139, 124, 255, .18);
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) :is(.vdm-preview-head, .vdm-content-quality) {
  border-color: var(--vdm-line);
  background: linear-gradient(135deg, rgba(139, 124, 255, .13), rgba(34, 211, 238, .055));
}

:is(
  .vlike-night-active .vdm-shell,
  .vdm-shell[data-vlike-theme="dark"],
  body.theme-dark .vdm-shell,
  body[data-theme="dark"] .vdm-shell,
  .night-mode .vdm-shell
) ::-webkit-scrollbar-thumb {
  background: rgba(139, 124, 255, .42);
  border-radius: 999px;
}

@media (prefers-contrast: more) {
  :is(.vlike-night-active .vdm-shell, .vdm-shell[data-vlike-theme="dark"]) {
    --vdm-text: #fff;
    --vdm-muted: #cbd5e1;
    --vdm-line: rgba(226, 232, 240, .34);
  }
}