/* ONFIX: matte-gold honeycomb, quiet center, no animation or interaction. */
html:root:root body {
  isolation:isolate;
}
html:root:root:not([data-theme="light"]) body {
  background:#050505 !important;
}
html:root:root body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:url("/assets/onfix-honeycomb-gold.svg?v=20260903-honeycomb");
  background-repeat:no-repeat;
  background-position:right top;
  background-size:clamp(380px,65vw,940px) auto;
  opacity:1;
}
/* Keep light mode functional; the same texture becomes a faint gold detail. */
html:root:root[data-theme="light"] body::before {
  opacity:.24;
}
@media(max-width:760px) {
  html:root:root body::before {
    background-size:100% auto;
  }
}
@media print {
  html:root:root body::before {display:none;}
}

/* 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 BACKGROUND CONTRAST FIX — 2026-09-23 v29 */
html:root:root,
html:root:root body{
  color-scheme:light!important;
  background-color:#efe0bd!important;
}
html:root:root body{
  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:#21190f!important;
}
html:root:root body::before{
  opacity:.10!important;
}

/* Controls must remain visible even when this stylesheet loads after onfix-global.css. */
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}

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;
}
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;
}
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;
}
html body .site-header .lang-btn{
  background:rgba(255,253,247,.94)!important;
  background-image:none!important;
  color:#17120c!important;
  border:1px solid rgba(92,66,20,.30)!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;
}