/* =========================================================
   ONFIX SITE-WIDE THEME V8
   One shared Light/Dark system for all pages.
   Warm cream light theme, elegant charcoal dark theme.
   ========================================================= */

:root{
  --onfix-orange:#b9a05a;
  --onfix-orange-2:#c5af73;

  --onfix-dark-bg:#090c11;
  --onfix-dark-surface:#131821;
  --onfix-dark-surface-2:#1a202b;
  --onfix-dark-text:#ffffff;
  --onfix-dark-muted:#b9c1cc;
  --onfix-dark-line:rgba(255,255,255,.10);

  --onfix-light-bg:#f5efe4;
  --onfix-light-surface:#fffaf2;
  --onfix-light-surface-2:#f1e8db;
  --onfix-light-text:#1d1914;
  --onfix-light-muted:#625a51;
  --onfix-light-line:rgba(72,56,39,.15);
}

/* DARK */
html[data-theme="dark"],
html:not([data-theme="light"]){
  color-scheme:dark;
}
html[data-theme="dark"] body,
html:not([data-theme="light"]) body{
  background:
    radial-gradient(circle at 8% 0%,rgba(185,160,90,.055),transparent 28%),
    #090c11 !important;
  color:var(--onfix-dark-text) !important;
}
html[data-theme="dark"] header,
html[data-theme="dark"] footer,
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .catalog-header,
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .box,
html[data-theme="dark"] .card,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .order-card,
html[data-theme="dark"] .auth-container,
html[data-theme="dark"] .login-box,
html[data-theme="dark"] .register-box,
html[data-theme="dark"] .verify-box{
  background-color:var(--onfix-dark-surface);
  color:var(--onfix-dark-text);
  border-color:var(--onfix-dark-line);
}
html[data-theme="dark"] p,
html[data-theme="dark"] small,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .desc,
html[data-theme="dark"] .description,
html[data-theme="dark"] .meta,
html[data-theme="dark"] .subtitle{
  color:var(--onfix-dark-muted);
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  background:#111722 !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.12) !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#9099a6 !important}

/* LIGHT */
html[data-theme="light"]{
  color-scheme:light;
  --bg:var(--onfix-light-bg)!important;
  --surface:var(--onfix-light-surface)!important;
  --surface2:#fbf6ee!important;
  --panel:var(--onfix-light-surface)!important;
  --panel-2:#fbf6ee!important;
  --panel-3:var(--onfix-light-surface-2)!important;
  --text:var(--onfix-light-text)!important;
  --muted:var(--onfix-light-muted)!important;
  --line:var(--onfix-light-line)!important;
  --border:var(--onfix-light-line)!important;
}
html[data-theme="light"] body{
  background:
    radial-gradient(circle at 0 0,rgba(197,175,115,.11),transparent 26%),
    radial-gradient(circle at 100% 0,rgba(185,160,90,.05),transparent 25%),
    linear-gradient(180deg,#f8f3ea 0%,#f3ecdf 100%) !important;
  color:var(--onfix-light-text) !important;
}

/* Light surfaces */
html[data-theme="light"] header,
html[data-theme="light"] footer,
html[data-theme="light"] .site-header,
html[data-theme="light"] .catalog-header,
html[data-theme="light"] .topbar,
html[data-theme="light"] .panel,
html[data-theme="light"] .box,
html[data-theme="light"] .card,
html[data-theme="light"] .product-card,
html[data-theme="light"] .catalog-card,
html[data-theme="light"] .service-card,
html[data-theme="light"] .order-card,
html[data-theme="light"] .auth-container,
html[data-theme="light"] .login-box,
html[data-theme="light"] .register-box,
html[data-theme="light"] .verify-box,
html[data-theme="light"] .customer-kpi,
html[data-theme="light"] .info,
html[data-theme="light"] .form-card,
html[data-theme="light"] .content-card,
html[data-theme="light"] .table-wrap{
  background:linear-gradient(180deg,#fffaf2,#fcf6ec) !important;
  color:var(--onfix-light-text) !important;
  border-color:var(--onfix-light-line) !important;
  box-shadow:0 12px 32px rgba(70,50,30,.07) !important;
}
html[data-theme="light"] .sidebar,
html[data-theme="light"] #adminSidebar{
  background:#fffaf2 !important;
  color:var(--onfix-light-text) !important;
  border-color:var(--onfix-light-line) !important;
}
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6,
html[data-theme="light"] strong{
  color:var(--onfix-light-text);
}
html[data-theme="light"] p,
html[data-theme="light"] small,
html[data-theme="light"] .muted,
html[data-theme="light"] .desc,
html[data-theme="light"] .description,
html[data-theme="light"] .meta,
html[data-theme="light"] .subtitle{
  color:var(--onfix-light-muted);
}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:#fffdf8 !important;
  color:#181511 !important;
  border:1px solid rgba(72,56,39,.18) !important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{
  color:#8c8176 !important;
}
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus{
  border-color:#b9a05a !important;
  box-shadow:0 0 0 3px rgba(185,160,90,.10) !important;
}

/* Brand accents */
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .section-kicker,
html[data-theme="light"] .catalog-kicker,
html[data-theme="light"] .accent,
html[data-theme="light"] .product-price,
html[data-theme="light"] .price{
  color:#8a7135 !important;
}

/* Tables */
html[data-theme="light"] table{background:#fffaf2 !important}
html[data-theme="light"] th{
  background:#eee3d4 !important;
  color:#312a23 !important;
}
html[data-theme="light"] td{
  background:#fffaf2 !important;
  color:#241f1a !important;
}
html[data-theme="light"] th,
html[data-theme="light"] td{border-color:var(--onfix-light-line)!important}

/* Footer */
html[data-theme="light"] footer,
html[data-theme="light"] .site-footer,
html[data-theme="light"] .catalog-footer,
html[data-theme="light"] .customer-footer{
  background:#e9dfd0 !important;
  color:#554d44 !important;
}

/* Theme control */
.onfix-site-theme-global{
  min-width:32px;
  height:32px;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:#fff;
  cursor:pointer;
  font-size:16px;
  line-height:1;
}
html[data-theme="light"] .onfix-site-theme-global{
  background:#fffaf2;
  color:#2a241e;
  border-color:rgba(72,56,39,.16);
}

/* floating fallback */
.onfix-site-theme-fallback{
  position:fixed;
  top:14px;
  right:170px;
  z-index:2147483000;
}
@media(max-width:820px){
  .onfix-site-theme-fallback{top:10px;right:135px}
}

/* ONFIX FORCE LIGHT 2026-09-17 */
html{color-scheme:light!important;background:#fff!important}body{background:#fff!important;color:#111!important;background-image:none!important}
body *{border-color:rgba(0,0,0,.18)}
header,footer,main,section,aside,nav,.panel,.box,.card,.product-card,.catalog-card,.service-card,.order-card,.dashboard-card,.profile-card,.stat-card,.kpi,.table-wrap,.form-card,.sidebar,.topbar,.chat-list,.chat-room,.chat-reply,.dashboard-support-chat,.dashboard-chat-messages,.cart-item,.cart-summary,.empty{background-color:#fff!important;color:#111!important;background-image:none!important;box-shadow:none!important}
h1,h2,h3,h4,h5,h6,p,span,strong,small,label,li,td,th,a{color:#111!important}
input,select,textarea{background:#fff!important;color:#111!important;border:1px solid #111!important}
button,.btn,a.btn,input[type=submit],input[type=button],.site-link,.logout,.chat-tab,.cart-back,.shop-btn,.remove-btn,.dashboard-chat-form button,.chat-reply button{background:#fff!important;background-image:none!important;color:#111!important;border:1px solid #111!important;box-shadow:none!important}
button:hover,.btn:hover,a.btn:hover,.site-link:hover,.logout:hover{background:#f2f2f2!important;color:#111!important}
.onfix-global-controls{background:#fff!important;border:1px solid #111!important}.onfix-global-controls button{color:#111!important}.onfix-global-controls button.active{background:#fff!important;color:#111!important;border:1px solid #111!important}
.admin-chat-msg,.dashboard-chat-msg{background:#f5f5f5!important;color:#111!important;border:1px solid #bbb!important}.admin-chat-msg.admin,.dashboard-chat-msg.mine{background:#fff!important;color:#111!important;border:1px solid #111!important}
.onfix-chat-popup{background:#fff!important;color:#111!important;border:1px solid #111!important}.onfix-chat-badge{background:#d71920!important;color:#fff!important;border:1px solid #111!important}.onfix-chat-badge span{color:#fff!important}.onfix-chat-badge .count{background:#fff!important;color:#d71920!important}

/* ONFIX UNIVERSAL LIGHT OVERRIDE 2026-09-17 */
html{color-scheme:light!important;background:#fff!important}body{background-color:#fff!important;color:#111!important;background-image:none!important}
body button,body .btn,body a.btn,body input[type=submit],body input[type=button],body [class*="button"],body [class*="-btn"]{background:#fff!important;background-image:none!important;color:#111!important;border:1px solid #111!important;box-shadow:none!important}
body input,body select,body textarea{background:#fff!important;color:#111!important;border-color:#111!important}