/* ── Desktop category mega-dropdown (iframeheader only) ──────────
   Scoped to #cat-menu-dt / .cat-dd so it cannot affect the sidebar
   browse panel or any mobile styles.
   ──────────────────────────────────────────────────────────────── */

/* Wrapper li */
#cat-menu-dt {
  position: relative;
}

/* The three-column panel */
.cat-dd {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  flex-direction: row;
  background: #fff;
  border: 1px solid #e0e0ee;
  border-radius: 8px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .15);
  z-index: 9100;
  max-height: 420px;
  overflow: hidden;
  min-width: 200px;
}

.cat-dd.open {
  display: flex;
}

/* Individual column */
.cat-dd-col {
  width: 210px;
  overflow-y: auto;
  overflow-x: hidden;
  border-right: 1px solid #ebebf8;
  flex-shrink: 0;
  scrollbar-width: thin;      /* Firefox */
  scrollbar-color: #c0c0d8 #f0f0f5; /* Firefox thumb / track */
  -ms-overflow-style: auto;  /* IE and Edge */
}

.cat-dd-col::-webkit-scrollbar {
  display: block;
  width: 5px;              /* Chrome / Safari / Opera / macOS / iOS */
}

.cat-dd-col::-webkit-scrollbar-track {
  background: #f0f0f5;     /* always-visible track */
  border-radius: 4px;
}

.cat-dd-col::-webkit-scrollbar-thumb {
  background: #c0c0d8;
  border-radius: 4px;
}

.cat-dd-col::-webkit-scrollbar-thumb:hover {
  background: #3D3D97;
}

.cat-dd-col:last-child {
  border-right: none;
}

/* Row links inside the dropdown */
.cat-dd-col a.cdt-row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 9px 10px 9px 13px;
  font-size: 13px !important;
  font-weight: 500;
  color: #374151;
  text-decoration: none !important;
  border-bottom: 1px solid #f0f0f5;
  cursor: pointer;
  transition: background .1s, color .1s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* reset any inherited a styles */
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.cat-dd-col a.cdt-row:last-child {
  border-bottom: none;
}

.cat-dd-col a.cdt-row:hover,
.cat-dd-col a.cdt-row.cdt-active {
  background: #f4f5fb !important;
  color: #3D3D97 !important;
}

/* Chevron pushed to the right */
.cat-dd-col a.cdt-row .fa-chevron-right {
  margin-left: auto;
  flex-shrink: 0;
  font-size: 10px;
  color: #c0c0d8;
  float: none !important;
  padding-top: 0 !important;
}

.cat-dd-col a.cdt-row.cdt-active .fa-chevron-right {
  color: #3D3D97;
}

/* Sub-sub-cat rows have no chevron; add indentation */
.cat-dd-col a.cdt-subsubcat {
  padding-left: 16px;
}

/* Column 2 and 3 are shown/hidden via JS */
#cat-dd-2,
#cat-dd-3 {
  display: none;
}

/* Col separator with a subtle left border for visual depth */
#cat-dd-2,
#cat-dd-3 {
  border-left: 1px solid #ebebf8;
}

/* Hide the whole menu on small screens (mobile uses its own nav) */
@media (max-width: 1115px) {
  #cat-menu-dt {
    display: none !important;
  }
}

/* all rows 100% */
.cat-dd-col a.cdt-row {
  width: 100%;
}