/* ONFIX public/customer light palette — aligned with current Admin CRM light UI.
   Scope is intentionally limited to pages that opt in with body.onfix-public-admin-light. */

body.onfix-public-admin-light{
  --bg:#f3f5f8;
  --surface:#ffffff;
  --surface2:#f8f9fb;
  --text:#111111;
  --muted:#68717d;
  --line:rgba(20,24,32,.14);
  --shadow:0 14px 34px rgba(20,24,32,.08);
  min-height:100vh;
  background:#f3f5f8 !important;
  background-image:none !important;
  color:#111 !important;
}

body.onfix-public-admin-light h1,
body.onfix-public-admin-light h2,
body.onfix-public-admin-light h3,
body.onfix-public-admin-light h4,
body.onfix-public-admin-light h5,
body.onfix-public-admin-light h6,
body.onfix-public-admin-light p,
body.onfix-public-admin-light li,
body.onfix-public-admin-light label,
body.onfix-public-admin-light th,
body.onfix-public-admin-light td,
body.onfix-public-admin-light strong,
body.onfix-public-admin-light .main-nav a,
body.onfix-public-admin-light .login-link,
body.onfix-public-admin-light .dashboard-topnav-links a{
  color:#111 !important;
}

body.onfix-public-admin-light small,
body.onfix-public-admin-light .muted,
body.onfix-public-admin-light .hero-lead,
body.onfix-public-admin-light .quick-facts small,
body.onfix-public-admin-light .section-heading p,
body.onfix-public-admin-light .split-copy>p,
body.onfix-public-admin-light .order-copy>p,
body.onfix-public-admin-light .order-main p,
body.onfix-public-admin-light .order-meta,
body.onfix-public-admin-light .quick-customer-actions small,
body.onfix-public-admin-light .support-chat-heading p,
body.onfix-public-admin-light .dashboard-chat-msg small,
body.onfix-public-admin-light .dashboard-chat-empty,
body.onfix-public-admin-light .footer-brand p,
body.onfix-public-admin-light .footer-grid a,
body.onfix-public-admin-light .footer-grid span,
body.onfix-public-admin-light .footer-bottom,
body.onfix-public-admin-light .onfix-public-review-head p,
body.onfix-public-admin-light .onfix-public-review-date,
body.onfix-public-admin-light .onfix-public-review-loading,
body.onfix-public-admin-light .onfix-chat-head span,
body.onfix-public-admin-light .onfix-chat-status,
body.onfix-public-admin-light .onfix-chat-send-row small,
body.onfix-public-admin-light .onfix-chat-contact summary,
body.onfix-public-admin-light .onfix-chat-contact summary span{
  color:#68717d !important;
}

/* Admin-style white surfaces */
body.onfix-public-admin-light .site-header,
body.onfix-public-admin-light .hero,
body.onfix-public-admin-light .quick-facts,
body.onfix-public-admin-light .section,
body.onfix-public-admin-light .section--dark,
body.onfix-public-admin-light .stats-section,
body.onfix-public-admin-light .video-cta-below-ticker,
body.onfix-public-admin-light .site-footer,
body.onfix-public-admin-light .dashboard-topnav,
body.onfix-public-admin-light .customer-kpi,
body.onfix-public-admin-light .quick-customer-actions a,
body.onfix-public-admin-light .box,
body.onfix-public-admin-light .order-card,
body.onfix-public-admin-light .dashboard-support-chat,
body.onfix-public-admin-light .customer-footer,
body.onfix-public-admin-light .gift-modal,
body.onfix-public-admin-light .utility-search,
body.onfix-public-admin-light .utility-pill,
body.onfix-public-admin-light .utility-icon-btn,
body.onfix-public-admin-light .utility-lang-shell,
body.onfix-public-admin-light .service-card,
body.onfix-public-admin-light .video-card,
body.onfix-public-admin-light .order-card--premium,
body.onfix-public-admin-light .cta-inner,
body.onfix-public-admin-light .footer-panel,
body.onfix-public-admin-light .onfix-public-review-card,
body.onfix-public-admin-light .onfix-public-review-item,
body.onfix-public-admin-light .onfix-chat-panel,
body.onfix-public-admin-light .onfix-chat-head,
body.onfix-public-admin-light .onfix-chat-form,
body.onfix-public-admin-light .onfix-chat-contact,
body.onfix-public-admin-light .onfix-chat-msg,
body.onfix-public-admin-light .services-entry-card,
body.onfix-public-admin-light .onfix-location-card,
body.onfix-public-admin-light .video-hub-card,
body.onfix-public-admin-light .floating-card{
  background:#fff !important;
  background-image:none !important;
  color:#111 !important;
  border-color:rgba(20,24,32,.14) !important;
  box-shadow:0 14px 34px rgba(20,24,32,.08) !important;
}

