/* ============================================
   GDOH Brand Theme for Apache Superset
   Great Dunmow Osteopathy & Health
   ============================================
   Colors:
     Primary Dark:  #00251c (dark teal)
     Accent:        #94bb86 (sage green)
     Light Sage:    #e4e6d9
     Soft Sage:     #c0cfb2
     Muted Teal:    #608777
     Footer Dark:   #0d221b
   Font: Montserrat
   ============================================ */

/* -- Import Montserrat from Google Fonts -- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

/* -- Global font override -- */
body,
.ant-layout,
.ant-menu,
.ant-btn,
.ant-input,
.ant-select,
.ant-table,
.ant-card,
.ant-modal,
.ant-tabs,
.dashboard-header,
.header-with-actions,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* -- Top navbar / header -- */
header.ant-layout-header,
.header-with-actions,
.ant-layout-header {
  background-color: #00251c !important;
}

/* Navbar menu items */
.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark {
  background-color: #00251c !important;
}

.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item a {
  color: rgba(255, 255, 255, 0.85) !important;
}

.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-item a:hover {
  color: #94bb86 !important;
}

.ant-menu-dark .ant-menu-item-selected,
.ant-menu-dark .ant-menu-item-selected a {
  color: #ffffff !important;
  background-color: rgba(148, 187, 134, 0.2) !important;
}

/* -- Navbar right section (user menu, + button) -- */
.ant-layout-header .ant-menu-dark .ant-menu-item-selected {
  background-color: rgba(148, 187, 134, 0.15) !important;
}

/* -- Primary buttons -- */
.ant-btn-primary {
  background-color: #00251c !important;
  border-color: #00251c !important;
}

.ant-btn-primary:hover,
.ant-btn-primary:focus {
  background-color: #003d2e !important;
  border-color: #94bb86 !important;
}

/* -- Links -- */
a {
  color: #00251c;
}

a:hover {
  color: #94bb86;
}

/* -- Active/selected tabs -- */
.ant-tabs-tab-active .ant-tabs-tab-btn,
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #00251c !important;
}

.ant-tabs-ink-bar {
  background-color: #94bb86 !important;
}

/* -- Dashboard filter bar -- */
.filter-scope-selector .ant-tree .ant-tree-node-selected,
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: rgba(148, 187, 134, 0.2) !important;
}

/* -- Tags and badges -- */
.ant-tag-blue {
  color: #00251c !important;
  background: rgba(148, 187, 134, 0.15) !important;
  border-color: #94bb86 !important;
}

/* -- Select dropdowns -- */
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: rgba(148, 187, 134, 0.15) !important;
}

/* -- Switch toggle -- */
.ant-switch-checked {
  background-color: #94bb86 !important;
}

/* -- Progress bar -- */
.ant-progress-bg {
  background-color: #94bb86 !important;
}

/* -- Pagination active -- */
.ant-pagination-item-active {
  border-color: #00251c !important;
}

.ant-pagination-item-active a {
  color: #00251c !important;
}

/* -- Breadcrumb links -- */
.ant-breadcrumb a {
  color: #608777 !important;
}

.ant-breadcrumb a:hover {
  color: #94bb86 !important;
}

/* -- Superset-specific: navbar logo sizing -- */
.navbar-brand img,
img.navbar-brand,
.ant-layout-header img[alt*="logo"],
.ant-layout-header img[alt*="Logo"] {
  max-height: 32px !important;
  width: auto !important;
}

/* -- Checkbox / Radio -- */
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #00251c !important;
  border-color: #00251c !important;
}

.ant-radio-checked .ant-radio-inner {
  border-color: #00251c !important;
}

.ant-radio-checked .ant-radio-inner::after {
  background-color: #00251c !important;
}

/* -- Dashboard cards on home page -- */
.ant-card:hover {
  border-color: #94bb86 !important;
}

/* -- Loading spinner -- */
.ant-spin-dot-item {
  background-color: #94bb86 !important;
}

/* -- Tooltip -- */
.ant-tooltip-inner {
  background-color: #00251c !important;
}

/* -- Superset Welcome/Home page -- */
.ant-layout-content {
  background-color: #fafaf8 !important;
}

/* -- Subtle focus ring -- */
*:focus-visible {
  outline-color: #94bb86 !important;
}