/* ONFIX shared light/dark */
html{color-scheme:dark} html[data-theme="light"]{color-scheme:light}
.onfix-global-controls{position:fixed;right:14px;top:14px;z-index:2147483000;display:flex;gap:5px;padding:4px;border-radius:999px;background:rgba(15,17,22,.9);border:1px solid rgba(255,255,255,.12)}
.onfix-global-controls button{min-width:30px;height:30px;padding:0 7px;border:0;border-radius:999px;background:transparent;color:#fff;font:700 11px Arial;cursor:pointer}
.onfix-global-controls button.active{background:#b9a05a;color:#211b10!important;}
html[data-theme="light"] body{background:#f3f5f8!important;color:#17191f!important}
html[data-theme="light"] header,html[data-theme="light"] .site-header,html[data-theme="light"] .catalog-header,html[data-theme="light"] .topbar{background:#fff!important;color:#17191f!important;border-color:rgba(20,24,32,.1)!important}
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"] .dashboard-card,html[data-theme="light"] .profile-card,html[data-theme="light"] .stat-card,html[data-theme="light"] .kpi,html[data-theme="light"] .table-wrap,html[data-theme="light"] .form-card{background:#fff!important;color:#17191f!important;border-color:rgba(20,24,32,.1)!important;box-shadow:0 10px 30px rgba(20,24,32,.07)!important}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff!important;color:#17191f!important;border-color:rgba(20,24,32,.16)!important}
html[data-theme="light"] table,html[data-theme="light"] th,html[data-theme="light"] td{color:#17191f!important;border-color:rgba(20,24,32,.1)!important}
html[data-theme="light"] th{background:#eef1f5!important}
html[data-theme="light"] .sidebar,html[data-theme="light"] #adminSidebar{background:#fff!important;color:#17191f!important;border-color:rgba(20,24,32,.1)!important}
html[data-theme="light"] .sidebar a,html[data-theme="light"] #adminSidebar a{color:#525b67!important}
html[data-theme="light"] .main-nav{background:#fff!important} html[data-theme="light"] .main-nav a{color:#303640!important}
html[data-theme="light"] footer,html[data-theme="light"] .site-footer{background:#e9edf2!important;color:#303640!important}
html[data-theme="light"] .onfix-global-controls{background:rgba(255,255,255,.95);border-color:rgba(20,24,32,.14)}
html[data-theme="light"] .onfix-global-controls button{color:#222831}html[data-theme="light"] .onfix-global-controls button.active{color:#fff}
@media(max-width:820px){.onfix-global-controls{top:auto;right:10px;bottom:10px}}

/* 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}

/* =========================================================
   ONFIX CONTRAST / VISIBILITY FIX — 2026-09-23 v29
   Restores a readable premium light palette after the old universal-white
   override. White-on-white and pale controls are intentionally eliminated.
   ========================================================= */
:root{
  --onfix-ui-canvas:#efe0bd;
  --onfix-ui-card:#fffdf8;
  --onfix-ui-ink:#21190f;
  --onfix-ui-muted:#6d6255;
  --onfix-ui-line:rgba(92,66,20,.42);
  --onfix-ui-gold:#c79d43;
  --onfix-ui-gold-deep:#966b25;
  --onfix-ui-dark:#241b10;
}

html,
html body{
  color-scheme:light!important;
  background-color:var(--onfix-ui-canvas)!important;
  background-image:
    radial-gradient(circle at 10% 4%,rgba(255,255,255,.75),transparent 27%),
    radial-gradient(circle at 91% 17%,rgba(197,155,61,.16),transparent 31%),
    linear-gradient(145deg,#fff8e9 0%,#f1dfb8 56%,#dfbd78 100%)!important;
  color:var(--onfix-ui-ink)!important;
}

html body main{
  background-color:transparent!important;
}

/* Readable cards / panels on the warm page canvas. */
html body .card,
html body .panel,
html body .box,
html body .product-card,
html body .catalog-card,
html body .service-card,
html body .order-card,
html body .dashboard-card,
html body .profile-card,
html body .stat-card,
html body .kpi,
html body .table-wrap,
html body .form-card,
html body .cart-item,
html body .cart-summary,
html body .empty{
  background:linear-gradient(145deg,#fffefb 0%,#f8efe0 100%)!important;
  color:var(--onfix-ui-ink)!important;
  border-color:var(--onfix-ui-line)!important;
  box-shadow:0 10px 28px rgba(72,49,12,.10),inset 0 1px 0 #fff!important;
}

/* General interactive controls: dark enough to be obvious on light cards. */
html body button,
html body .btn,
html body a.btn,
html body input[type="submit"],
html body input[type="button"],
html body .site-link,
html body .logout,
html body .shop-btn,
html body .remove-btn,
html body .chat-tab,
html body .cart-back,
html body [class*="-btn"]{
  background:linear-gradient(145deg,#312719 0%,#17120c 100%)!important;
  background-image:linear-gradient(145deg,#312719 0%,#17120c 100%)!important;
  color:#fff8e8!important;
  border:1px solid rgba(184,142,55,.58)!important;
  box-shadow:0 6px 16px rgba(54,37,10,.15),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

html body button:hover,
html body .btn:hover,
html body a.btn:hover,
html body input[type="submit"]:hover,
html body input[type="button"]:hover,
html body .site-link:hover,
html body .logout:hover,
html body .shop-btn:hover,
html body [class*="-btn"]:hover{
  background:linear-gradient(145deg,#efd98e 0%,#c79d43 52%,#966b25 100%)!important;
  background-image:linear-gradient(145deg,#efd98e 0%,#c79d43 52%,#966b25 100%)!important;
  color:#1c1408!important;
  border-color:rgba(90,62,14,.70)!important;
}

/* Form fields remain light, but their edges and text are strong enough to read. */
html body input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html body select,
html body textarea{
  background:linear-gradient(180deg,#fff 0%,#f8f0e3 100%)!important;
  color:#18130c!important;
  border:1px solid rgba(73,55,26,.48)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.035)!important;
}
html body input::placeholder,
html body textarea::placeholder{
  color:#756b5f!important;
  opacity:1!important;
}

/* Header quick controls get dedicated contrast instead of inheriting generic buttons. */
html body .site-header .utility-search,
html body .site-header .utility-pill{
  background:linear-gradient(180deg,#fffefb 0%,#f4e8d0 100%)!important;
  color:#1c160d!important;
  border:1px solid rgba(92,66,20,.42)!important;
  box-shadow:0 5px 14px rgba(70,49,12,.10),inset 0 1px 0 #fff!important;
}
html body .site-header .utility-pill,
html body .site-header .utility-pill span,
html body .site-header .utility-pill__chevron{
  color:#1b150d!important;
}
html body .site-header .utility-pill__icon,
html body .site-header .utility-search button,
html body .site-header .onfix-header-cart-btn{
  background:linear-gradient(145deg,#f1d98d 0%,#c79d43 52%,#966b25 100%)!important;
  background-image:linear-gradient(145deg,#f1d98d 0%,#c79d43 52%,#966b25 100%)!important;
  color:#1b1308!important;
  border:1px solid rgba(94,65,15,.60)!important;
  box-shadow:0 7px 17px rgba(115,77,14,.18),inset 0 1px 0 rgba(255,255,255,.65)!important;
}
html body .site-header .utility-search input{
  background:transparent!important;
  color:#18130c!important;
  border:0!important;
  box-shadow:none!important;
}
html body .site-header .utility-search input::placeholder{
  color:#756b5e!important;
}

/* Language chips keep the flags clean instead of becoming black rectangles. */
html body .site-header .lang-btn{
  background:rgba(255,253,247,.92)!important;
  background-image:none!important;
  color:#17120c!important;
  border:1px solid rgba(92,66,20,.30)!important;
  box-shadow:none!important;
}
html body .site-header .lang-btn:hover,
html body .site-header .lang-btn.active{
  background:#ead39d!important;
  background-image:none!important;
  color:#17120c!important;
}

/* Preserve semantic floating chat colors. */
html body .onfix-chat-badge{
  background:#d71920!important;
  background-image:none!important;
  color:#fff!important;
}
html body .onfix-chat-badge span{color:#fff!important}
html body .onfix-chat-badge .count{background:#fff!important;color:#b30f16!important}

/* Header surface is deliberately darker than the warm page canvas for clear navigation. */
html body .site-header{
  background:
    radial-gradient(circle at 16% -55%,rgba(238,205,121,.22),transparent 38%),
    linear-gradient(180deg,#242a33 0%,#0c0f14 100%)!important;
  color:#f7f1e4!important;
  border-bottom:1px solid rgba(226,190,102,.34)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.26)!important;
}
html body .site-header .main-nav a,
html body .site-header .login-link{color:#f7f1e4!important}
html body .site-header .main-nav a:hover{color:#efd98e!important}
html body .site-header .menu-toggle span{background:#e8cf89!important}


/* =========================================================
   ONFIX V29 — FINAL BUTTON / LINK VISIBILITY FIX — 2026-09-23
   Stronger contrast for light/champagne pages and all clickable controls.
   ========================================================= */
:root{
  --onfix-v29-ink:#15110a;
  --onfix-v29-muted:#5e5549;
  --onfix-v29-gold:#d3a846;
  --onfix-v29-gold-dark:#94661b;
  --onfix-v29-line:#2d261b;
  --onfix-v29-paper:#fffdf8;
  --onfix-v29-paper-2:#f6eddf;
}

/* Never let interactive elements fade into a pale background. */
html body button,
html body .button,
html body .btn,
html body a.btn,
html body input[type="submit"],
html body input[type="button"],
html body .site-link,
html body .shop-btn,
html body .cart-back,
html body .remove-btn,
html body [class*="-btn"]{
  opacity:1!important;
  filter:none!important;
  color:var(--onfix-v29-ink)!important;
  background:linear-gradient(145deg,#f6df91 0%,var(--onfix-v29-gold) 54%,#b17b22 100%)!important;
  background-image:linear-gradient(145deg,#f6df91 0%,var(--onfix-v29-gold) 54%,#b17b22 100%)!important;
  border:1px solid rgba(74,51,12,.78)!important;
  box-shadow:0 7px 18px rgba(77,52,10,.18),inset 0 1px 0 rgba(255,255,255,.78)!important;
  text-shadow:none!important;
  font-weight:800!important;
}
html body button:hover,
html body .button:hover,
html body .btn:hover,
html body a.btn:hover,
html body input[type="submit"]:hover,
html body input[type="button"]:hover,
html body .site-link:hover,
html body .shop-btn:hover,
html body .cart-back:hover,
html body [class*="-btn"]:hover{
  color:#090704!important;
  background:linear-gradient(145deg,#fff1b8 0%,#e0b654 52%,#bd8425 100%)!important;
  background-image:linear-gradient(145deg,#fff1b8 0%,#e0b654 52%,#bd8425 100%)!important;
  border-color:#4b350f!important;
  box-shadow:0 9px 22px rgba(77,52,10,.24),inset 0 1px 0 rgba(255,255,255,.85)!important;
}
html body button:focus-visible,
html body a:focus-visible,
html body input:focus-visible,
html body select:focus-visible,
html body textarea:focus-visible{
  outline:3px solid #b88324!important;
  outline-offset:3px!important;
}

/* Header quick controls — clean white/gold with unmistakable edges. */
html body .site-header .utility-search,
html body .site-header .utility-pill,
html body .site-header .utility-icon-btn,
html body .site-header .utility-lang-shell{
  opacity:1!important;
  background:linear-gradient(180deg,#fff 0%,#f6eddf 100%)!important;
  color:var(--onfix-v29-ink)!important;
  border:1px solid rgba(45,38,27,.42)!important;
  box-shadow:0 5px 14px rgba(51,38,14,.10),inset 0 1px 0 #fff!important;
}
html body .site-header .utility-search input{
  color:#17130d!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .site-header .utility-search input::placeholder{color:#6c6255!important;opacity:1!important}
html body .site-header .utility-pill,
html body .site-header .utility-pill span,
html body .site-header .utility-pill__chevron{color:#17130d!important}
html body .site-header .utility-search button,
html body .site-header .utility-pill__icon,
html body .site-header .onfix-header-cart-btn{
  color:#100c05!important;
  background:linear-gradient(145deg,#f4dc8b,#d0a541 54%,#a56f1e)!important;
  background-image:linear-gradient(145deg,#f4dc8b,#d0a541 54%,#a56f1e)!important;
  border:1px solid rgba(71,49,12,.72)!important;
  box-shadow:0 7px 17px rgba(94,63,12,.20),inset 0 1px 0 rgba(255,255,255,.75)!important;
}
html body .site-header .onfix-header-cart-btn svg,
html body .site-header .utility-search button svg,
html body .site-header .utility-pill__icon svg{fill:currentColor!important;color:currentColor!important}
html body .site-header .lang-btn{
  background:#fff!important;
  background-image:none!important;
  border:1px solid rgba(45,38,27,.30)!important;
  color:#17130d!important;
}

/* Cards which act as buttons/links. */
html body a.onfix-commerce-card,
html body a.onfix-commerce-subaction,
html body .onfix-address-link{
  opacity:1!important;
  color:#17130d!important;
  background:linear-gradient(145deg,#fff 0%,#f7f0e4 100%)!important;
  border:1.5px solid rgba(35,30,22,.74)!important;
  box-shadow:0 6px 16px rgba(44,34,17,.10),inset 0 1px 0 #fff!important;
  text-shadow:none!important;
}
html body a.onfix-commerce-card:hover,
html body a.onfix-commerce-subaction:hover,
html body .onfix-address-link:hover{
  color:#0d0a05!important;
  background:linear-gradient(145deg,#fffef9 0%,#ead39d 100%)!important;
  border-color:#8e641b!important;
  box-shadow:0 9px 22px rgba(70,49,12,.16),inset 0 1px 0 #fff!important;
}
html body a.onfix-commerce-card *,
html body a.onfix-commerce-subaction *,
html body .onfix-address-link *{color:inherit!important;opacity:1!important}

/* Text should remain readable in light-mode footer/card variants. */
html body .footer-panel,
html body .footer-location-pro,
html body .onfix-payment-strip{
  color:#17130d!important;
}
html body .footer-panel h1,
html body .footer-panel h2,
html body .footer-panel h3,
html body .footer-panel p,
html body .footer-panel span,
html body .footer-panel a,
html body .footer-location-pro h1,
html body .footer-location-pro h2,
html body .footer-location-pro h3,
html body .footer-location-pro p,
html body .footer-location-pro span,
html body .footer-location-pro a,
html body .onfix-payment-strip h1,
html body .onfix-payment-strip h2,
html body .onfix-payment-strip h3,
html body .onfix-payment-strip p,
html body .onfix-payment-strip span{
  color:#17130d!important;
  opacity:1!important;
  text-shadow:none!important;
}