body.onfix-public-admin-light .section,
body.onfix-public-admin-light .section--dark,
body.onfix-public-admin-light .hero,
body.onfix-public-admin-light .quick-facts,
body.onfix-public-admin-light .stats-section,
body.onfix-public-admin-light .video-cta-below-ticker,
body.onfix-public-admin-light .site-footer{
  border-color:rgba(20,24,32,.12) !important;
}

body.onfix-public-admin-light .hero-glow,
body.onfix-public-admin-light .video-cta-below-ticker::before{
  opacity:.15 !important;
}

/* Header / navigation */
body.onfix-public-admin-light .site-header{
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid rgba(20,24,32,.12) !important;
  box-shadow:0 8px 24px rgba(20,24,32,.05) !important;
}
body.onfix-public-admin-light .utility-search,
body.onfix-public-admin-light .utility-pill,
body.onfix-public-admin-light .utility-icon-btn,
body.onfix-public-admin-light .utility-lang-shell{
  border:1px solid #111 !important;
}
body.onfix-public-admin-light .utility-search input,
body.onfix-public-admin-light .utility-search input::placeholder{
  color:#111 !important;
}
body.onfix-public-admin-light .utility-pill__icon{
  background:#f3f4f6 !important;
  color:#111 !important;
  border:1px solid rgba(20,24,32,.12) !important;
}
body.onfix-public-admin-light .utility-pill__chevron,
body.onfix-public-admin-light .utility-icon-btn{
  color:#111 !important;
}
body.onfix-public-admin-light .main-nav.open{
  background:#fff !important;
  border:1px solid #111 !important;
  box-shadow:0 14px 34px rgba(20,24,32,.10) !important;
}
body.onfix-public-admin-light .menu-toggle span{background:#111 !important;}

/* Buttons: same white / black-outline language as the Admin light UI */
body.onfix-public-admin-light button,
body.onfix-public-admin-light .button,
body.onfix-public-admin-light a.button,
body.onfix-public-admin-light input[type="submit"],
body.onfix-public-admin-light input[type="button"],
body.onfix-public-admin-light .dashboard-link,
body.onfix-public-admin-light .logout-btn,
body.onfix-public-admin-light .order-open,
body.onfix-public-admin-light .customer-footer a,
body.onfix-public-admin-light .dashboard-cart-open span,
body.onfix-public-admin-light .gift-open-btn,
body.onfix-public-admin-light .gift-use-btn,
body.onfix-public-admin-light .navigator-button,
body.onfix-public-admin-light .onfix-public-review-send button,
body.onfix-public-admin-light .onfix-chat-quick button,
body.onfix-public-admin-light .onfix-chat-send-row button,
body.onfix-public-admin-light .onfix-chat-head button,
body.onfix-public-admin-light .auth-modal-actions a,
body.onfix-public-admin-light .auth-modal-actions button{
  background:#fff !important;
  background-image:none !important;
  color:#111 !important;
  border:1px solid #111 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
body.onfix-public-admin-light button:hover,
body.onfix-public-admin-light .button:hover,
body.onfix-public-admin-light a.button:hover,
body.onfix-public-admin-light .dashboard-link:hover,
body.onfix-public-admin-light .logout-btn:hover,
body.onfix-public-admin-light .order-open:hover,
body.onfix-public-admin-light .quick-customer-actions a:hover{
  background:#f2f2f2 !important;
  color:#111 !important;
  border-color:#111 !important;
}

/* Language controls stay legible in selected state */
body.onfix-public-admin-light .language-switcher,
body.onfix-public-admin-light .site-header .header-language-switcher--menu-side .language-switcher{
  background:#fff !important;
  border:1px solid #111 !important;
}
body.onfix-public-admin-light .lang-btn{
  background:#fff !important;
  color:#111 !important;
  border:0 !important;
}
body.onfix-public-admin-light .lang-btn.active{
  background:#f3f4f6 !important;
  color:#111 !important;
  box-shadow:inset 0 0 0 1px #111 !important;
}

/* Inputs/forms */
body.onfix-public-admin-light input,
body.onfix-public-admin-light select,
body.onfix-public-admin-light textarea,
body.onfix-public-admin-light .contact-form input,
body.onfix-public-admin-light .contact-form select,
body.onfix-public-admin-light .contact-form textarea,
body.onfix-public-admin-light .dashboard-chat-form textarea,
body.onfix-public-admin-light .onfix-public-review-form input,
body.onfix-public-admin-light .onfix-public-review-form select,
body.onfix-public-admin-light .onfix-public-review-form textarea,
body.onfix-public-admin-light .onfix-chat-form input,
body.onfix-public-admin-light .onfix-chat-form textarea{
  background:#fff !important;
  color:#111 !important;
  border:1px solid #111 !important;
  box-shadow:none !important;
}
body.onfix-public-admin-light input::placeholder,
body.onfix-public-admin-light textarea::placeholder{color:#757b84 !important;opacity:1 !important;}
body.onfix-public-admin-light .contact-form label>span{color:#111 !important;}

/* Customer dashboard */
body.onfix-public-admin-light .dashboard-topnav,
body.onfix-public-admin-light .box,
body.onfix-public-admin-light .customer-kpi,
body.onfix-public-admin-light .quick-customer-actions a,
body.onfix-public-admin-light .customer-footer{
  border:1px solid rgba(20,24,32,.14) !important;
}
body.onfix-public-admin-light .dashboard-header h1,
body.onfix-public-admin-light .box h2,
body.onfix-public-admin-light .quick-customer-actions strong,
body.onfix-public-admin-light .customer-footer strong,
body.onfix-public-admin-light .support-chat-heading h2,
body.onfix-public-admin-light .customer-kpi strong{
  color:#111 !important;
}
body.onfix-public-admin-light .dashboard-brand span,
body.onfix-public-admin-light .support-chat-kicker,
body.onfix-public-admin-light .gift-kicker,
body.onfix-public-admin-light .section-kicker,
body.onfix-public-admin-light .section-heading>span,
body.onfix-public-admin-light .onfix-public-review-kicker{
  color:#8b6f24 !important;
}
body.onfix-public-admin-light .customer-kpi.highlight{
  background:#fff !important;
  border:1px solid rgba(185,160,90,.45) !important;
}
body.onfix-public-admin-light .customer-kpi span{color:#68717d !important;}
body.onfix-public-admin-light .dashboard-topnav-links a:hover{background:#f2f2f2 !important;}
body.onfix-public-admin-light .dashboard-chat-messages{
  background:#f8f9fb !important;
  color:#111 !important;
  border:1px solid rgba(20,24,32,.14) !important;
}
body.onfix-public-admin-light .dashboard-chat-msg{
  background:#fff !important;
  color:#111 !important;
  border:1px solid #b9bec6 !important;
  box-shadow:none !important;
}
body.onfix-public-admin-light .dashboard-chat-msg.mine{
  background:#f3f4f6 !important;
  color:#111 !important;
  border:1px solid #111 !important;
}
body.onfix-public-admin-light .support-chat-online{
  background:#f6fff8 !important;
  color:#365b40 !important;
  border-color:#c8e9d1 !important;
}
body.onfix-public-admin-light .status{
  background:#f4efe1 !important;
  color:#6d571a !important;
  border:1px solid rgba(185,160,90,.32) !important;
}
body.onfix-public-admin-light .unread-badge{
  background:#d71920 !important;
  color:#fff !important;
  border:1px solid #111 !important;
}
body.onfix-public-admin-light .unread-badge *{color:#fff !important;}
body.onfix-public-admin-light table,
body.onfix-public-admin-light th,
body.onfix-public-admin-light td{border-color:rgba(20,24,32,.12) !important;}

/* Homepage sections/cards */
body.onfix-public-admin-light .announcement,
body.onfix-public-admin-light .announcement--inline{
  background:#fff !important;
  background-image:none !important;
  color:#111 !important;
  border-top:1px solid #111 !important;
  border-bottom:1px solid #111 !important;
}
body.onfix-public-admin-light .announcement__track,
body.onfix-public-admin-light .announcement--inline .announcement__track{
  color:#111 !important;
}
body.onfix-public-admin-light .quick-facts article{border-color:rgba(20,24,32,.12) !important;}
body.onfix-public-admin-light .service-card,
body.onfix-public-admin-light .video-card,
body.onfix-public-admin-light .order-card,
body.onfix-public-admin-light .services-entry-card,
body.onfix-public-admin-light .onfix-location-card,
body.onfix-public-admin-light .video-hub-card{
  border:1px solid rgba(20,24,32,.14) !important;
}
body.onfix-public-admin-light .service-card p,
body.onfix-public-admin-light .video-card p{color:#68717d !important;}
body.onfix-public-admin-light .service-card a,
body.onfix-public-admin-light .video-card span,
body.onfix-public-admin-light .eyebrow,
body.onfix-public-admin-light .rating span{
  color:#8b6f24 !important;
}
body.onfix-public-admin-light .stats-grid article{border-color:rgba(20,24,32,.15) !important;}
body.onfix-public-admin-light .stats-section,
body.onfix-public-admin-light .cta-inner{
  background:#fff !important;
  color:#111 !important;
  border-top:1px solid rgba(20,24,32,.12) !important;
  border-bottom:1px solid rgba(20,24,32,.12) !important;
}
body.onfix-public-admin-light .contact-chips a,
body.onfix-public-admin-light .contact-chip{
  background:#fff !important;
  color:#111 !important;
  border:1px solid #111 !important;
}
body.onfix-public-admin-light .site-footer{border-top:1px solid rgba(20,24,32,.14) !important;}
body.onfix-public-admin-light .footer-panel,
body.onfix-public-admin-light .footer-location-pro{
  background:#fff !important;
  color:#111 !important;
  border-color:rgba(20,24,32,.14) !important;
  box-shadow:none !important;
}
body.onfix-public-admin-light .footer-grid a:hover{color:#111 !important;text-decoration:underline;}

/* Reviews and public chat */
body.onfix-public-admin-light .onfix-public-review-item p,
body.onfix-public-admin-light .onfix-public-review-item strong,
body.onfix-public-admin-light .onfix-chat-head strong,
body.onfix-public-admin-light .onfix-chat-status b,
body.onfix-public-admin-light .onfix-chat-empty b{
  color:#111 !important;
}
body.onfix-public-admin-light .onfix-public-review-stars,
body.onfix-public-admin-light .onfix-public-review-rating{color:#8b6f24 !important;}
body.onfix-public-admin-light .onfix-chat-panel{border:1px solid #111 !important;}
body.onfix-public-admin-light .onfix-chat-head,
body.onfix-public-admin-light .onfix-chat-status,
body.onfix-public-admin-light .onfix-chat-form{border-color:rgba(20,24,32,.14) !important;}
body.onfix-public-admin-light .onfix-chat-messages{background:#f8f9fb !important;}
body.onfix-public-admin-light .onfix-chat-msg.mine{
  background:#f3f4f6 !important;
  color:#111 !important;
  border:1px solid #111 !important;
}
body.onfix-public-admin-light .onfix-chat-empty{color:#68717d !important;}
body.onfix-public-admin-light .onfix-chat-overlay{background:rgba(20,24,32,.18) !important;}
body.onfix-public-admin-light .onfix-chat-fab{
  background:#fff !important;
  color:#111 !important;
  border:1px solid #111 !important;
  box-shadow:0 8px 20px rgba(20,24,32,.14) !important;
}
body.onfix-public-admin-light .onfix-chat-fab-label{
  background:#fff !important;
  color:#111 !important;
  border:1px solid #111 !important;
}

/* Modal / gift */
body.onfix-public-admin-light .gift-overlay{background:rgba(20,24,32,.25) !important;}
body.onfix-public-admin-light .gift-close,
body.onfix-public-admin-light .gift-modal h2,
body.onfix-public-admin-light .gift-modal p,
body.onfix-public-admin-light .gift-result p,
body.onfix-public-admin-light .gift-note{color:#111 !important;}
body.onfix-public-admin-light .gift-result{background:#f6fff8 !important;border-color:#b7dec1 !important;}
body.onfix-public-admin-light .gift-result h3{color:#276837 !important;}
body.onfix-public-admin-light .gift-icon{background:#f3f4f6 !important;color:#111 !important;border:1px solid #111 !important;box-shadow:none !important;}

/* Keep media itself intact; only its frame becomes light. */
body.onfix-public-admin-light .video-shell{
  background:#fff !important;
  background-image:none !important;
  border:1px solid rgba(20,24,32,.18) !important;
  box-shadow:0 14px 34px rgba(20,24,32,.10) !important;
}
body.onfix-public-admin-light .video-shell video,
body.onfix-public-admin-light .video-card video,
body.onfix-public-admin-light .repair-process-ad-video{background:#000 !important;}
body.onfix-public-admin-light .video-badge{
  background:rgba(255,255,255,.92) !important;
  color:#111 !important;
  border:1px solid rgba(20,24,32,.18) !important;
}

/* Preserve the red notification indicator as a signal, not as a theme color. */
body.onfix-public-admin-light .dashboard-live-dot,
body.onfix-public-admin-light .utility-pill__notify-dot{
  background:#d71920 !important;
}

@media(max-width:820px){
  body.onfix-public-admin-light .main-nav{background:#fff !important;color:#111 !important;border-color:#111 !important;}
}

/* Commerce hero and remaining homepage widgets */
body.onfix-public-admin-light .hero-shop-column .onfix-commerce-block,
body.onfix-public-admin-light .hero-shop-column .onfix-commerce-card,
body.onfix-public-admin-light .auth-modal,
body.onfix-public-admin-light .login-required-box,
body.onfix-public-admin-light .onfix-opening-banner{
  background:#fff !important;
  background-image:none !important;
  color:#111 !important;
  border-color:rgba(20,24,32,.14) !important;
  box-shadow:0 14px 34px rgba(20,24,32,.08) !important;
}
body.onfix-public-admin-light .hero-shop-column .onfix-commerce-card{
  background:#f8f9fb !important;
  border:1px solid rgba(20,24,32,.14) !important;
}
body.onfix-public-admin-light .hero-shop-column .onfix-commerce-card:hover{
  background:#fff !important;
  border-color:#111 !important;
}
body.onfix-public-admin-light .hero-shop-column .onfix-commerce-title>h2,
body.onfix-public-admin-light .hero-shop-column .onfix-commerce-card h3,
body.onfix-public-admin-light .hero-shop-column .onfix-commerce-copy,
body.onfix-public-admin-light .auth-modal h2,
body.onfix-public-admin-light .login-required-box h2{
  color:#111 !important;
}
body.onfix-public-admin-light .hero-shop-column .onfix-commerce-card p,
body.onfix-public-admin-light .hero-shop-column .onfix-commerce-title p{
  color:#68717d !important;
}
body.onfix-public-admin-light .hero-shop-column .onfix-commerce-title>span,
body.onfix-public-admin-light .hero-shop-column .onfix-commerce-eyebrow,
body.onfix-public-admin-light .hero-shop-column .onfix-commerce-link{
  color:#8b6f24 !important;
}
body.onfix-public-admin-light .hero-shop-column .onfix-commerce-icon,
body.onfix-public-admin-light .hero-shop-column .onfix-commerce-subaction-icon{
  background:#fff !important;
  color:#111 !important;
  border:1px solid rgba(20,24,32,.14) !important;
  box-shadow:none !important;
}
body.onfix-public-admin-light .promo-swipe__dots{
  background:rgba(255,255,255,.90) !important;
  border:1px solid rgba(20,24,32,.18) !important;
}
body.onfix-public-admin-light .promo-swipe__dot{background:#8b9098 !important;}
body.onfix-public-admin-light .promo-swipe__dot.is-active{background:#111 !important;color:#111 !important;}
body.onfix-public-admin-light .auth-overlay{background:rgba(20,24,32,.20) !important;}
body.onfix-public-admin-light .auth-modal-close{background:#fff !important;color:#111 !important;border:1px solid #111 !important;}


/* Residual homepage dark panels/buttons — exact fixes from mobile screenshots. */
body.onfix-public-admin-light .order-layout--premium,
body.onfix-public-admin-light .cta-section,
body.onfix-public-admin-light .cta-inner--premium,
body.onfix-public-admin-light #onfix-category-menu a,
body.onfix-public-admin-light #onfix-category-menu .onfix-commerce-subaction{
  background:#fff !important;
  background-image:none !important;
  color:#111 !important;
  border-color:rgba(20,24,32,.16) !important;
  box-shadow:none !important;
}
body.onfix-public-admin-light #onfix-category-menu a{border:1px solid #111 !important;}
body.onfix-public-admin-light #onfix-category-menu h3,
body.onfix-public-admin-light #onfix-category-menu [data-entry-label],
body.onfix-public-admin-light .order-layout--premium h2,
body.onfix-public-admin-light .order-layout--premium h3,
body.onfix-public-admin-light .cta-inner--premium h2{color:#111 !important;}
body.onfix-public-admin-light #onfix-category-menu .onfix-commerce-icon,
body.onfix-public-admin-light #onfix-category-menu .onfix-commerce-subaction-icon{
  background:#fff !important;
  color:#111 !important;
  border:1px solid rgba(20,24,32,.18) !important;
  box-shadow:none !important;
}


/* ONFIX footer emphasis — links, contact and location only. */
body.onfix-public-admin-light .site-footer .footer-panel--links,
body.onfix-public-admin-light .site-footer .footer-panel--contact,
body.onfix-public-admin-light .site-footer .footer-location-pro--elegant .onfix-location-card{
  background:#fff !important;
  color:#111 !important;
  border:2px solid #111 !important;
  border-radius:20px !important;
  box-shadow:0 10px 24px rgba(17,17,17,.07) !important;
}
body.onfix-public-admin-light .site-footer .footer-panel--links,
body.onfix-public-admin-light .site-footer .footer-panel--contact{
  padding:22px 20px !important;
}
body.onfix-public-admin-light .site-footer .footer-location-pro--elegant .onfix-location-card{
  padding:26px 22px !important;
}
body.onfix-public-admin-light .site-footer .footer-panel--links h3,
body.onfix-public-admin-light .site-footer .footer-panel--contact h3,
body.onfix-public-admin-light .site-footer .footer-location-pro--elegant .onfix-location-brand h3,
body.onfix-public-admin-light .site-footer .footer-panel--links a,
body.onfix-public-admin-light .site-footer .footer-panel--contact a,
body.onfix-public-admin-light .site-footer .footer-panel--contact span,
body.onfix-public-admin-light .site-footer .footer-location-pro--elegant .onfix-address-link{
  color:#111 !important;
}
body.onfix-public-admin-light .site-footer .footer-location-pro--elegant .onfix-address-link{
  background:#fff !important;
  border:1px solid #111 !important;
}
body.onfix-public-admin-light .site-footer .footer-location-pro--elegant .onfix-location-brand span{
  color:#555 !important;
}
@media(max-width:820px){
  body.onfix-public-admin-light .site-footer .footer-panel--links,
  body.onfix-public-admin-light .site-footer .footer-panel--contact,
  body.onfix-public-admin-light .site-footer .footer-location-pro--elegant .onfix-location-card{
    border-radius:17px !important;
  }
}