/* Loaded after each page's own styles so nav icons and dark-theme
   colours cannot be overridden by page-level rules. */


/* Nav icons — appended last so page-level button rules cannot outrank them */
.dark-btn,.snd-btn{background:none !important;border:none !important;box-shadow:none !important;
  color:var(--black) !important}
.dark-btn-svg,.wave-svg{stroke:currentColor;fill:none}
.icon-sun{display:block !important}
.icon-moon{display:none !important}
[data-theme="dark"] .icon-sun{display:none !important}
[data-theme="dark"] .icon-moon{display:block !important}

/* Dark theme — placed after the page's own stylesheet, which otherwise
   overrides these with fixed colours and leaves the nav invisible. */
[data-theme="dark"]{
  --black:#f0f0f0;
  --white:#0f0f0f;
  --gray1:#1a1a1a;
  --gray2:#2a2a2a;
  --gray3:#666;
  --gray4:#aaa;
}
[data-theme="dark"] body{background:#0f0f0f;color:#f0f0f0}
[data-theme="dark"] nav{background:rgba(15,15,15,0.97);border-bottom-color:#2a2a2a}
[data-theme="dark"] .nav-mobile{background:rgba(15,15,15,.98)}
[data-theme="dark"] .hero{background:#0f0f0f}
[data-theme="dark"] .upload-zone{background:#1a1a1a;border-color:#2a2a2a}
[data-theme="dark"] .upload-zone:hover{background:#222;border-color:#444}
[data-theme="dark"] .part-item{background:#1a1a1a;border-color:#2a2a2a}
[data-theme="dark"] .part-item.active{border-color:#f0f0f0}
[data-theme="dark"] .viewer-wrap{background:#111}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#1a1a1a;border-color:#2a2a2a;color:#f0f0f0}
[data-theme="dark"] .order-form{background:#0f0f0f}
[data-theme="dark"] .est-card{background:#1a1a1a}
[data-theme="dark"] .section-alt{background:#111}
[data-theme="dark"] .footer-main{background:#0a0a0a;border-top-color:#1a1a1a}
[data-theme="dark"] .footer-bottom{background:#050505}
[data-theme="dark"] .hero-cta{background:#f0f0f0;color:#0a0a0a}
[data-theme="dark"] .hero-cta:hover{background:#ffffff}
[data-theme="dark"] .hero-cta-secondary{color:#666}
[data-theme="dark"] .hero-cta-secondary:hover{color:#f0f0f0}
[data-theme="dark"] .trust-bar{background:#1a1a1a}
[data-theme="dark"] .sticky-cta{background:#1a1a1a;border-top-color:#2a2a2a}
[data-theme="dark"] .sticky-btn{background:#f0f0f0;color:#0a0a0a}
[data-theme="dark"] .sticky-btn:hover{background:#fff}
[data-theme="dark"] .stripe-wrap{background:#1a1a1a}
[data-theme="dark"] .icon-sun{display:none}
[data-theme="dark"] .icon-moon{display:block}
[data-theme="dark"] .csel-val{border-bottom-color:#444}
[data-theme="dark"] .csel-drop{background:#1a1a1a;border-color:#333;box-shadow:0 4px 16px rgba(0,0,0,.5)}
[data-theme="dark"] .csel-opt{color:#f0f0f0}
[data-theme="dark"] .csel-opt:hover{background:#2a2a2a}
[data-theme="dark"] .csel-opt.selected{color:#fff}
[data-theme="dark"] .btn-ar{background:#f0f0f0;color:#0a0a0a}
[data-theme="dark"] .wa-btn{background:#f0f0f0;box-shadow:0 4px 20px rgba(0,0,0,.5)}
[data-theme="dark"] .wa-btn svg{fill:#0a0a0a}
/* ── Dark mode: viewer, thumbnails, inputs ── */
[data-theme="dark"] .viewer-canvas-wrap{background:#111}
[data-theme="dark"] #ovLoading{background:rgba(15,15,15,.96)}
[data-theme="dark"] .vi-item:hover{background:#222}
[data-theme="dark"] .vi-item.active-thumb{background:#1a1a1a}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#1a1a1a;border-color:#2a2a2a;color:#f0f0f0;color-scheme:dark}
[data-theme="dark"] .vi-field select,[data-theme="dark"] .vi-mat-col-inner select{color-scheme:dark;background:#1a1a1a;color:#f0f0f0}
[data-theme="dark"] .vi-field input,[data-theme="dark"] .vi-field select{color:#f0f0f0;background:transparent}
[data-theme="dark"] .vi-mat-col-inner select{color:#f0f0f0;background:#1a1a1a}
[data-theme="dark"] .fg input:focus,[data-theme="dark"] .fg select:focus,[data-theme="dark"] .fg textarea:focus{background:#222;color:#f0f0f0}
[data-theme="dark"] .order-panel{background:#111}
[data-theme="dark"] .vi-item{background:#111;border-color:#2a2a2a}
[data-theme="dark"] .vi-field{border-bottom-color:#2a2a2a}
[data-theme="dark"] .vi-cfg{background:#111}
[data-theme="dark"] .part-price{color:#f0f0f0}
[data-theme="dark"] .hiw-arrow{background:#0f0f0f;color:#fff}