/* Hubliq neutral light UI — paired with html[data-ui-scheme="light"] (sun/moon toggle).
   Loaded after page CSS so variable overrides win. Stone/zinc palette, not blue. */

html[data-ui-scheme="light"] {
  color-scheme: light;
  --bg0: #f5f5f4;
  --bg1: #e7e5e4;
  --card-bg: #ffffff;
  --navy0: #e7e5e4;
  --navy1: #d6d3d1;
  --text: #1c1917;
  --textInv: #fafaf9;
  --glass: rgba(0, 0, 0, 0.04);
  --glass2: rgba(0, 0, 0, 0.02);
  --stroke: rgba(0, 0, 0, 0.1);
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadowSoft: 0 4px 12px rgba(0, 0, 0, 0.06);
  --glowCyan: rgba(120, 113, 108, 0.12);
  --glowBlue: rgba(120, 113, 108, 0.1);
  --glowViolet: rgba(120, 113, 108, 0.1);
  --glowAmber: rgba(120, 113, 108, 0.1);
  --ink: #1c1917;
  --muted: rgba(28, 25, 23, 0.65);
  --blue-accent: #57534e;
}

html[data-ui-scheme="light"] body.mobile-home-active,
html[data-ui-scheme="light"] html.mobile-home-active,
html[data-ui-scheme="light"] body.home-page-hq,
html[data-ui-scheme="light"] body.discovery-page {
  background: var(--bg0) !important;
  color: var(--text) !important;
}

/* Home HQ top chrome */
html[data-ui-scheme="light"] body.home-page-hq .home-search-fixed.hq-topchrome,
html[data-ui-scheme="light"] body.home-page-hq .hq-topchrome {
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

html[data-ui-scheme="light"] body.home-page-hq .hq-topchrome__search {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #1c1917 !important;
}

html[data-ui-scheme="light"] body.home-page-hq .hq-topchrome__search span {
  color: #44403c !important;
}

html[data-ui-scheme="light"] body.home-page-hq .hq-topchrome__icon-btn {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #292524 !important;
}

html[data-ui-scheme="light"] body.home-page-hq .hq-topchrome__scheme-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #3f3f46 !important;
  opacity: 1;
}

html[data-ui-scheme="light"] body.home-page-hq .hq-topchrome__scheme-btn:hover {
  background: transparent !important;
  color: #18181b !important;
  opacity: 0.92;
}

html[data-ui-scheme="light"] body.home-page-hq .hq-topchrome__scheme-btn:focus-visible {
  outline: 2px solid rgba(82, 82, 91, 0.55);
  outline-offset: 2px;
}

html[data-ui-scheme="light"] body.home-page-hq .hq-topchrome__user-toggle {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #1c1917 !important;
}

html[data-ui-scheme="light"] body.home-page-hq .hq-topchrome__user-dropdown,
html[data-ui-scheme="light"] body.discovery-page .hq-topchrome__user-dropdown {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12) !important;
}

html[data-ui-scheme="light"] body.home-page-hq .hq-topchrome__user-dropdown .dropdown-item,
html[data-ui-scheme="light"] body.discovery-page .hq-topchrome__user-dropdown .dropdown-item {
  color: #292524 !important;
}

html[data-ui-scheme="light"] body.home-page-hq .hq-topchrome__user-dropdown .dropdown-item:hover,
html[data-ui-scheme="light"] body.discovery-page .hq-topchrome__user-dropdown .dropdown-item:hover {
  background: #f4f4f5 !important;
  color: #0c0a09 !important;
}

