/* =========================================================
   seearth branding — consolidated stylesheet
   ========================================================= */

/* ---- 1. Brand tokens ---- */
:root {
  /* Override NextGISWeb's own tokens — palette from the Seearth logo */
  --primary: #1B6FA8 !important;
  --link-color: #1B6FA8 !important;
  --text-base: #1A2B3C !important;
  --text-secondary: #6B7280 !important;
  --icon-color: #1A2B3C !important;
  --divider-color: #E4EEF5 !important;

  /* Local helper tokens — not overriding anything, just DRY-ing up
     the tint variants used repeatedly below */
  --tint-weak: color-mix(in srgb, var(--primary) 12%, transparent);
  --tint-mid: color-mix(in srgb, var(--primary) 15%, transparent);
  --tint-strong: color-mix(in srgb, var(--primary) 20%, transparent);
}

/* ---- 2. Header ---- */
.ngw-pyramid-layout-header a,
.ngw-pyramid-layout-header .text {
  color: var(--text-base) !important;
}
.ngw-pyramid-layout-header {
  background-color: var(--divider-color) !important;
}
a.map-logo.company-logo {
  display: none !important;
}

/* ---- 3. Navigation menu (vertical icon bar) ---- */
.ngw-webmap-display-navigation-menu.vertical {
  background-color: var(--divider-color) !important;
}
.ngw-webmap-display-navigation-menu .item svg.icon {
  color: var(--text-base) !important;
  opacity: 0.7 !important;
  transition: color 0.15s ease, opacity 0.15s ease;
}
.ngw-webmap-display-navigation-menu .item:hover svg.icon {
  color: var(--primary) !important;
  opacity: 1 !important;
}
.ngw-webmap-display-navigation-menu .item.active {
  background-color: var(--tint-mid) !important;
  border-left: 3px solid var(--primary) !important;
}
.ngw-webmap-display-navigation-menu .item.active svg.icon {
  color: var(--primary) !important;
  opacity: 1 !important;
}
.ngw-webmap-display-navigation-menu .item .text {
  color: var(--text-base) !important;
}
.ngw-webmap-display-navigation-menu .item.active .text {
  color: var(--primary) !important;
  font-weight: 500 !important;
}
.ngw-webmap-display-navigation-menu .item:focus-visible {
  outline: 2px solid var(--primary) !important;
  outline-offset: -2px;
}

/* ---- 4. Identify panel — feature selector bar background ---- */
/* Fixes a hardcoded light-blue (#e6f0f8) from NextGISWeb's own LESS,
   not reachable via CSS variables */
.ngw-webmap-panel-identify .ngw-webmap-panel-prolog {
  background-color: var(--divider-color) !important;
}

/* ---- 5. Ant Design tables (Identify attributes table + feature grid) ---- */
.ant-table-thead > tr > th {
  background-color: var(--divider-color) !important;
  color: var(--text-base) !important;
}
.ant-table-tbody > tr:hover > td {
  background-color: var(--tint-weak) !important;
}
.ant-table-row-selected > td,
.ant-table-tbody > tr.ant-table-row-selected:hover > td {
  background-color: var(--tint-mid) !important;
}

/* ---- 6. Layers panel (Ant Design Tree — selected/active layer row) ---- */
.ant-tree-treenode-selected .ant-tree-node-content-wrapper,
.ant-tree-node-content-wrapper-selected {
  background-color: var(--tint-mid) !important;
}
.ant-tree-treenode-selected .ant-tree-node-content-wrapper:hover,
.ant-tree-node-content-wrapper-selected:hover {
  background-color: var(--tint-strong) !important;
}

/* ---- 7. Checkboxes / radios (e.g. layer visibility toggles) ---- */
.ant-checkbox-checked .ant-checkbox-inner,
.ant-radio-checked .ant-radio-inner {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

/* ---- 8. Dropdowns / selects (e.g. the "#113 (Land)" feature picker) ---- */
.ant-select-selector {
  border-color: var(--primary) !important;
}
.ant-select-focused .ant-select-selector,
.ant-select-selector:hover {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 15%, transparent) !important;
}
.ant-select-arrow {
  color: var(--primary) !important;
}

/* ---- 9. Tab underline (Ant Design Tabs ink bar) ---- */
.ant-tabs-ink-bar {
  background: var(--primary) !important;
}

/* ---- 10. Breathing room for bottom-right map controls (scale bar/text) ---- */
.mapadapter-ctrl-bottom-right {
  padding: 8px !important;
}