@charset "utf-8";
/* CSS Document */

:root {
  --teal-primary: #0d9488;      /* Medium Teal */
  --teal-hover: #0f766e;        /* Darker Teal for interactions */
  --teal-light: #f0fdfa;        /* Soft Teal tint for backgrounds */
  --teal-accent: #14b8a6;       /* Bright Teal accent */
  --teal-text-dark: #115e59;    /* Dark Teal for headings/icons */
}

/* Base Theme Overrides */
.bg-teal {
  background-color: var(--teal-primary) !important;
}

.bg-teal-light {
  background-color: var(--teal-light) !important;
}

.text-teal {
  color: var(--teal-primary) !important;
}

.text-teal-dark {
  color: var(--teal-text-dark) !important;
}

/* Custom Buttons */
.btn-teal {
  background-color: var(--teal-primary);
  color: #ffffff;
  border: none;
  transition: background-color 0.2s ease-in-out;
}

.btn-teal:hover, .btn-teal:focus {
  background-color: var(--teal-hover);
  color: #ffffff;
}

.btn-outline-teal {
  border: 2px solid var(--teal-primary);
  color: var(--teal-primary);
}

.btn-outline-teal:hover {
  background-color: var(--teal-primary);
  color: #ffffff;
}

/* Card Accent Styling */
.card-teal-header {
  border-top: 4px solid var(--teal-primary);
}

/* ==========================================
   Multi-Level Dropdown Styling
   ========================================== */

/* Submenu positioning on desktop (≥ 992px) */
@media (min-width: 992px) {
  /* Position submenus relative to their parent list item */
  .dropdown-menu .dropdown-submenu {
    position: relative;
  }

  /* Flyout menu opens to the right of the parent */
  .dropdown-menu .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -0.25rem;
    margin-left: 0.1rem;
    display: none;
  }

  /* Reveal flyout submenu on hover or focus */
  .dropdown-menu .dropdown-submenu:hover > .dropdown-menu,
  .dropdown-menu .dropdown-submenu:focus-within > .dropdown-menu {
    display: block;
  }
}

/* Submenu styling adjustments for mobile collapse menu (< 992px) */
@media (max-width: 991.98px) {
  .dropdown-menu .dropdown-submenu .dropdown-menu {
    margin-left: 1rem; /* Indent submenus when collapsed in mobile view */
    border-left: 2px solid var(--teal-primary);
    border-radius: 0;
  }
}

/* Custom styling for sub-item toggle indicators */
.dropdown-submenu > .dropdown-item::after {
  content: " \25B6"; /* Right-pointing triangle indicator */
  font-size: 0.65rem;
  float: right;
  margin-top: 0.2rem;
  margin-left: 0.5rem;
  color: var(--teal-primary);
}