html[data-ui-scheme="light"] body.home-page-hq .discovery-nav-select,
html[data-ui-scheme="light"] body.discovery-page .mobile-home-page-2026 .discovery-nav-select {
  background-color: #fafafa !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%2344403c' stroke-width='2' stroke-opacity='0.95' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  color: #18181b !important;
  -webkit-text-fill-color: #18181b !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

html[data-ui-scheme="light"] body.home-page-hq .discovery-nav-select option,
html[data-ui-scheme="light"] body.discovery-page .discovery-nav-select option {
  background-color: #ffffff !important;
  color: #18181b !important;
}

/* Discovery chrome: datetime row (wins over discovery-datetime-picker.css) */
html[data-ui-scheme="light"] body.discovery-page .hq-topchrome__datetime-icon {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #3f3f46 !important;
}

html[data-ui-scheme="light"] body.discovery-page .hq-discovery-datetime-input {
  background: #fafafa !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  color: #18181b !important;
}

html[data-ui-scheme="light"] body.discovery-page .hq-discovery-datetime-input:focus {
  outline: 2px solid rgba(82, 82, 91, 0.4) !important;
  border-color: rgba(63, 63, 70, 0.45) !important;
}

html[data-ui-scheme="light"] body.discovery-page .hq-discovery-datetime-input::-webkit-calendar-picker-indicator {
  filter: none !important;
  opacity: 0.75 !important;
}

html[data-ui-scheme="light"] body.discovery-page .hq-discovery-datetime-clear {
  color: #52525b !important;
  background: transparent !important;
}

/* Hero & sections using CSS variables from mobile-home-2026 */
html[data-ui-scheme="light"] body.home-page-hq .hq-hero__title,
html[data-ui-scheme="light"] body.home-page-hq .hq-hero__greet,
html[data-ui-scheme="light"] body.home-page-hq .hq-hero__tagline,
html[data-ui-scheme="light"] body.home-page-hq .hq-hero__city {
  color: var(--text) !important;
}

html[data-ui-scheme="light"] body.home-page-hq .hq-section-title,
html[data-ui-scheme="light"] body.home-page-hq .hq-section-eyebrow {
  color: var(--text) !important;
}

html[data-ui-scheme="light"] body.home-page-hq .hq-card,
html[data-ui-scheme="light"] body.home-page-hq .mobile-home-card {
  background: var(--card-bg) !important;
  border-color: var(--stroke) !important;
  box-shadow: var(--shadowSoft) !important;
}

/* Detail HQ shell (org / location / professional) */
html[data-ui-scheme="light"] body.detail-page-hq {
  background: var(--bg0) !important;
  color: #1c1917 !important;
}

@media (min-width: 1150px) {
  html[data-ui-scheme="light"] body.detail-page-hq {
    background: #e7e5e4 !important;
  }
}

html[data-ui-scheme="light"] body.detail-page-hq .hubliq-detail-page-inner,
html[data-ui-scheme="light"] body.detail-page-hq .proPageWrap,
html[data-ui-scheme="light"] body.detail-page-hq .orgPageWrap,
html[data-ui-scheme="light"] body.detail-page-hq .locPageWrap {
  background: #fafaf9 !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #1c1917 !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08) !important;
}

html[data-ui-scheme="light"] body.detail-page-hq .hubliq-detail-page-inner h1,
html[data-ui-scheme="light"] body.detail-page-hq .hubliq-detail-page-inner h2,
html[data-ui-scheme="light"] body.detail-page-hq .hubliq-detail-page-inner h3,
html[data-ui-scheme="light"] body.detail-page-hq .hubliq-detail-page-inner h4,
html[data-ui-scheme="light"] body.detail-page-hq .hubliq-detail-page-inner h5,
html[data-ui-scheme="light"] body.detail-page-hq .hubliq-detail-page-inner h6,
html[data-ui-scheme="light"] body.detail-page-hq .hubliq-hero-title {
  color: #0c0a09 !important;
}

html[data-ui-scheme="light"] body.detail-page-hq .hubliq-hero-subtitle,
html[data-ui-scheme="light"] body.detail-page-hq .text-muted {
  color: #57534e !important;
}

html[data-ui-scheme="light"] body.detail-page-hq .text-white {
  color: #1c1917 !important;
}

html[data-ui-scheme="light"] body.detail-page-hq .hubliq-main-tabs,
html[data-ui-scheme="light"] body.detail-page-hq ul.hubliq-subtabs {
  background: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

html[data-ui-scheme="light"] body.detail-page-hq .hubliq-main-tabs .nav-link,
html[data-ui-scheme="light"] body.detail-page-hq ul.hubliq-subtabs .nav-link {
  color: #292524 !important;
}

html[data-ui-scheme="light"] body.detail-page-hq .hubliq-detail-scroll-body .card,
html[data-ui-scheme="light"] body.detail-page-hq #myTabContent .card {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #1c1917 !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06) !important;
}

html[data-ui-scheme="light"] body.detail-page-hq .hubliq-detail-scroll-body .card .card-header,
html[data-ui-scheme="light"] body.detail-page-hq #myTabContent .card .card-header {
  background: #f5f5f4 !important;
  border-bottom-color: rgba(0, 0, 0, 0.08) !important;
  color: #0c0a09 !important;
}

html[data-ui-scheme="light"] body.detail-page-hq .hubliq-detail-scroll-body .card .card-body,
html[data-ui-scheme="light"] body.detail-page-hq #myTabContent .card .card-body {
  color: #292524 !important;
}

html[data-ui-scheme="light"] body.detail-page-hq .tab-pane {
  background: transparent !important;
  color: inherit !important;
}

html[data-ui-scheme="light"] body.detail-page-hq .hq-detail-topchrome {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

html[data-ui-scheme="light"] body.detail-page-hq .hq-detail-topchrome__search {
  color: #1c1917 !important;
}

html[data-ui-scheme="light"] body.detail-page-hq .hq-detail-rail {
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #292524 !important;
}

/* Main shell pages: lift common navy backdrops */
html[data-ui-scheme="light"] body.hubliq-hq-nav:not(.detail-page-hq):not(.home-page-hq) main {
  background: transparent !important;
}

html[data-ui-scheme="light"] body:not(.home-page-hq):not(.detail-page-hq) .card {
  background: #fff !important;
  color: #1c1917 !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

/* ---------- Mobile bottom nav + “More” sheet (responsive.css) ---------- */
html[data-ui-scheme="light"] .mobile-bottom-nav {
  background: linear-gradient(180deg, #fafafa 0%, #f4f4f5 100%) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.07) !important;
}

html[data-ui-scheme="light"] .mobile-bottom-nav .nav-link,
html[data-ui-scheme="light"] .mobile-bottom-nav .nav-link span {
  color: #3f3f46 !important;
}

html[data-ui-scheme="light"] .mobile-bottom-nav .nav-link i,
html[data-ui-scheme="light"] .mobile-bottom-nav .mobile-nav-icon-wrapper i {
  color: #3f3f46 !important;
}

html[data-ui-scheme="light"] .mobile-bottom-nav .nav-link.active,
html[data-ui-scheme="light"] .mobile-bottom-nav .nav-link.active span {
  color: #0c0a09 !important;
  font-weight: 600 !important;
}

html[data-ui-scheme="light"] .mobile-bottom-nav .nav-link.active i,
html[data-ui-scheme="light"] .mobile-bottom-nav .mobile-nav-item.active i {
  color: #0c0a09 !important;
}

html[data-ui-scheme="light"] .mobile-bottom-nav .nav-link:hover,
html[data-ui-scheme="light"] .mobile-bottom-nav .nav-link.active {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #18181b !important;
}

html[data-ui-scheme="light"] .mobile-bottom-nav .mobile-nav-item.dropdown.show .mobile-nav-icon-wrapper i,
html[data-ui-scheme="light"] .mobile-bottom-nav .mobile-nav-item.dropdown[aria-expanded="true"] .mobile-nav-icon-wrapper i {
  color: #0c0a09 !important;
}

html[data-ui-scheme="light"] .mobile-bottom-nav .mobile-nav-item.dropdown.show .mobile-nav-icon-wrapper,
html[data-ui-scheme="light"] .mobile-bottom-nav .mobile-nav-item.dropdown[aria-expanded="true"] .mobile-nav-icon-wrapper {
  background: rgba(0, 0, 0, 0.06) !important;
}

html[data-ui-scheme="light"] .mobile-nav-item.dropdown .dropdown-menu {
  background: #ffffff !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.12) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-ui-scheme="light"] .mobile-nav-item.dropdown .dropdown-menu .dropdown-item {
  color: #292524 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

html[data-ui-scheme="light"] .mobile-nav-item.dropdown .dropdown-menu .dropdown-item i {
  color: #52525b !important;
}

html[data-ui-scheme="light"] .mobile-nav-item.dropdown .dropdown-menu .dropdown-item:hover,
html[data-ui-scheme="light"] .mobile-nav-item.dropdown .dropdown-menu .dropdown-item:focus {
  background: #f4f4f5 !important;
  color: #0c0a09 !important;
}

html[data-ui-scheme="light"] .mobile-nav-item.dropdown .dropdown-menu .dropdown-header {
  color: #52525b !important;
}

html[data-ui-scheme="light"] .mobile-nav-item.dropdown .dropdown-menu .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.08) !important;
}

/* ---------- Home sidebar / HQ nav (desktop) ---------- */
html[data-ui-scheme="light"] body.hubliq-hq-nav .hq-sidebar,
html[data-ui-scheme="light"] body .hq-sidebar {
  background: #fafafa !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  color: #1c1917 !important;
}

html[data-ui-scheme="light"] body .hq-sidebar a,
html[data-ui-scheme="light"] body .hq-sidebar .nav-link {
  color: #292524 !important;
}

html[data-ui-scheme="light"] body .hq-sidebar a:hover,
html[data-ui-scheme="light"] body .hq-sidebar .nav-link:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  color: #0c0a09 !important;
}

/* ---------- Deal / service / pro cards on home & discovery ---------- */
html[data-ui-scheme="light"] body.home-page-hq .deal-card,
html[data-ui-scheme="light"] body.discovery-page .deal-card,
html[data-ui-scheme="light"] body.home-page-hq article.hubliq-service-card,
html[data-ui-scheme="light"] body.discovery-page article.hubliq-service-card {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  color: #18181b !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
}

html[data-ui-scheme="light"] body.home-page-hq .deal-card .deal-info,
html[data-ui-scheme="light"] body.discovery-page .deal-card .deal-info,
html[data-ui-scheme="light"] body.home-page-hq .hubliq-pill,
html[data-ui-scheme="light"] body.discovery-page .hubliq-pill {
  color: #3f3f46 !important;
}

/* ---------- Global forms on light (non-destructive to primary buttons) ---------- */
html[data-ui-scheme="light"] body.hubliq-hq-nav .form-control,
html[data-ui-scheme="light"] body.hubliq-hq-nav .form-select,
html[data-ui-scheme="light"] body.hubliq-hq-nav textarea {
  background-color: #ffffff !important;
  color: #18181b !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}

html[data-ui-scheme="light"] body.hubliq-hq-nav select:not(.btn):not([class*="btn-"]) {
  background-color: #ffffff !important;
  color: #18181b !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}

html[data-ui-scheme="light"] body.hubliq-hq-nav .form-control::placeholder,
html[data-ui-scheme="light"] body.hubliq-hq-nav input::placeholder {
  color: #71717a !important;
}

html[data-ui-scheme="light"] body.hubliq-hq-nav label:not(.btn),
html[data-ui-scheme="light"] body.hubliq-hq-nav .form-label {
  color: #3f3f46 !important;
}

/* Tables / muted */
html[data-ui-scheme="light"] body.hubliq-hq-nav .table {
  color: #292524 !important;
  --bs-table-bg: transparent;
  --bs-table-color: #292524;
}

html[data-ui-scheme="light"] body.hubliq-hq-nav .modal-content {
  background: #ffffff !important;
  color: #18181b !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

html[data-ui-scheme="light"] body.hubliq-hq-nav .modal-header,
html[data-ui-scheme="light"] body.hubliq-hq-nav .modal-footer {
  border-color: rgba(0, 0, 0, 0.08) !important;
}

/* Alerts on light pages */
html[data-ui-scheme="light"] body.hubliq-hq-nav .alert-info {
  background: #f4f4f5 !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  color: #27272a !important;
}